@sberbusiness/triplex-next 0.1.9 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/chunks/AlertProcessSpoiler-Dp7FRT9y.js +39 -0
  2. package/chunks/Card.module-Ddt7TQ9Z.js +17 -0
  3. package/chunks/DropdownListItem-y6Rvj_dd.js +56 -0
  4. package/chunks/DropdownMobile.module-DrQkghxs.js +19 -0
  5. package/chunks/Footer.module-CKfl241m.js +11 -0
  6. package/chunks/FormFieldInput-apk1b0w6.js +63 -0
  7. package/chunks/HeaderLayoutSidebar.module-DTXnksBK.js +9 -0
  8. package/chunks/HeaderTabs.module-DVh6MotJ.js +9 -0
  9. package/chunks/HeaderTitle.module-DOeVL9zC.js +9 -0
  10. package/chunks/{ListItemControlsButton-BtMEMrGK.js → ListItemControlsButton-Cn3Vmrsn.js} +8 -8
  11. package/chunks/ListItemTail.module-BnbT61OM.js +12 -0
  12. package/chunks/ListMasterFooter.module-C6QFamKQ.js +10 -0
  13. package/chunks/Overlay.module-BTSQ5G6t.js +18 -0
  14. package/chunks/Page.module-DfMBQJob.js +16 -0
  15. package/chunks/TabsExtended.module-okOlTNQG.js +13 -0
  16. package/chunks/{TabsExtendedUtils-BOHZcNx8.js → TabsExtendedUtils-NCwWiX7O.js} +6 -6
  17. package/chunks/TooltipDesktop.module-DTbnIWo1.js +19 -0
  18. package/chunks/UploadZoneInput-R9729LZY.js +33 -0
  19. package/chunks/utils-B0khB-Lq.js +36 -0
  20. package/chunks/{vendor-CF2m175I.js → vendor-D-uL_icH.js} +38 -34
  21. package/components/Alert/AlertContext/AlertContext.js +10 -10
  22. package/components/Alert/AlertProcess/AlertProcess.js +3 -3
  23. package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +2 -2
  24. package/components/Body/Body.js +6 -6
  25. package/components/Button/Button.js +95 -10
  26. package/components/Button/ButtonBase.js +1 -1
  27. package/components/Button/ButtonDropdown.js +184 -23
  28. package/components/Button/ButtonDropdownExtended.js +50 -6
  29. package/components/Button/ButtonIcon.js +2 -2
  30. package/components/Button/enums.js +5 -4
  31. package/components/Button/index.js +14 -12
  32. package/components/Card/CardAction.js +26 -26
  33. package/components/Card/CardStatic.js +3 -3
  34. package/components/Card/components/CardContent/CardContent.js +2 -2
  35. package/components/Card/components/CardContent/components/CardContentBody.js +2 -2
  36. package/components/Card/components/CardContent/components/CardContentFooter.js +2 -2
  37. package/components/Card/components/CardContent/components/CardContentHeader.js +2 -2
  38. package/components/Card/components/CardMedia.js +2 -2
  39. package/components/Card/utils.js +1 -1
  40. package/components/Checkbox/Checkbox.js +7 -7
  41. package/components/Checkbox/CheckboxXGroup.js +11 -11
  42. package/components/Checkbox/CheckboxYGroup.js +2 -2
  43. package/components/Col/Col.js +146 -146
  44. package/components/DesignTokens/DesignTokenUtils.js +2 -2
  45. package/components/DesignTokens/DesignTokensComponents.js +9 -7
  46. package/components/DesignTokens/DesignTokensComponentsThemeDark.js +15 -13
  47. package/components/DesignTokens/components/Button.js +27 -0
  48. package/components/DesignTokens/components/FormField.js +22 -4
  49. package/components/DesignTokens/components/Island.js +26 -0
  50. package/components/DesignTokens/components/index.js +17 -14
  51. package/components/Dropdown/Dropdown.js +22 -7
  52. package/components/Dropdown/desktop/DropdownDesktop.js +94 -18
  53. package/components/Dropdown/desktop/DropdownList.js +65 -94
  54. package/components/Dropdown/desktop/DropdownListItem.js +2 -2
  55. package/components/Dropdown/index.js +27 -25
  56. package/components/Dropdown/mobile/DropdownMobile.js +2 -2
  57. package/components/Dropdown/mobile/DropdownMobileBody.js +2 -2
  58. package/components/Dropdown/mobile/DropdownMobileClose.js +2 -2
  59. package/components/Dropdown/mobile/DropdownMobileFooter.js +2 -2
  60. package/components/Dropdown/mobile/DropdownMobileHeader.js +2 -2
  61. package/components/Dropdown/mobile/DropdownMobileInner.js +2 -2
  62. package/components/Dropdown/mobile/DropdownMobileInput.js +2 -2
  63. package/components/Dropdown/mobile/DropdownMobileList.js +2 -2
  64. package/components/Dropdown/mobile/DropdownMobileListItem.js +2 -2
  65. package/components/Footer/Footer.js +3 -3
  66. package/components/Footer/components/FooterDescription.js +2 -2
  67. package/components/Footer/components/FooterDescriptionContent.js +2 -2
  68. package/components/Footer/components/FooterDescriptionControls.js +2 -2
  69. package/components/FormField/FormField.js +53 -52
  70. package/components/FormField/FormFieldContext.js +8 -8
  71. package/components/FormField/components/FormFieldClear.js +13 -12
  72. package/components/FormField/components/FormFieldCounter.js +5 -5
  73. package/components/FormField/components/FormFieldDescription.js +5 -5
  74. package/components/FormField/components/FormFieldInput.js +4 -3
  75. package/components/FormField/components/FormFieldLabel.js +32 -31
  76. package/components/FormField/components/FormFieldMaskedInput.js +102 -92
  77. package/components/FormField/components/FormFieldPostfix.js +7 -7
  78. package/components/FormField/components/FormFieldPrefix.js +5 -5
  79. package/components/FormField/components/FormFieldTarget.js +49 -0
  80. package/components/FormField/components/FormFieldTextarea.js +25 -24
  81. package/components/FormField/enums.js +3 -2
  82. package/components/FormField/index.js +19 -16
  83. package/components/FormField/types.js +2 -0
  84. package/components/Header/Header.js +11 -11
  85. package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js +2 -2
  86. package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js +2 -2
  87. package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js +2 -2
  88. package/components/Header/components/HeaderSubheader/HeaderSubheader.js +6 -6
  89. package/components/Header/components/HeaderTabs/HeaderTabs.js +2 -2
  90. package/components/Header/components/HeaderTabs/HeaderTabsContent.js +2 -2
  91. package/components/Header/components/HeaderTabs/HeaderTabsControls.js +2 -2
  92. package/components/Header/components/HeaderTitle/HeaderTitle.js +2 -2
  93. package/components/Header/components/HeaderTitle/HeaderTitleContent.js +2 -2
  94. package/components/Header/components/HeaderTitle/HeaderTitleControls.js +2 -2
  95. package/components/Island/Island.js +78 -0
  96. package/components/Island/components/IslandBody.js +10 -0
  97. package/components/Island/components/IslandFooter.js +10 -0
  98. package/components/Island/components/IslandHeader.js +10 -0
  99. package/components/Island/enums.js +7 -0
  100. package/components/Island/index.js +9 -0
  101. package/components/KeyDownListener/ComposedKeyDownListener.js +13 -0
  102. package/components/KeyDownListener/KeyDownListener.js +27 -0
  103. package/components/KeyDownListener/index.js +7 -0
  104. package/components/Link/Link.js +27 -27
  105. package/components/List/List.js +3 -3
  106. package/components/List/ListSortable.js +1 -1
  107. package/components/List/components/ListEmptyState.js +6 -6
  108. package/components/List/components/ListItem.js +1 -1
  109. package/components/List/components/ListItemContent.js +7 -7
  110. package/components/List/components/ListItemControls.js +7 -7
  111. package/components/List/components/ListItemControlsButton.js +2 -2
  112. package/components/List/components/ListItemControlsButtonDropdown.js +98 -15
  113. package/components/List/components/ListItemLoading.js +2 -2
  114. package/components/List/components/ListItemSelectable.js +9 -9
  115. package/components/List/components/ListItemTable.js +29 -19
  116. package/components/List/components/ListItemTailLeft.js +2 -2
  117. package/components/List/components/ListItemTailRight.js +2 -2
  118. package/components/List/components/ListSortableItem.js +37 -18
  119. package/components/List/components/ListSortableItemControls.js +2 -2
  120. package/components/List/components/ListSortableItemTarget.js +6 -6
  121. package/components/List/index.js +22 -20
  122. package/components/ListMaster/ListMaster.js +1 -1
  123. package/components/ListMaster/components/ListMasterBody.js +1 -1
  124. package/components/ListMaster/components/ListMasterChipGroup.js +5 -5
  125. package/components/ListMaster/components/ListMasterFooter.js +2 -2
  126. package/components/ListMaster/components/ListMasterFooterControls.js +2 -2
  127. package/components/ListMaster/components/ListMasterFooterDescription.js +2 -2
  128. package/components/ListMaster/components/ListMasterHeader.js +7 -7
  129. package/components/ListMaster/components/SelectionControls.js +3 -3
  130. package/components/Loader/LoaderMiddle/LoaderMiddle.js +7 -7
  131. package/components/Loader/LoaderSmall/LoaderSmall.js +16 -16
  132. package/components/LoaderWidget/LoaderWidget.js +9 -9
  133. package/components/Overlay/Overlay.js +2 -2
  134. package/components/Overlay/OverlayMask.js +2 -2
  135. package/components/Overlay/OverlayPanel.js +2 -2
  136. package/components/Page/Page.js +2 -2
  137. package/components/Page/components/BodyPage.js +2 -2
  138. package/components/Page/components/FooterPage.js +2 -2
  139. package/components/Page/components/HeaderPage.js +2 -2
  140. package/components/Pagination/components/PaginationExtended.js +3 -3
  141. package/components/Pagination/components/PaginationNavigationButton.js +6 -6
  142. package/components/Pagination/components/PaginationNavigationExtended.js +2 -2
  143. package/components/Pagination/components/PaginationPageButton.js +6 -6
  144. package/components/Pagination/components/PaginationPageEllipsis.js +2 -2
  145. package/components/Pagination/components/PaginationSelect.js +12 -12
  146. package/components/Pagination/utils/paginationUtils.js +10 -10
  147. package/components/Radio/Radio.js +3 -3
  148. package/components/Radio/RadioXGroup.js +10 -10
  149. package/components/Radio/RadioYGroup.js +9 -9
  150. package/components/Row/Row.js +10 -10
  151. package/components/SegmentedControl/SegmentedControl.js +64 -7
  152. package/components/SegmentedControl/SegmentedControlContext.js +13 -0
  153. package/components/SegmentedControl/SegmentedControlSegment.js +68 -8
  154. package/components/SegmentedControl/index.js +6 -6
  155. package/components/SelectExtendedField/SelectExtendedField.js +57 -0
  156. package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js +25 -0
  157. package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js +86 -0
  158. package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js +101 -0
  159. package/components/SelectExtendedField/index.js +9 -0
  160. package/components/Skeleton/Skeleton.js +10 -10
  161. package/components/SwipeableArea/SwipeableArea.js +13 -13
  162. package/components/TabsExtended/TabsExtended.js +7 -7
  163. package/components/TabsExtended/TabsExtendedUtils.js +1 -1
  164. package/components/TabsExtended/components/TabsExtendedContent.js +11 -11
  165. package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js +2 -2
  166. package/components/TabsExtended/components/TabsExtendedTab.js +2 -2
  167. package/components/TabsExtended/components/TabsExtendedTabButton.js +2 -2
  168. package/components/TabsExtended/components/TabsExtendedTabsWrapper.js +7 -7
  169. package/components/TabsExtended/types.js +2 -0
  170. package/components/TextField/MaskedField.js +6 -89
  171. package/components/TextField/TextField.js +6 -89
  172. package/components/TextField/TextFieldBase.js +30 -89
  173. package/components/TextField/index.js +4 -3
  174. package/components/ThemeProvider/ThemeProvider.js +8 -8
  175. package/components/ThemeProvider/components/ThemeProviderView.js +8 -8
  176. package/components/Tooltip/components/common/TooltipBody.js +7 -7
  177. package/components/Tooltip/components/common/TooltipLink.js +10 -10
  178. package/components/Tooltip/components/common/TooltipXButton.js +1 -1
  179. package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js +2 -2
  180. package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js +2 -2
  181. package/components/Tooltip/components/mobile/TooltipMobile.js +10 -10
  182. package/components/Typography/Caption.js +15 -15
  183. package/components/Typography/Text.js +24 -24
  184. package/components/Typography/Title.js +13 -13
  185. package/components/Typography/utils.js +1 -1
  186. package/components/UploadZone/UploadZone.js +109 -7
  187. package/components/UploadZone/UploadZoneContext.js +11 -0
  188. package/components/UploadZone/components/UploadZoneInput.js +5 -140
  189. package/components/UploadZone/index.js +2 -3
  190. package/components/UploadZone/types.js +2 -0
  191. package/components/index.js +279 -248
  192. package/index.d.ts +212 -27
  193. package/index.js +277 -246
  194. package/package.json +13 -1
  195. package/styles/triplex-next.css +354 -333
  196. package/chunks/AlertProcessSpoiler-BPbAJJFo.js +0 -39
  197. package/chunks/Card.module-Oqawy8hF.js +0 -17
  198. package/chunks/DropdownListItem-CW2MmFpw.js +0 -56
  199. package/chunks/DropdownMobile.module-DyunEp10.js +0 -19
  200. package/chunks/Footer.module-o57OEPdy.js +0 -11
  201. package/chunks/FormFieldInput-C2qWOLr3.js +0 -62
  202. package/chunks/HeaderLayoutSidebar.module-CzpXvDdH.js +0 -9
  203. package/chunks/HeaderTabs.module-CC0WAcoC.js +0 -9
  204. package/chunks/HeaderTitle.module-CH7eRK8R.js +0 -9
  205. package/chunks/ListItemTail.module-BBV_gvLd.js +0 -12
  206. package/chunks/ListMasterFooter.module-Cw1r4pz-.js +0 -10
  207. package/chunks/Overlay.module-08zZh8Y9.js +0 -18
  208. package/chunks/Page.module-Ccvf_vDR.js +0 -16
  209. package/chunks/TabsExtended.module-yT8L2ZYS.js +0 -13
  210. package/chunks/TooltipDesktop.module-CvcpQSlC.js +0 -19
  211. package/chunks/index-CAZEh1iw.js +0 -931
  212. package/chunks/utils-9a4dp5-W.js +0 -36
@@ -1,95 +1,105 @@
1
- import "react/jsx-runtime";
2
- import "react";
3
- import "../../../chunks/vendor-CF2m175I.js";
4
- import "./FormFieldMaskedInputPresets.js";
5
- import "../../Alert/AlertContext/AlertContext.js";
6
- import "../../Alert/AlertProcess/AlertProcess.js";
7
- import "../../Alert/AlertTypeUtils.js";
8
- import { F as No } from "../../../chunks/index-CAZEh1iw.js";
9
- import "../../Button/ButtonBase.js";
10
- import "../../Button/ButtonIcon.js";
11
- import "../../Col/Col.js";
12
- import "../../Checkbox/Checkbox.js";
13
- import "../../Checkbox/CheckboxXGroup.js";
14
- import "../../Checkbox/CheckboxYGroup.js";
15
- import "../FormFieldContext.js";
16
- import "./FormFieldDescription.js";
17
- import "./FormFieldCounter.js";
18
- import "./FormFieldLabel.js";
19
- import "./FormFieldClear.js";
20
- import "../../../chunks/FormFieldInput-C2qWOLr3.js";
21
- import "./FormFieldPostfix.js";
22
- import "./FormFieldPrefix.js";
23
- import "./FormFieldTextarea.js";
24
- import "../../FormGroup/FormGroup.js";
25
- import "../../Gap/Gap.js";
26
- import "../../Link/Link.js";
27
- import "../../Loader/LoaderSmall/LoaderSmall.js";
28
- import "../../Loader/LoaderMiddle/LoaderMiddle.js";
29
- import "../../LoaderWidget/LoaderWidget.js";
30
- import "../../Radio/Radio.js";
31
- import "../../Radio/RadioXGroup.js";
32
- import "../../Radio/RadioYGroup.js";
33
- import "../../Row/Row.js";
34
- import "../../TabsExtended/TabsExtended.js";
35
- import "../../DesignTokens/DesignTokensComponents.js";
36
- import "../../DesignTokens/DesignTokensComponentsThemeDark.js";
37
- import "../../ThemeProvider/ThemeProviderContext.js";
38
- import "../../Typography/Title.js";
39
- import "../../Typography/Text.js";
40
- import "../../Typography/Caption.js";
41
- import "../../../chunks/DropdownListItem-CW2MmFpw.js";
42
- import "../../Dropdown/mobile/DropdownMobile.js";
43
- import "../../Dropdown/mobile/DropdownMobileBody.js";
44
- import "../../Dropdown/mobile/DropdownMobileClose.js";
45
- import "../../Dropdown/mobile/DropdownMobileFooter.js";
46
- import "../../Dropdown/mobile/DropdownMobileHeader.js";
47
- import "../../Dropdown/mobile/DropdownMobileInner.js";
48
- import "../../Dropdown/mobile/DropdownMobileInput.js";
49
- import "../../Dropdown/mobile/DropdownMobileList.js";
50
- import "../../Dropdown/mobile/DropdownMobileListItem.js";
51
- import "../../List/List.js";
52
- import "../../List/ListSortable.js";
53
- import "../../List/components/ListItem.js";
54
- import "../../List/components/ListItemControls.js";
55
- import "../../List/components/ListItemContent.js";
56
- import "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
57
- import "../../List/components/ListEmptyState.js";
58
- import "../../List/components/ListItemLoading.js";
59
- import "../../List/components/ListItemSelectable.js";
60
- import "../../List/components/ListItemTailLeft.js";
61
- import "../../List/components/ListItemTailRight.js";
62
- import "../../List/components/ListSortableItemTarget.js";
63
- import "../../List/components/ListSortableItemControls.js";
64
- import "../../Footer/Footer.js";
65
- import "../../Footer/components/FooterDescription.js";
66
- import "../../Footer/components/FooterDescriptionControls.js";
67
- import "../../Footer/components/FooterDescriptionContent.js";
68
- import "../../Body/Body.js";
69
- import "../../Header/Header.js";
70
- import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
71
- import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
72
- import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
73
- import "../../Header/components/HeaderSubheader/HeaderSubheader.js";
74
- import "../../Header/components/HeaderTabs/HeaderTabs.js";
75
- import "../../Header/components/HeaderTabs/HeaderTabsContent.js";
76
- import "../../Header/components/HeaderTabs/HeaderTabsControls.js";
77
- import "../../Header/components/HeaderTitle/HeaderTitle.js";
78
- import "../../Header/components/HeaderTitle/HeaderTitleContent.js";
79
- import "../../Header/components/HeaderTitle/HeaderTitleControls.js";
80
- import "../../Page/Page.js";
81
- import "../../Pagination/components/PaginationExtended.js";
82
- import "../../Pagination/components/PaginationNavigation.js";
83
- import "../../Pagination/components/PaginationNavigationButton.js";
84
- import "../../Pagination/components/PaginationNavigationExtended.js";
85
- import "../../Pagination/components/PaginationNavigationExtendedItem.js";
86
- import "../../Pagination/components/PaginationPageButton.js";
87
- import "../../Pagination/components/PaginationPageEllipsis.js";
88
- import "../../Pagination/components/PaginationSelect.js";
89
- import "../../Pagination/Pagination.js";
90
- import "../../Card/CardAction.js";
91
- import "../../Card/CardStatic.js";
1
+ import { jsxs as N, jsx as m } from "react/jsx-runtime";
2
+ import { useState as O, useRef as A, useContext as B, useEffect as D, useCallback as U } from "react";
3
+ import { c as F, l as q, m as p } from "../../../chunks/vendor-D-uL_icH.js";
4
+ import { presets as G } from "./FormFieldMaskedInputPresets.js";
5
+ import { s as H, F as J } from "../../../chunks/FormFieldInput-apk1b0w6.js";
6
+ import { FormFieldContext as K } from "../FormFieldContext.js";
7
+ const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlaceholder__641b6e4d", X = "formFieldMaskedInput__70355da8", l = {
8
+ formFieldMaskedInputWrapper: L,
9
+ formFieldMaskedInputPlaceholder: Q,
10
+ "size-sm": "size-sm__eb9869a4",
11
+ "size-md": "size-md__450c5a48",
12
+ "size-lg": "size-lg__96a2c9be",
13
+ formFieldMaskedInput: X
14
+ }, c = ({
15
+ className: I,
16
+ forwardedRef: f,
17
+ disabled: g,
18
+ mask: o,
19
+ onChange: d,
20
+ placeholder: M,
21
+ placeholderChar: i = "0",
22
+ placeholderMask: u,
23
+ value: s,
24
+ ..._
25
+ }) => {
26
+ const [V, x] = O(""), a = A(!1), { valueExist: y, focused: z, size: k } = B(K);
27
+ D(() => {
28
+ x((() => {
29
+ let t = [];
30
+ if (s) {
31
+ const { conformedValue: n } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: i });
32
+ for (let r = 0; r < o.length; r++)
33
+ typeof o[r] == "string" ? t[r] = n[r] : n[r] === i && !s.toString()[r] ? t[r] = (u == null ? void 0 : u[r]) || i : t[r] = n[r];
34
+ } else if (u)
35
+ t = u.split("");
36
+ else {
37
+ const { conformedValue: n } = p.conformToMask("", o, { guide: !0, placeholderChar: i });
38
+ t = n.split("");
39
+ }
40
+ return t.join("");
41
+ })());
42
+ }, [s, o, i, u]);
43
+ const T = U(
44
+ (e) => {
45
+ const { value: t } = e.target;
46
+ a.current = !1, s !== t && (d == null || d(e));
47
+ },
48
+ [s, d]
49
+ ), b = () => {
50
+ a.current = !0;
51
+ }, E = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
52
+ let t = [];
53
+ if (a.current) {
54
+ let n = /^[78]((\D*\d)*)/;
55
+ e = e.replace(n, "+7 ($1"), n = /^\d7/, e = e.replace(n, (r) => (t = Array.from("+7 (").map((Y, $) => $), `+7 (${r}`));
56
+ } else (e === "7" || e === "8") && (e = "+7 (");
57
+ return {
58
+ indexesOfPipedChars: t,
59
+ value: p.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
60
+ };
61
+ }, W = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
62
+ t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
63
+ }, S = () => !y && !z || !s && M ? "" : V;
64
+ return /* @__PURE__ */ N("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
65
+ /* @__PURE__ */ m(
66
+ "input",
67
+ {
68
+ className: F(
69
+ H.formFieldInput,
70
+ l.formFieldMaskedInputPlaceholder,
71
+ I
72
+ ),
73
+ disabled: g,
74
+ placeholder: S(),
75
+ readOnly: !0,
76
+ "aria-hidden": "true",
77
+ tabIndex: -1,
78
+ type: "text"
79
+ }
80
+ ),
81
+ /* @__PURE__ */ m(
82
+ q,
83
+ {
84
+ className: F(l.formFieldMaskedInput, { [l.error]: !!_.error }, I),
85
+ defaultValue: "",
86
+ disabled: g,
87
+ guide: !1,
88
+ render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: M || "", ref: j(e) }),
89
+ mask: o,
90
+ onChange: T,
91
+ onPaste: b,
92
+ placeholderChar: i,
93
+ value: W(),
94
+ pipe: E,
95
+ type: "text",
96
+ ..._
97
+ }
98
+ )
99
+ ] });
100
+ };
101
+ c.presets = G;
92
102
  export {
93
- No as FormFieldMaskedInput
103
+ c as FormFieldMaskedInput
94
104
  };
95
105
  //# sourceMappingURL=FormFieldMaskedInput.js.map
@@ -1,19 +1,19 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import d, { useContext as x, useRef as u, useEffect as F } from "react";
3
- import { FormFieldContext as a } from "../FormFieldContext.js";
4
- import { c as p } from "../../../chunks/vendor-CF2m175I.js";
5
- const P = "formFieldPostfix__4c829c8f", R = {
2
+ import d, { useContext as x, useRef as u, useEffect as a } from "react";
3
+ import { FormFieldContext as F } from "../FormFieldContext.js";
4
+ import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
5
+ const P = "formFieldPostfix__9cba074f", R = {
6
6
  formFieldPostfix: P
7
7
  }, _ = d.forwardRef(
8
8
  ({ children: s, className: f, ...i }, o) => {
9
- const r = p(R.formFieldPostfix, f), { postfixWidth: c, setPostfixWidth: n } = x(a), e = u(), m = (t) => {
9
+ const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
10
10
  e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
11
11
  };
12
- return F(() => {
12
+ return a(() => {
13
13
  if (!e.current)
14
14
  return;
15
15
  const { width: t } = e.current.getBoundingClientRect();
16
- t !== c && n(t);
16
+ t !== n && c(t);
17
17
  }), /* @__PURE__ */ l("span", { className: r, ref: m, ...i, children: s });
18
18
  }
19
19
  );
@@ -1,12 +1,12 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
2
  import d, { useContext as x, useRef as u, useEffect as F } from "react";
3
3
  import { FormFieldContext as a } from "../FormFieldContext.js";
4
- import { c as p } from "../../../chunks/vendor-CF2m175I.js";
5
- const P = "formFieldPrefix__7c81e8f9", R = {
4
+ import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
5
+ const P = "formFieldPrefix__2b743662", R = {
6
6
  formFieldPrefix: P
7
7
  }, _ = d.forwardRef(
8
- ({ children: o, className: f, ...i }, r) => {
9
- const s = p(R.formFieldPrefix, f), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
8
+ ({ children: o, className: i, ...f }, r) => {
9
+ const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
10
10
  t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
11
11
  };
12
12
  return F(() => {
@@ -14,7 +14,7 @@ const P = "formFieldPrefix__7c81e8f9", R = {
14
14
  return;
15
15
  const { width: e } = t.current.getBoundingClientRect();
16
16
  e !== n && c(e);
17
- }), /* @__PURE__ */ l("span", { className: s, ref: m, ...i, children: o });
17
+ }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
18
18
  }
19
19
  );
20
20
  _.displayName = "FormFieldPrefix";
@@ -0,0 +1,49 @@
1
+ import { jsx as I } from "react/jsx-runtime";
2
+ import x, { useContext as E, useRef as T, useEffect as m } from "react";
3
+ import { FormFieldContext as B } from "../FormFieldContext.js";
4
+ import { c as S, f as A } from "../../../chunks/vendor-D-uL_icH.js";
5
+ import { EFormFieldStatus as d } from "../enums.js";
6
+ const L = "formFieldTarget__31064c39", N = "placeholder__6e9df29f", R = "disabled__4388a233", o = {
7
+ formFieldTarget: L,
8
+ placeholder: N,
9
+ disabled: R,
10
+ "size-sm": "size-sm__eb9869a4",
11
+ "size-md": "size-md__450c5a48",
12
+ "size-lg": "size-lg__96a2c9be"
13
+ }, y = x.forwardRef((F, _) => {
14
+ const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...g } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: h } = E(B), b = S(o.formFieldTarget, p, o[`size-${h}`], {
15
+ [o.disabled]: r === d.DISABLED,
16
+ [o.placeholder]: !!n && !s && r !== d.DISABLED
17
+ }), a = T(e || A("formFieldTarget_"));
18
+ m(() => {
19
+ t(a.current);
20
+ }, [t]), m(() => {
21
+ e && (a.current = e, t(a.current));
22
+ }, [e, t]), m(() => {
23
+ u(!!s);
24
+ }, [u, s]);
25
+ const z = (c) => {
26
+ f(!1), l == null || l(c);
27
+ }, D = (c) => {
28
+ f(!0), i == null || i(c);
29
+ };
30
+ return /* @__PURE__ */ I(
31
+ "div",
32
+ {
33
+ ...g,
34
+ className: b,
35
+ "aria-disabled": r === d.DISABLED,
36
+ id: a.current,
37
+ onFocus: D,
38
+ onBlur: z,
39
+ tabIndex: r === d.DISABLED ? -1 : 0,
40
+ ref: _,
41
+ children: s || n
42
+ }
43
+ );
44
+ });
45
+ y.displayName = "FormFieldTarget";
46
+ export {
47
+ y as FormFieldTarget
48
+ };
49
+ //# sourceMappingURL=FormFieldTarget.js.map
@@ -1,42 +1,43 @@
1
- import { jsx as h } from "react/jsx-runtime";
2
- import I, { useContext as N, useRef as R, useEffect as d } from "react";
3
- import { FormFieldContext as b } from "../FormFieldContext.js";
4
- import { j, c as y } from "../../../chunks/vendor-CF2m175I.js";
5
- const C = "formFieldTextarea__9db62f46", E = {
6
- formFieldTextarea: C
7
- }, q = I.forwardRef(
8
- ({ className: l, id: e, onBlur: a, onFocus: s, placeholder: i, value: o, ...n }, x) => {
9
- const { disabled: u, focused: F, setFocused: f, setId: t, setValueExist: m } = N(b), r = R(e || j()), p = y(E.formFieldTextarea, l);
10
- d(() => {
1
+ import { jsx as I } from "react/jsx-runtime";
2
+ import _, { useContext as h, useRef as N, useEffect as c } from "react";
3
+ import { FormFieldContext as R } from "../FormFieldContext.js";
4
+ import { f as b, c as y } from "../../../chunks/vendor-D-uL_icH.js";
5
+ import { EFormFieldStatus as C } from "../enums.js";
6
+ const D = "formFieldTextarea__777f7b21", S = {
7
+ formFieldTextarea: D
8
+ }, j = _.forwardRef(
9
+ ({ className: i, id: e, onBlur: a, onFocus: s, placeholder: l, value: o, ...n }, x) => {
10
+ const { status: u, focused: F, setFocused: d, setId: t, setValueExist: f } = h(R), r = N(e || b()), p = y(S.formFieldTextarea, i);
11
+ c(() => {
11
12
  t(r.current);
12
- }, [t]), d(() => {
13
+ }, [t]), c(() => {
13
14
  e && (r.current = e, t(r.current));
14
- }, [e, t]), d(() => {
15
- m(!!o);
16
- }, [m, o]);
17
- const T = (c) => {
18
- f(!1), a == null || a(c);
19
- }, _ = (c) => {
20
- f(!0), s == null || s(c);
15
+ }, [e, t]), c(() => {
16
+ f(!!o);
17
+ }, [f, o]);
18
+ const T = (m) => {
19
+ d(!1), a == null || a(m);
20
+ }, E = (m) => {
21
+ d(!0), s == null || s(m);
21
22
  };
22
- return /* @__PURE__ */ h(
23
+ return /* @__PURE__ */ I(
23
24
  "textarea",
24
25
  {
25
26
  ...n,
26
27
  id: r.current,
27
28
  className: p,
28
- disabled: u,
29
- onFocus: _,
29
+ disabled: u === C.DISABLED,
30
+ onFocus: E,
30
31
  onBlur: T,
31
- placeholder: F ? i : void 0,
32
+ placeholder: F ? l : void 0,
32
33
  value: o,
33
34
  ref: x
34
35
  }
35
36
  );
36
37
  }
37
38
  );
38
- q.displayName = "FormFieldTextarea";
39
+ j.displayName = "FormFieldTextarea";
39
40
  export {
40
- q as FormFieldTextarea
41
+ j as FormFieldTextarea
41
42
  };
42
43
  //# sourceMappingURL=FormFieldTextarea.js.map
@@ -1,5 +1,6 @@
1
- var t = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(t || {});
1
+ var n = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(n || {}), D = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.DISABLED = "disabled", r.ERROR = "error", r.WARNING = "warning", r))(D || {});
2
2
  export {
3
- t as EFormFieldSize
3
+ n as EFormFieldSize,
4
+ D as EFormFieldStatus
4
5
  };
5
6
  //# sourceMappingURL=enums.js.map
@@ -1,25 +1,28 @@
1
1
  import { FormField as e } from "./FormField.js";
2
2
  import { FormFieldDescription as m } from "./components/FormFieldDescription.js";
3
3
  import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
4
- import { FormFieldLabel as x } from "./components/FormFieldLabel.js";
5
- import { FormFieldClear as l } from "./components/FormFieldClear.js";
6
- import { F as a } from "../../chunks/FormFieldInput-C2qWOLr3.js";
7
- import { F as n } from "../../chunks/index-CAZEh1iw.js";
8
- import { FormFieldPostfix as C } from "./components/FormFieldPostfix.js";
9
- import { FormFieldPrefix as P } from "./components/FormFieldPrefix.js";
10
- import { FormFieldTextarea as c } from "./components/FormFieldTextarea.js";
11
- import { EFormFieldSize as z } from "./enums.js";
4
+ import { FormFieldLabel as p } from "./components/FormFieldLabel.js";
5
+ import { FormFieldClear as d } from "./components/FormFieldClear.js";
6
+ import { FormFieldTarget as a } from "./components/FormFieldTarget.js";
7
+ import { F as n } from "../../chunks/FormFieldInput-apk1b0w6.js";
8
+ import { FormFieldMaskedInput as C } from "./components/FormFieldMaskedInput.js";
9
+ import { FormFieldPostfix as I } from "./components/FormFieldPostfix.js";
10
+ import { FormFieldPrefix as S } from "./components/FormFieldPrefix.js";
11
+ import { FormFieldTextarea as b } from "./components/FormFieldTextarea.js";
12
+ import { EFormFieldSize as g, EFormFieldStatus as k } from "./enums.js";
12
13
  export {
13
- z as EFormFieldSize,
14
+ g as EFormFieldSize,
15
+ k as EFormFieldStatus,
14
16
  e as FormField,
15
- l as FormFieldClear,
17
+ d as FormFieldClear,
16
18
  i as FormFieldCounter,
17
19
  m as FormFieldDescription,
18
- a as FormFieldInput,
19
- x as FormFieldLabel,
20
- n as FormFieldMaskedInput,
21
- C as FormFieldPostfix,
22
- P as FormFieldPrefix,
23
- c as FormFieldTextarea
20
+ n as FormFieldInput,
21
+ p as FormFieldLabel,
22
+ C as FormFieldMaskedInput,
23
+ I as FormFieldPostfix,
24
+ S as FormFieldPrefix,
25
+ a as FormFieldTarget,
26
+ b as FormFieldTextarea
24
27
  };
25
28
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=types.js.map
@@ -1,6 +1,6 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import m from "react";
3
- import { c as d } from "../../chunks/vendor-CF2m175I.js";
3
+ import { c as d } from "../../chunks/vendor-D-uL_icH.js";
4
4
  import { HeaderTabs as s } from "./components/HeaderTabs/HeaderTabs.js";
5
5
  import { HeaderTitle as c } from "./components/HeaderTitle/HeaderTitle.js";
6
6
  import { HeaderSubheader as p } from "./components/HeaderSubheader/HeaderSubheader.js";
@@ -11,17 +11,17 @@ import "./components/HeaderTabs/HeaderTabsContent.js";
11
11
  import "./components/HeaderTabs/HeaderTabsControls.js";
12
12
  import "./components/HeaderTitle/HeaderTitleContent.js";
13
13
  import "./components/HeaderTitle/HeaderTitleControls.js";
14
- const n = "header__3aa9c158", l = "sticky__e4fae9ed", e = {
15
- header: n,
16
- sticky: l
17
- }, y = Object.assign(
18
- m.forwardRef(function({ className: r, sticky: a, ...t }, o) {
14
+ const b = "header__720bdaac", n = "sticky__0fbfe909", e = {
15
+ header: b,
16
+ sticky: n
17
+ }, l = Object.assign(
18
+ m.forwardRef(function({ className: r, sticky: t, ...a }, o) {
19
19
  return /* @__PURE__ */ i(
20
20
  "div",
21
21
  {
22
- className: d(e.header, { [e.sticky]: !!a }, r),
23
- ...t,
24
- "data-tx": "0.1.9",
22
+ className: d(e.header, { [e.sticky]: !!t }, r),
23
+ ...a,
24
+ "data-tx": "1.1.0",
25
25
  ref: o
26
26
  }
27
27
  );
@@ -33,8 +33,8 @@ const n = "header__3aa9c158", l = "sticky__e4fae9ed", e = {
33
33
  Title: c
34
34
  }
35
35
  );
36
- y.displayName = "Header";
36
+ l.displayName = "Header";
37
37
  export {
38
- y as Header
38
+ l as Header
39
39
  };
40
40
  //# sourceMappingURL=Header.js.map
@@ -1,9 +1,9 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import d from "react";
3
- import { c as i } from "../../../../chunks/vendor-CF2m175I.js";
3
+ import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
4
4
  import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
5
5
  import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
6
- import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-CzpXvDdH.js";
6
+ import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
7
7
  const b = Object.assign(
8
8
  d.forwardRef(function({ children: e, className: r, ...a }, o) {
9
9
  return /* @__PURE__ */ t("div", { className: i(f.headerLayoutSidebar, r), ...a, ref: o, children: e });
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import s from "react";
3
- import { c as d } from "../../../../chunks/vendor-CF2m175I.js";
4
- import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-CzpXvDdH.js";
3
+ import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
4
+ import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
5
5
  const i = s.forwardRef(
6
6
  ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, children: e })
7
7
  );
@@ -1,7 +1,7 @@
1
1
  import { jsx as d } from "react/jsx-runtime";
2
2
  import i from "react";
3
- import { c as t } from "../../../../chunks/vendor-CF2m175I.js";
4
- import { s } from "../../../../chunks/HeaderLayoutSidebar.module-CzpXvDdH.js";
3
+ import { c as t } from "../../../../chunks/vendor-D-uL_icH.js";
4
+ import { s } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
5
5
  const m = i.forwardRef(
6
6
  ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
7
7
  );
@@ -1,17 +1,17 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import h from "react";
3
- import { c as i } from "../../../../chunks/vendor-CF2m175I.js";
4
- const u = "headerSubheader__ac4a74d6", c = "withoutPaddings__6a218961", e = {
3
+ import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
4
+ const u = "headerSubheader__5d1f0b19", f = "withoutPaddings__fd37f046", e = {
5
5
  headerSubheader: u,
6
- withoutPaddings: c
6
+ withoutPaddings: f
7
7
  }, n = h.forwardRef(
8
- ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
8
+ ({ children: d, className: a, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
9
9
  "div",
10
10
  {
11
- className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, d),
11
+ className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, a),
12
12
  ...t,
13
13
  ref: o,
14
- children: a
14
+ children: d
15
15
  }
16
16
  )
17
17
  );
@@ -2,8 +2,8 @@ import { jsx as s } from "react/jsx-runtime";
2
2
  import t from "react";
3
3
  import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
4
4
  import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
5
- import { c as d } from "../../../../chunks/vendor-CF2m175I.js";
6
- import { s as f } from "../../../../chunks/HeaderTabs.module-CC0WAcoC.js";
5
+ import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
6
+ import { s as f } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
7
7
  const i = Object.assign(
8
8
  t.forwardRef(function({ children: r, className: e, ...a }, o) {
9
9
  return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, children: r });
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import s from "react";
3
- import { c as m } from "../../../../chunks/vendor-CF2m175I.js";
4
- import { s as n } from "../../../../chunks/HeaderTabs.module-CC0WAcoC.js";
3
+ import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
4
+ import { s as n } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
5
5
  const d = s.forwardRef(
6
6
  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
7
7
  );
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import t from "react";
3
- import { c as m } from "../../../../chunks/vendor-CF2m175I.js";
4
- import { s as l } from "../../../../chunks/HeaderTabs.module-CC0WAcoC.js";
3
+ import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
4
+ import { s as l } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
5
5
  const d = t.forwardRef(
6
6
  ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
7
7
  );
@@ -2,8 +2,8 @@ import { jsx as a } from "react/jsx-runtime";
2
2
  import i from "react";
3
3
  import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
4
4
  import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
5
- import { c as l } from "../../../../chunks/vendor-CF2m175I.js";
6
- import { s as n } from "../../../../chunks/HeaderTitle.module-CH7eRK8R.js";
5
+ import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
6
+ import { s as n } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
7
7
  const d = Object.assign(
8
8
  i.forwardRef(function({ children: e, className: t, ...r }, o) {
9
9
  return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import s from "react";
3
- import { c as m } from "../../../../chunks/vendor-CF2m175I.js";
4
- import { s as i } from "../../../../chunks/HeaderTitle.module-CH7eRK8R.js";
3
+ import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
4
+ import { s as i } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
5
5
  const l = s.forwardRef(
6
6
  ({ children: e, className: t, ...r }, o) => /* @__PURE__ */ a("div", { className: m(t, i.headerTitleContent), ...r, ref: o, children: e })
7
7
  );
@@ -1,7 +1,7 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import a from "react";
3
- import { c as l } from "../../../../chunks/vendor-CF2m175I.js";
4
- import { s as m } from "../../../../chunks/HeaderTitle.module-CH7eRK8R.js";
3
+ import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
4
+ import { s as m } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
5
5
  const i = a.forwardRef(
6
6
  ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: l(m.headerTitleControls, r), ...e, ref: t, children: o })
7
7
  );