@prokodo/ui 0.0.7 → 0.0.8

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 (225) hide show
  1. package/README.md +1 -2
  2. package/dist/components/Accordion2.js +1 -0
  3. package/dist/components/Animated2.js +1 -0
  4. package/dist/components/AnimatedText2.js +1 -0
  5. package/dist/components/Avatar2.js +1 -0
  6. package/dist/components/BaseLink.js +1 -0
  7. package/dist/components/Button2.js +1 -0
  8. package/dist/components/Calendly2.js +1 -0
  9. package/dist/components/Card2.js +1 -0
  10. package/dist/components/Carousel2.js +1 -0
  11. package/dist/components/Chip2.js +1 -0
  12. package/dist/components/{ClassNameConfigurator-C6UbdI-d.js → ClassNameConfigurator.js} +1 -1
  13. package/dist/components/DatePicker2.js +1 -0
  14. package/dist/components/Dialog2.js +1 -0
  15. package/dist/components/Drawer2.js +1 -0
  16. package/dist/components/Form2.js +1 -0
  17. package/dist/components/GridRow.js +1 -0
  18. package/dist/components/Headline2.js +1 -0
  19. package/dist/components/Icon2.js +1 -0
  20. package/dist/components/Image2.js +1 -0
  21. package/dist/components/ImageText.js +1 -0
  22. package/dist/components/Input2.js +1 -0
  23. package/dist/components/InputOTP2.js +1 -0
  24. package/dist/components/Label2.js +1 -0
  25. package/dist/components/Link2.js +1 -0
  26. package/dist/components/List2.js +1 -0
  27. package/dist/components/Loading2.js +1 -0
  28. package/dist/components/Lottie2.js +1 -0
  29. package/dist/components/Map2.js +1 -0
  30. package/dist/components/PostItem.js +1 -0
  31. package/dist/components/PostTeaser.js +1 -0
  32. package/dist/components/PostWidget.js +1 -0
  33. package/dist/components/PostWidgetCarousel.js +1 -0
  34. package/dist/components/Quote2.js +1 -0
  35. package/dist/components/RichText.js +1 -0
  36. package/dist/components/{Select-DbjU6dlH.js → Select2.js} +1 -1
  37. package/dist/components/Skeleton2.js +1 -0
  38. package/dist/components/Slider2.js +1 -0
  39. package/dist/components/Stepper2.js +1 -0
  40. package/dist/components/Switch2.js +1 -0
  41. package/dist/components/Table2.js +1 -0
  42. package/dist/components/Teaser2.js +1 -0
  43. package/dist/components/accordion.js +1 -1
  44. package/dist/components/animated.js +1 -1
  45. package/dist/components/animatedText.js +1 -1
  46. package/dist/components/avatar.js +1 -1
  47. package/dist/components/base-link.js +1 -1
  48. package/dist/components/button.js +1 -1
  49. package/dist/components/calendly.js +1 -1
  50. package/dist/components/card.js +1 -1
  51. package/dist/components/carousel.js +1 -1
  52. package/dist/components/chip.js +1 -1
  53. package/dist/components/datePicker.js +1 -1
  54. package/dist/components/dialog.js +1 -1
  55. package/dist/components/drawer.js +1 -1
  56. package/dist/components/form.js +1 -1
  57. package/dist/components/grid.js +1 -1
  58. package/dist/components/headline.js +1 -1
  59. package/dist/components/icon.js +1 -1
  60. package/dist/components/image-text.js +1 -1
  61. package/dist/components/image.js +1 -1
  62. package/dist/components/input.js +1 -1
  63. package/dist/components/inputOTP.js +1 -1
  64. package/dist/components/label.js +1 -1
  65. package/dist/components/link.js +1 -1
  66. package/dist/components/list.js +1 -1
  67. package/dist/components/loading.js +1 -1
  68. package/dist/components/lottie.js +1 -1
  69. package/dist/components/map.js +1 -1
  70. package/dist/components/post-item.js +1 -1
  71. package/dist/components/post-teaser.js +1 -1
  72. package/dist/components/post-widget-carousel.js +1 -1
  73. package/dist/components/post-widget.js +1 -1
  74. package/dist/components/quote.js +1 -1
  75. package/dist/components/rich-text.js +1 -1
  76. package/dist/components/select.js +1 -1
  77. package/dist/components/skeleton.js +1 -1
  78. package/dist/components/slider.js +1 -1
  79. package/dist/components/stepper.js +1 -1
  80. package/dist/components/switch.js +1 -1
  81. package/dist/components/table.js +1 -1
  82. package/dist/components/teaser.js +1 -1
  83. package/dist/index.cjs.js +1 -1
  84. package/dist/index.es.js +40 -40
  85. package/dist/tsconfig.build.tsbuildinfo +1 -1
  86. package/dist/tsconfig.typecheck.tsbuildinfo +1 -0
  87. package/dist/types/components/accordion/index.d.ts +1 -1
  88. package/dist/types/components/animated/index.d.ts +1 -1
  89. package/dist/types/components/animatedText/index.d.ts +1 -1
  90. package/dist/types/components/avatar/index.d.ts +1 -1
  91. package/dist/types/components/base-link/index.d.ts +1 -1
  92. package/dist/types/components/button/index.d.ts +1 -1
  93. package/dist/types/components/calendly/index.d.ts +1 -1
  94. package/dist/types/components/card/index.d.ts +1 -1
  95. package/dist/types/components/carousel/index.d.ts +1 -1
  96. package/dist/types/components/chip/index.d.ts +1 -1
  97. package/dist/types/components/datePicker/index.d.ts +1 -1
  98. package/dist/types/components/dialog/index.d.ts +1 -1
  99. package/dist/types/components/drawer/index.d.ts +1 -1
  100. package/dist/types/components/form/Form.model.d.ts +4 -1
  101. package/dist/types/components/form/FormResponse.d.ts +2 -5
  102. package/dist/types/components/form/index.d.ts +2 -1
  103. package/dist/types/components/grid/Grid.d.ts +2 -6
  104. package/dist/types/components/grid/Grid.model.d.ts +17 -0
  105. package/dist/types/components/grid/GridRow.d.ts +2 -12
  106. package/dist/types/components/grid/index.d.ts +1 -0
  107. package/dist/types/components/headline/index.d.ts +1 -1
  108. package/dist/types/components/icon/index.d.ts +1 -1
  109. package/dist/types/components/image/index.d.ts +1 -1
  110. package/dist/types/components/image-text/index.d.ts +1 -1
  111. package/dist/types/components/input/index.d.ts +1 -1
  112. package/dist/types/components/inputOTP/index.d.ts +1 -1
  113. package/dist/types/components/label/index.d.ts +1 -1
  114. package/dist/types/components/link/index.d.ts +1 -1
  115. package/dist/types/components/list/index.d.ts +1 -1
  116. package/dist/types/components/loading/index.d.ts +1 -1
  117. package/dist/types/components/lottie/index.d.ts +1 -1
  118. package/dist/types/components/map/index.d.ts +1 -1
  119. package/dist/types/components/post-item/index.d.ts +2 -2
  120. package/dist/types/components/post-teaser/index.d.ts +1 -1
  121. package/dist/types/components/post-widget/index.d.ts +1 -1
  122. package/dist/types/components/post-widget-carousel/index.d.ts +1 -1
  123. package/dist/types/components/quote/index.d.ts +1 -1
  124. package/dist/types/components/rich-text/index.d.ts +1 -1
  125. package/dist/types/components/select/index.d.ts +1 -1
  126. package/dist/types/components/skeleton/index.d.ts +1 -1
  127. package/dist/types/components/slider/index.d.ts +1 -1
  128. package/dist/types/components/stepper/index.d.ts +1 -1
  129. package/dist/types/components/switch/index.d.ts +1 -1
  130. package/dist/types/components/table/index.d.ts +1 -1
  131. package/dist/types/components/teaser/index.d.ts +1 -1
  132. package/dist/types/index.d.ts +0 -40
  133. package/package.json +1 -1
  134. package/dist/components/Accordion-V3d_aGvZ.js +0 -130
  135. package/dist/components/Accordion-o8oKA6Tq.js +0 -1
  136. package/dist/components/Animated-BBfAgsHL.js +0 -64
  137. package/dist/components/Animated-CO4IEerF.js +0 -1
  138. package/dist/components/AnimatedText-BmB5Vkyq.js +0 -31
  139. package/dist/components/AnimatedText-Sy1jofZl.js +0 -1
  140. package/dist/components/Avatar-Ci5YNFc5.js +0 -95
  141. package/dist/components/Avatar-CjlbA5a5.js +0 -1
  142. package/dist/components/BaseLink-Dd9htNXU.js +0 -1
  143. package/dist/components/BaseLink-w1q9Qc1U.js +0 -30
  144. package/dist/components/Button-B8chVgsB.js +0 -111
  145. package/dist/components/Button-yvFLX-6Q.js +0 -1
  146. package/dist/components/Calendly-CWCAs02R.js +0 -1
  147. package/dist/components/Calendly-WBM4oHyC.js +0 -82
  148. package/dist/components/Card-BPEoLzF1.js +0 -1
  149. package/dist/components/Card-IW4R7bKr.js +0 -202
  150. package/dist/components/Carousel-CdS7SVzA.js +0 -1
  151. package/dist/components/Carousel-DpO4a3lm.js +0 -257
  152. package/dist/components/Chip-BmBxJH5M.js +0 -80
  153. package/dist/components/Chip-Q2ttDAQn.js +0 -1
  154. package/dist/components/ClassNameConfigurator-Ce5BUPXc.js +0 -860
  155. package/dist/components/DatePicker-BTenaDN8.js +0 -1
  156. package/dist/components/DatePicker-PK173UTy.js +0 -93
  157. package/dist/components/Dialog-Bq3tfZ0_.js +0 -1
  158. package/dist/components/Dialog-KlXAOdt_.js +0 -172
  159. package/dist/components/Drawer-DulO9091.js +0 -1
  160. package/dist/components/Drawer-i9X07r74.js +0 -120
  161. package/dist/components/Form-B6963dT5.js +0 -368
  162. package/dist/components/Form-DVNzITG2.js +0 -1
  163. package/dist/components/GridRow-1h1JHuDl.js +0 -114
  164. package/dist/components/GridRow-C5v0sOZZ.js +0 -1
  165. package/dist/components/Headline-CnyLLQLB.js +0 -1
  166. package/dist/components/Headline-DzEinaZi.js +0 -98
  167. package/dist/components/Icon-BMrVlROP.js +0 -4195
  168. package/dist/components/Icon-eWdA85cf.js +0 -1
  169. package/dist/components/Image-B-lyA7ym.js +0 -1
  170. package/dist/components/Image-CVgvVlLE.js +0 -33
  171. package/dist/components/ImageText-Cqp4xp9y.js +0 -113
  172. package/dist/components/ImageText-D-06_EGf.js +0 -1
  173. package/dist/components/Input-BEO9ig1R.js +0 -1
  174. package/dist/components/Input-CrNLI_OY.js +0 -258
  175. package/dist/components/InputOTP-Db7DHrhS.js +0 -88
  176. package/dist/components/InputOTP-MnmjEmPU.js +0 -1
  177. package/dist/components/Label-BvCzZIGM.js +0 -1
  178. package/dist/components/Label-DRUCdGoX.js +0 -71
  179. package/dist/components/Link-DSQ1125B.js +0 -69
  180. package/dist/components/Link-Dg7XR4uY.js +0 -1
  181. package/dist/components/List-D_dSwMx5.js +0 -1
  182. package/dist/components/List-P6xbVrBc.js +0 -196
  183. package/dist/components/Loading-C7lyHDW7.js +0 -68
  184. package/dist/components/Loading-U-CrTVTi.js +0 -1
  185. package/dist/components/Lottie-Br7PmIzX.js +0 -1
  186. package/dist/components/Lottie-CrvbxK0R.js +0 -87
  187. package/dist/components/Map-D3xbPS1S.js +0 -1
  188. package/dist/components/Map-DEIB_y-M.js +0 -64
  189. package/dist/components/PostItem-B8Vfv_sW.js +0 -183
  190. package/dist/components/PostItem-BSTn6cHD.js +0 -1
  191. package/dist/components/PostTeaser-BmZyqFL2.js +0 -186
  192. package/dist/components/PostTeaser-DLynX43c.js +0 -1
  193. package/dist/components/PostWidget-Bo4KiSsV.js +0 -170
  194. package/dist/components/PostWidget-DYWA-B8d.js +0 -1
  195. package/dist/components/PostWidgetCarousel-CZ6ptOGv.js +0 -168
  196. package/dist/components/PostWidgetCarousel-D7-p3Pwr.js +0 -1
  197. package/dist/components/Quote-6aurOanD.js +0 -1
  198. package/dist/components/Quote-CV_UYE1G.js +0 -101
  199. package/dist/components/RichText-Cg_XzkUs.js +0 -152
  200. package/dist/components/RichText-DVg1dwMV.js +0 -1
  201. package/dist/components/Select-BMyrX8V0.js +0 -3081
  202. package/dist/components/Skeleton-BuY3bttw.js +0 -1
  203. package/dist/components/Skeleton-D6olNYTG.js +0 -40
  204. package/dist/components/Slider-C-lecSwc.js +0 -957
  205. package/dist/components/Slider-GvO3Xllf.js +0 -1
  206. package/dist/components/Stepper-BV3PGCr2.js +0 -1
  207. package/dist/components/Stepper-CA1DOm4D.js +0 -135
  208. package/dist/components/Switch-C_6EUOIc.js +0 -330
  209. package/dist/components/Switch-Db3HpOhM.js +0 -1
  210. package/dist/components/Table-Csc0FIbX.js +0 -1
  211. package/dist/components/Table-Cy8bIv_C.js +0 -95
  212. package/dist/components/Teaser-CkisYOs-.js +0 -1
  213. package/dist/components/Teaser-Cl2oBeh5.js +0 -118
  214. package/dist/components/areArraysEqual-CJkStQkx.js +0 -20
  215. package/dist/components/bem-CYKrPjje.js +0 -11
  216. package/dist/components/calculation-79PhfKvq.js +0 -4
  217. package/dist/components/jsx-runtime-C5mzlN2N.js +0 -284
  218. package/dist/components/useControlled-BYdyS7Pn.js +0 -31
  219. package/dist/components/validations-B_cxltQ_.js +0 -8
  220. /package/dist/components/{areArraysEqual-6R3bBH2E.js → areArraysEqual.js} +0 -0
  221. /package/dist/components/{bem-DC5wv0dD.js → bem.js} +0 -0
  222. /package/dist/components/{calculation-D-p0iqpk.js → calculation.js} +0 -0
  223. /package/dist/components/{jsx-runtime-CITbqOLs.js → jsx-runtime.js} +0 -0
  224. /package/dist/components/{useControlled-Ysk4KqoX.js → useControlled.js} +0 -0
  225. /package/dist/components/{validations-Cnxtn28y.js → validations.js} +0 -0
@@ -1 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-CITbqOLs.js"),d=require("./bem-DC5wv0dD.js"),g=require("./validations-Cnxtn28y.js"),p="gradientMove",u="fadeInKeyframe",I={"prokodo-Image":"prokodo-Image","prokodo-Image__caption":"prokodo-Image__caption",gradientMove:p,fadeInKeyframe:u},o=d.create(I,"Image"),x=({alt:t,caption:a,containerClassName:n,captionClassName:r,className:i,imageComponent:m="img",...c})=>{const s=()=>e.jsxRuntimeExports.jsx(m,{alt:t??"",className:o("image",void 0,i),...c});return g.isString(a)?e.jsxRuntimeExports.jsxs("figure",{className:o(void 0,void 0,n),children:[s(),e.jsxRuntimeExports.jsx("figcaption",{className:o("caption",void 0,r),children:a})]}):s()};exports.Image=x;
@@ -1,33 +0,0 @@
1
- import { j as e } from "./jsx-runtime-C5mzlN2N.js";
2
- import { c } from "./bem-CYKrPjje.js";
3
- import { i as g } from "./validations-B_cxltQ_.js";
4
- const p = "gradientMove", f = "fadeInKeyframe", I = {
5
- "prokodo-Image": "prokodo-Image",
6
- "prokodo-Image__caption": "prokodo-Image__caption",
7
- gradientMove: p,
8
- fadeInKeyframe: f
9
- }, o = c(I, "Image"), j = ({
10
- alt: i,
11
- caption: a,
12
- containerClassName: m,
13
- captionClassName: s,
14
- className: t,
15
- imageComponent: n = "img",
16
- ...d
17
- }) => {
18
- const r = () => /* @__PURE__ */ e.jsx(
19
- n,
20
- {
21
- alt: i ?? "",
22
- className: o("image", void 0, t),
23
- ...d
24
- }
25
- );
26
- return g(a) ? /* @__PURE__ */ e.jsxs("figure", { className: o(void 0, void 0, m), children: [
27
- r(),
28
- /* @__PURE__ */ e.jsx("figcaption", { className: o("caption", void 0, s), children: a })
29
- ] }) : r();
30
- };
31
- export {
32
- j as I
33
- };
@@ -1,113 +0,0 @@
1
- import { j as e } from "./jsx-runtime-C5mzlN2N.js";
2
- import { useState as k } from "react";
3
- import { c as h } from "./bem-CYKrPjje.js";
4
- import { i as f } from "./validations-B_cxltQ_.js";
5
- import { A as t } from "./Animated-BBfAgsHL.js";
6
- import { B as T } from "./Button-B8chVgsB.js";
7
- import { G as N, a as i } from "./GridRow-1h1JHuDl.js";
8
- import { H as p } from "./Headline-DzEinaZi.js";
9
- import { I as j } from "./Image-CVgvVlLE.js";
10
- import { L as v } from "./Lottie-CrvbxK0R.js";
11
- import { R as y } from "./RichText-Cg_XzkUs.js";
12
- const b = "gradientMove", w = "fadeInKeyframe", M = {
13
- "prokodo-ImageText__grid": "prokodo-ImageText__grid",
14
- "prokodo-ImageText__grid--is-reverse": "prokodo-ImageText__grid--is-reverse",
15
- "prokodo-ImageText__animated__border": "prokodo-ImageText__animated__border",
16
- "prokodo-ImageText__animated__border--bottom-to-top": "prokodo-ImageText__animated__border--bottom-to-top",
17
- "prokodo-ImageText__animated__border--is-visible": "prokodo-ImageText__animated__border--is-visible",
18
- "prokodo-ImageText__animated__border__wrapper": "prokodo-ImageText__animated__border__wrapper",
19
- "prokodo-ImageText__sub__headline": "prokodo-ImageText__sub__headline",
20
- "prokodo-ImageText__content": "prokodo-ImageText__content",
21
- "prokodo-ImageText__content__paragraph": "prokodo-ImageText__content__paragraph",
22
- "prokodo-ImageText__animated__container": "prokodo-ImageText__animated__container",
23
- "prokodo-ImageText__animation": "prokodo-ImageText__animation",
24
- "prokodo-ImageText__image": "prokodo-ImageText__image",
25
- "prokodo-ImageText__image__src": "prokodo-ImageText__image__src",
26
- gradientMove: b,
27
- fadeInKeyframe: w
28
- }, o = h(M, "ImageText"), $ = ({
29
- animatedBorder: a,
30
- reverse: c,
31
- subTitle: r,
32
- title: _,
33
- content: n,
34
- animation: d,
35
- image: s,
36
- button: m
37
- }) => {
38
- const [x, g] = k(!1), I = s ? a ? 4 : 6 : a ? 10 : 12;
39
- return /* @__PURE__ */ e.jsx("div", { className: o(), children: /* @__PURE__ */ e.jsxs(
40
- N,
41
- {
42
- className: o("grid", {
43
- "is-reverse": !!c
44
- }),
45
- children: [
46
- a && /* @__PURE__ */ e.jsx(i, { className: o("animated__border__wrapper"), sm: 2, xs: 3, children: /* @__PURE__ */ e.jsx(
47
- t,
48
- {
49
- className: o("animated__border", {
50
- "is-visible": x,
51
- [`${(a == null ? void 0 : a.direction) ?? "top-to-bottom"}`]: !!(a != null && a.direction)
52
- }),
53
- onAnimate: (l) => g(l)
54
- }
55
- ) }),
56
- /* @__PURE__ */ e.jsx(i, { className: o("content"), md: I, xs: 10, children: /* @__PURE__ */ e.jsxs(
57
- t,
58
- {
59
- children: [
60
- r && /* @__PURE__ */ e.jsx(
61
- p,
62
- {
63
- highlight: !0,
64
- className: o("sub__headline", void 0, r == null ? void 0 : r.className),
65
- size: "sm",
66
- type: "h3",
67
- variant: "primary",
68
- ...r,
69
- children: r == null ? void 0 : r.content
70
- }
71
- ),
72
- /* @__PURE__ */ e.jsx(
73
- p,
74
- {
75
- className: o("headline", void 0, _ == null ? void 0 : _.className),
76
- size: "lg",
77
- type: "h2",
78
- ..._,
79
- children: _.content
80
- }
81
- ),
82
- f(n) && /* @__PURE__ */ e.jsx(y, { className: o("content__paragraph"), children: n }),
83
- m && /* @__PURE__ */ e.jsx(
84
- T,
85
- {
86
- variant: "outlined",
87
- ...m,
88
- className: o("button", void 0, m == null ? void 0 : m.className)
89
- }
90
- )
91
- ]
92
- }
93
- ) }),
94
- s && /* @__PURE__ */ e.jsx(i, { className: o("image"), md: 6, xs: 10, children: /* @__PURE__ */ e.jsx(
95
- t,
96
- {
97
- className: o("animated__container"),
98
- children: d ? /* @__PURE__ */ e.jsx(
99
- v,
100
- {
101
- animationName: d,
102
- className: o("animation")
103
- }
104
- ) : /* @__PURE__ */ e.jsx(j, { className: o("image__src"), ...s })
105
- }
106
- ) })
107
- ]
108
- }
109
- ) });
110
- };
111
- export {
112
- $ as I
113
- };
@@ -1 +0,0 @@
1
- "use strict";const e=require("./jsx-runtime-CITbqOLs.js"),j=require("react"),k=require("./bem-DC5wv0dD.js"),h=require("./validations-Cnxtn28y.js"),n=require("./Animated-CO4IEerF.js"),R=require("./Button-yvFLX-6Q.js"),_=require("./GridRow-C5v0sOZZ.js"),d=require("./Headline-CnyLLQLB.js"),u=require("./Image-B-lyA7ym.js"),T=require("./Lottie-Br7PmIzX.js"),N=require("./RichText-DVg1dwMV.js"),v="gradientMove",E="fadeInKeyframe",q={"prokodo-ImageText__grid":"prokodo-ImageText__grid","prokodo-ImageText__grid--is-reverse":"prokodo-ImageText__grid--is-reverse","prokodo-ImageText__animated__border":"prokodo-ImageText__animated__border","prokodo-ImageText__animated__border--bottom-to-top":"prokodo-ImageText__animated__border--bottom-to-top","prokodo-ImageText__animated__border--is-visible":"prokodo-ImageText__animated__border--is-visible","prokodo-ImageText__animated__border__wrapper":"prokodo-ImageText__animated__border__wrapper","prokodo-ImageText__sub__headline":"prokodo-ImageText__sub__headline","prokodo-ImageText__content":"prokodo-ImageText__content","prokodo-ImageText__content__paragraph":"prokodo-ImageText__content__paragraph","prokodo-ImageText__animated__container":"prokodo-ImageText__animated__container","prokodo-ImageText__animation":"prokodo-ImageText__animation","prokodo-ImageText__image":"prokodo-ImageText__image","prokodo-ImageText__image__src":"prokodo-ImageText__image__src",gradientMove:v,fadeInKeyframe:E},o=k.create(q,"ImageText"),f=({animatedBorder:a,reverse:c,subTitle:r,title:s,content:m,animation:x,image:i,button:t})=>{const[p,g]=j.useState(!1),I=i?a?4:6:a?10:12;return e.jsxRuntimeExports.jsx("div",{className:o(),children:e.jsxRuntimeExports.jsxs(_.Grid,{className:o("grid",{"is-reverse":!!c}),children:[a&&e.jsxRuntimeExports.jsx(_.GridRow,{className:o("animated__border__wrapper"),sm:2,xs:3,children:e.jsxRuntimeExports.jsx(n.Animated,{className:o("animated__border",{"is-visible":p,[`${(a==null?void 0:a.direction)??"top-to-bottom"}`]:!!(a!=null&&a.direction)}),onAnimate:l=>g(l)})}),e.jsxRuntimeExports.jsx(_.GridRow,{className:o("content"),md:I,xs:10,children:e.jsxRuntimeExports.jsxs(n.Animated,{children:[r&&e.jsxRuntimeExports.jsx(d.Headline,{highlight:!0,className:o("sub__headline",void 0,r==null?void 0:r.className),size:"sm",type:"h3",variant:"primary",...r,children:r==null?void 0:r.content}),e.jsxRuntimeExports.jsx(d.Headline,{className:o("headline",void 0,s==null?void 0:s.className),size:"lg",type:"h2",...s,children:s.content}),h.isString(m)&&e.jsxRuntimeExports.jsx(N.RichText,{className:o("content__paragraph"),children:m}),t&&e.jsxRuntimeExports.jsx(R.Button,{variant:"outlined",...t,className:o("button",void 0,t==null?void 0:t.className)})]})}),i&&e.jsxRuntimeExports.jsx(_.GridRow,{className:o("image"),md:6,xs:10,children:e.jsxRuntimeExports.jsx(n.Animated,{className:o("animated__container"),children:x?e.jsxRuntimeExports.jsx(T.Lottie,{animationName:x,className:o("animation")}):e.jsxRuntimeExports.jsx(u.Image,{className:o("image__src"),...i})})})]})})};exports.ImageText=f;
@@ -1 +0,0 @@
1
- "use strict";const i=require("./jsx-runtime-CITbqOLs.js"),V=require("@mui/base"),k=require("react"),T=require("./bem-DC5wv0dD.js"),h=require("./validations-Cnxtn28y.js"),ee=require("./Label-BvCzZIGM.js"),te="Input__field",oe="gradientMove",re="fadeInKeyframe",ne={"prokodo-Input":"prokodo-Input","prokodo-Input__label":"prokodo-Input__label","prokodo-Input--primary":"prokodo-Input--primary",Input__field:te,"prokodo-Input--secondary":"prokodo-Input--secondary","prokodo-Input--error":"prokodo-Input--error","prokodo-Input__field":"prokodo-Input__field","prokodo-Input__input":"prokodo-Input__input","prokodo-Input__input--multiline":"prokodo-Input__input--multiline","prokodo-Input__input--focused":"prokodo-Input__input--focused","prokodo-Input__input--disabled":"prokodo-Input__input--disabled","prokodo-Input__input__node":"prokodo-Input__input__node","prokodo-Input__input__node--multiline":"prokodo-Input__input__node--multiline","prokodo-Input__footer":"prokodo-Input__footer","prokodo-Input__helperText__wrapper":"prokodo-Input__helperText__wrapper","prokodo-Input__helperText":"prokodo-Input__helperText","prokodo-Input__helperText__content":"prokodo-Input__helperText__content","prokodo-Input__helperText__content--is-error":"prokodo-Input__helperText__content--is-error","prokodo-Input__helperText__legend":"prokodo-Input__helperText__legend","prokodo-Input__counter":"prokodo-Input__counter",gradientMove:oe,fadeInKeyframe:re},se=(r,t)=>typeof t>"u"?!1:r.test(String(t)),ie=(r,t,o,e)=>{let u=Number(r);if(typeof r=="string"&&isNaN(u)&&(u=r.length),t!==void 0&&u<t)return`${(e==null?void 0:e.min)??"Value must be greater than or equal to"} ${t}.`;if(o!==void 0&&u>o)return`${(e==null?void 0:e.max)??"Value must be less than or equal to"} ${o}.`},A=(r,t,o,e,u,l,n,_,s)=>{if(!s)return;const c=o==null||o==="";if(c&&e)return s(t,(_==null?void 0:_.required)??"This field is required. Please fill it out.");if(c&&(e===!1||e===void 0))return s(t);const v=ie(o,u,l,_);if(v!==void 0)return s(t,v);let f={text:/^[a-zA-Z\s,.!?'-]+$/,email:/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x21\x23-\x5b\x5d-\x7e]|\\[\x21-\x7e])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z]{2,}|(?:\[(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x21-\x5a\x53-\x7e]|\\[\x21-\x7e])+)])$/i,tel:/^\+?[1-9]\d{1,14}$/,url:/^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})$/,number:/^-?\d+(\.\d+)?$/,color:/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/,password:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$/};if(n!==void 0){const x=n.match(/^\/(.*)\/([gimsuy]*)$/);if(x){const[,g="",w]=x,$=new RegExp(g??"",w);f={...f,[String(r)]:RegExp($)}}}const R={text:"Text can only include letters and common punctuation.",email:"Please enter a valid email address (e.g., name@example.com).",tel:"Please enter a valid phone number.",url:"Please enter a valid URL.",number:"Please enter a valid number.",color:"Please enter a valid color code (e.g., #FFFFFF).",password:"Password must be at least 8 characters long and include uppercase, lowercase, numbers, and special characters.",..._},I=f[r];return I&&!se(I,o)?s(t,R[r]):s(t)},p=T.create(ne,"Input"),K=k.memo(({fullWidth:r,inputRef:t,hideCounter:o,type:e,color:u="primary",value:l,name:n,min:_,max:s,multiline:c,maxRows:v,minRows:f,rows:R,disabled:I,maxLength:x,placeholder:g,label:w,customRegexPattern:$,errorTranslations:W,labelProps:j={},className:U,fieldClassName:C,inputContainerClassName:D,inputClassName:G,required:q,hideLegend:H,errorText:b,helperText:z,onFocus:E,onBlur:N,onChange:S,onValidate:J,...L})=>{var M,P;const[m,Z]=k.useState(l),[O,y]=k.useState(!1);k.useEffect(()=>{h.isNull(l)||Z(l)},[l]);const Q=k.useCallback(()=>{switch(e){case"url":return"www.example.com";case"email":return"muster@example.com";case"tel":return"+49123456789";case"color":return"#FFFFFF";default:return g}},[e,g]),a=h.isString(b),F=q===!0,X=c?{multiline:c,maxRows:v,minRows:f??3,rows:R}:{multiline:!1,maxRows:void 0,minRows:void 0,type:e};return i.jsxRuntimeExports.jsxs("div",{className:p(void 0,{[u]:!!u},U),children:[h.isString(w)&&i.jsxRuntimeExports.jsx(ee.Label,{...j,className:p("label",void 0,j==null?void 0:j.className),error:a,htmlFor:n,label:w,required:F}),i.jsxRuntimeExports.jsx("div",{className:p("field",void 0,C),children:i.jsxRuntimeExports.jsx(V.Input,{"aria-required":F?"true":void 0,color:u,id:n,...L,...X,"aria-invalid":a,disabled:I,error:a,name:n,placeholder:Q(),required:F,value:m??"","aria-describedby":a?`${n}-error`:h.isString(z)?`${n}-helper`:void 0,className:p("input",{focused:O,multiline:!!c,disabled:!!I,fullWidth:!!r},D),slotProps:{input:{ref:t,className:p("input__node",{multiline:!!c},G)}},onBlur:d=>{N==null||N(d),y(!1)},onChange:d=>{var B;const{value:Y}=d.target;x!==void 0&&Y.length>x||(Z(d.target.value),A==null||A(e===void 0?"text":e,n,(B=d==null?void 0:d.target)==null?void 0:B.value,q,_,s,$,W,J),S&&S(d))},onFocus:d=>{E==null||E(d),y(!0)}})}),i.jsxRuntimeExports.jsxs("div",{className:p("footer"),children:[a||h.isString(z)||s!==void 0&&m!==void 0?i.jsxRuntimeExports.jsxs("div",{"aria-live":a?"assertive":"polite",className:p("helperText"),id:a?`${n}-error`:`${n}-helper`,role:a?"alert":void 0,children:[i.jsxRuntimeExports.jsx("span",{role:"alert",className:p("helperText__content",{"is-error":!!b}),children:b??z}),s!==void 0&&m!==void 0&&H===!1&&i.jsxRuntimeExports.jsxs("span",{className:p("helperText__legend"),children:[((M=m==null?void 0:m.toString())==null?void 0:M.length)??0," / ",s]})]}):i.jsxRuntimeExports.jsx("div",{className:p("helperText")}),x!==void 0&&e!=="number"&&(o===void 0||o===!1)&&i.jsxRuntimeExports.jsx("div",{className:p("counter"),children:i.jsxRuntimeExports.jsxs("span",{children:["(",l!==void 0?((P=String(l))==null?void 0:P.length)??0:0," /"," ",x,")"]})})]})]})});K.displayName="Input";exports.Input=K;
@@ -1,258 +0,0 @@
1
- import { j as d } from "./jsx-runtime-C5mzlN2N.js";
2
- import { Input as Y } from "@mui/base";
3
- import { memo as V, useState as B, useEffect as T, useCallback as ee } from "react";
4
- import { c as oe } from "./bem-CYKrPjje.js";
5
- import { a as te, i as g } from "./validations-B_cxltQ_.js";
6
- import { L as re } from "./Label-DRUCdGoX.js";
7
- const ne = "Input__field", pe = "gradientMove", de = "fadeInKeyframe", ie = {
8
- "prokodo-Input": "prokodo-Input",
9
- "prokodo-Input__label": "prokodo-Input__label",
10
- "prokodo-Input--primary": "prokodo-Input--primary",
11
- Input__field: ne,
12
- "prokodo-Input--secondary": "prokodo-Input--secondary",
13
- "prokodo-Input--error": "prokodo-Input--error",
14
- "prokodo-Input__field": "prokodo-Input__field",
15
- "prokodo-Input__input": "prokodo-Input__input",
16
- "prokodo-Input__input--multiline": "prokodo-Input__input--multiline",
17
- "prokodo-Input__input--focused": "prokodo-Input__input--focused",
18
- "prokodo-Input__input--disabled": "prokodo-Input__input--disabled",
19
- "prokodo-Input__input__node": "prokodo-Input__input__node",
20
- "prokodo-Input__input__node--multiline": "prokodo-Input__input__node--multiline",
21
- "prokodo-Input__footer": "prokodo-Input__footer",
22
- "prokodo-Input__helperText__wrapper": "prokodo-Input__helperText__wrapper",
23
- "prokodo-Input__helperText": "prokodo-Input__helperText",
24
- "prokodo-Input__helperText__content": "prokodo-Input__helperText__content",
25
- "prokodo-Input__helperText__content--is-error": "prokodo-Input__helperText__content--is-error",
26
- "prokodo-Input__helperText__legend": "prokodo-Input__helperText__legend",
27
- "prokodo-Input__counter": "prokodo-Input__counter",
28
- gradientMove: pe,
29
- fadeInKeyframe: de
30
- }, se = (r, o) => typeof o > "u" ? !1 : r.test(String(o)), ue = (r, o, t, e) => {
31
- let s = Number(r);
32
- if (typeof r == "string" && isNaN(s) && (s = r.length), o !== void 0 && s < o)
33
- return `${(e == null ? void 0 : e.min) ?? "Value must be greater than or equal to"} ${o}.`;
34
- if (t !== void 0 && s > t)
35
- return `${(e == null ? void 0 : e.max) ?? "Value must be less than or equal to"} ${t}.`;
36
- }, Z = (r, o, t, e, s, a, n, _, p) => {
37
- if (!p) return;
38
- const c = t == null || t === "";
39
- if (c && e)
40
- return p(
41
- o,
42
- (_ == null ? void 0 : _.required) ?? "This field is required. Please fill it out."
43
- );
44
- if (c && (e === !1 || e === void 0))
45
- return p(o);
46
- const k = ue(t, s, a, _);
47
- if (k !== void 0) return p(o, k);
48
- let I = {
49
- text: /^[a-zA-Z\s,.!?'-]+$/,
50
- email: /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x21\x23-\x5b\x5d-\x7e]|\\[\x21-\x7e])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z]{2,}|(?:\[(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x21-\x5a\x53-\x7e]|\\[\x21-\x7e])+)])$/i,
51
- tel: /^\+?[1-9]\d{1,14}$/,
52
- url: /^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})$/,
53
- number: /^-?\d+(\.\d+)?$/,
54
- color: /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/,
55
- password: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$/
56
- };
57
- if (n !== void 0) {
58
- const f = n.match(/^\/(.*)\/([gimsuy]*)$/);
59
- if (f) {
60
- const [, h = "", v] = f, z = new RegExp(h ?? "", v);
61
- I = {
62
- ...I,
63
- [String(r)]: RegExp(z)
64
- };
65
- }
66
- }
67
- const $ = {
68
- text: "Text can only include letters and common punctuation.",
69
- email: "Please enter a valid email address (e.g., name@example.com).",
70
- tel: "Please enter a valid phone number.",
71
- url: "Please enter a valid URL.",
72
- number: "Please enter a valid number.",
73
- color: "Please enter a valid color code (e.g., #FFFFFF).",
74
- password: "Password must be at least 8 characters long and include uppercase, lowercase, numbers, and special characters.",
75
- ..._
76
- }, x = I[r];
77
- return x && !se(x, t) ? p(o, $[r]) : p(o);
78
- }, i = oe(ie, "Input"), ae = V(
79
- ({
80
- fullWidth: r,
81
- inputRef: o,
82
- hideCounter: t,
83
- type: e,
84
- color: s = "primary",
85
- value: a,
86
- name: n,
87
- min: _,
88
- max: p,
89
- multiline: c,
90
- maxRows: k,
91
- minRows: I,
92
- rows: $,
93
- disabled: x,
94
- maxLength: f,
95
- placeholder: h,
96
- label: v,
97
- customRegexPattern: z,
98
- errorTranslations: K,
99
- labelProps: w = {},
100
- className: W,
101
- fieldClassName: U,
102
- inputContainerClassName: C,
103
- inputClassName: D,
104
- required: y,
105
- hideLegend: G,
106
- errorText: N,
107
- helperText: b,
108
- onFocus: j,
109
- onBlur: F,
110
- onChange: R,
111
- onValidate: H,
112
- ...J
113
- }) => {
114
- var P, S;
115
- const [m, E] = B(a), [L, M] = B(!1);
116
- T(() => {
117
- te(a) || E(a);
118
- }, [a]);
119
- const O = ee(() => {
120
- switch (e) {
121
- case "url":
122
- return "www.example.com";
123
- case "email":
124
- return "muster@example.com";
125
- case "tel":
126
- return "+49123456789";
127
- case "color":
128
- return "#FFFFFF";
129
- default:
130
- return h;
131
- }
132
- }, [e, h]), l = g(N), A = y === !0, Q = c ? {
133
- multiline: c,
134
- maxRows: k,
135
- minRows: I ?? 3,
136
- rows: $
137
- } : {
138
- multiline: !1,
139
- maxRows: void 0,
140
- minRows: void 0,
141
- type: e
142
- };
143
- return /* @__PURE__ */ d.jsxs("div", { className: i(void 0, { [s]: !!s }, W), children: [
144
- g(v) && /* @__PURE__ */ d.jsx(
145
- re,
146
- {
147
- ...w,
148
- className: i("label", void 0, w == null ? void 0 : w.className),
149
- error: l,
150
- htmlFor: n,
151
- label: v,
152
- required: A
153
- }
154
- ),
155
- /* @__PURE__ */ d.jsx("div", { className: i("field", void 0, U), children: /* @__PURE__ */ d.jsx(
156
- Y,
157
- {
158
- "aria-required": A ? "true" : void 0,
159
- color: s,
160
- id: n,
161
- ...J,
162
- ...Q,
163
- "aria-invalid": l,
164
- disabled: x,
165
- error: l,
166
- name: n,
167
- placeholder: O(),
168
- required: A,
169
- value: m ?? "",
170
- "aria-describedby": l ? `${n}-error` : g(b) ? `${n}-helper` : void 0,
171
- className: i(
172
- "input",
173
- {
174
- focused: L,
175
- multiline: !!c,
176
- disabled: !!x,
177
- fullWidth: !!r
178
- },
179
- C
180
- ),
181
- slotProps: {
182
- input: {
183
- ref: o,
184
- className: i(
185
- "input__node",
186
- {
187
- multiline: !!c
188
- },
189
- D
190
- )
191
- }
192
- },
193
- onBlur: (u) => {
194
- F == null || F(u), M(!1);
195
- },
196
- onChange: (u) => {
197
- var q;
198
- const { value: X } = u.target;
199
- f !== void 0 && X.length > f || (E(u.target.value), Z == null || Z(
200
- e === void 0 ? "text" : e,
201
- n,
202
- (q = u == null ? void 0 : u.target) == null ? void 0 : q.value,
203
- y,
204
- _,
205
- p,
206
- z,
207
- K,
208
- H
209
- ), R && R(u));
210
- },
211
- onFocus: (u) => {
212
- j == null || j(u), M(!0);
213
- }
214
- }
215
- ) }),
216
- /* @__PURE__ */ d.jsxs("div", { className: i("footer"), children: [
217
- l || g(b) || p !== void 0 && m !== void 0 ? /* @__PURE__ */ d.jsxs(
218
- "div",
219
- {
220
- "aria-live": l ? "assertive" : "polite",
221
- className: i("helperText"),
222
- id: l ? `${n}-error` : `${n}-helper`,
223
- role: l ? "alert" : void 0,
224
- children: [
225
- /* @__PURE__ */ d.jsx(
226
- "span",
227
- {
228
- role: "alert",
229
- className: i("helperText__content", {
230
- "is-error": !!N
231
- }),
232
- children: N ?? b
233
- }
234
- ),
235
- p !== void 0 && m !== void 0 && G === !1 && /* @__PURE__ */ d.jsxs("span", { className: i("helperText__legend"), children: [
236
- ((P = m == null ? void 0 : m.toString()) == null ? void 0 : P.length) ?? 0,
237
- " / ",
238
- p
239
- ] })
240
- ]
241
- }
242
- ) : /* @__PURE__ */ d.jsx("div", { className: i("helperText") }),
243
- f !== void 0 && e !== "number" && (t === void 0 || t === !1) && /* @__PURE__ */ d.jsx("div", { className: i("counter"), children: /* @__PURE__ */ d.jsxs("span", { children: [
244
- "(",
245
- a !== void 0 ? ((S = String(a)) == null ? void 0 : S.length) ?? 0 : 0,
246
- " /",
247
- " ",
248
- f,
249
- ")"
250
- ] }) })
251
- ] })
252
- ] });
253
- }
254
- );
255
- ae.displayName = "Input";
256
- export {
257
- ae as I
258
- };
@@ -1,88 +0,0 @@
1
- import { j as _ } from "./jsx-runtime-C5mzlN2N.js";
2
- import { memo as T, useState as b, useRef as g, createElement as j } from "react";
3
- import { c as h } from "./bem-CYKrPjje.js";
4
- import { b as v } from "./validations-B_cxltQ_.js";
5
- import { I as w } from "./Input-CrNLI_OY.js";
6
- const N = "gradientMove", K = "fadeInKeyframe", A = {
7
- "prokodo-InputOTP": "prokodo-InputOTP",
8
- "prokodo-InputOTP__label": "prokodo-InputOTP__label",
9
- "prokodo-InputOTP__instruction": "prokodo-InputOTP__instruction",
10
- "prokodo-InputOTP__field": "prokodo-InputOTP__field",
11
- "prokodo-InputOTP__input": "prokodo-InputOTP__input",
12
- "prokodo-InputOTP__input__container": "prokodo-InputOTP__input__container",
13
- "prokodo-InputOTP__input__node": "prokodo-InputOTP__input__node",
14
- gradientMove: N,
15
- fadeInKeyframe: K
16
- }, i = h(A, "InputOTP"), D = T(
17
- ({
18
- className: m,
19
- groupLabel: I,
20
- groupInstruction: O,
21
- length: s = 6,
22
- onComplete: u,
23
- onChange: c,
24
- ...l
25
- }) => {
26
- const [p, d] = b(Array(s).fill("")), n = g([]), P = (e, t) => {
27
- var a;
28
- if (e.length > 1) return;
29
- const o = [...p];
30
- o[t] = e, d(o), c && c(o.join("")), e && t < s - 1 && ((a = n.current[t + 1]) == null || a.focus()), o.every((r) => r !== "") && u && u(o.join(""));
31
- }, k = (e, t) => {
32
- var o, a, r;
33
- e.key === "Backspace" && t > 0 && v(p) && p[t] !== void 0 && ((o = n.current[t - 1]) == null || o.focus()), e.key === "ArrowLeft" && t > 0 ? (a = n.current[t - 1]) == null || a.focus() : e.key === "ArrowRight" && t < s - 1 && ((r = n.current[t + 1]) == null || r.focus());
34
- }, y = (e) => {
35
- var a;
36
- const t = e.clipboardData.getData("text").slice(0, s).split(""), o = [...p];
37
- if (t.forEach((r, f) => {
38
- f < s && (o[f] = r, n.current[f] && (n.current[f].value = r));
39
- }), d(o), c && c(o.join("")), t.length === s && u)
40
- u(o.join(""));
41
- else {
42
- const r = t.length;
43
- r < s && ((a = n.current[r]) == null || a.focus());
44
- }
45
- };
46
- return /* @__PURE__ */ _.jsxs(
47
- "div",
48
- {
49
- "aria-describedby": "otp-instructions",
50
- "aria-labelledby": "otp-group-label",
51
- className: i(void 0, void 0, m),
52
- role: "group",
53
- onPaste: y,
54
- children: [
55
- /* @__PURE__ */ _.jsx("span", { className: i("label"), id: "otp-group-label", children: I ?? "Enter your OTP" }),
56
- /* @__PURE__ */ _.jsx("span", { className: i("instruction"), id: "otp-instructions", children: O ?? "Use the arrow keys to navigate between digits." }),
57
- p.map((e, t) => /* @__PURE__ */ j(
58
- w,
59
- {
60
- placeholder: "x",
61
- ...l,
62
- key: `otp-${t}`,
63
- hideCounter: !0,
64
- "aria-label": `${(l == null ? void 0 : l["aria-label"]) ?? "OTP digit"} ${t + 1}`,
65
- className: i("input"),
66
- fieldClassName: i("field"),
67
- inputClassName: i("input__node"),
68
- inputContainerClassName: i("input__container"),
69
- maxLength: 1,
70
- name: `otp-${t}`,
71
- type: "text",
72
- value: e,
73
- inputRef: (o) => {
74
- n.current[t] = o;
75
- },
76
- onChange: (o) => P(o.target.value, t),
77
- onKeyDown: (o) => k(o, t)
78
- }
79
- ))
80
- ]
81
- }
82
- );
83
- }
84
- );
85
- D.displayName = "InputOTP";
86
- export {
87
- D as I
88
- };
@@ -1 +0,0 @@
1
- "use strict";const f=require("./jsx-runtime-CITbqOLs.js"),d=require("react"),j=require("./bem-DC5wv0dD.js"),g=require("./validations-Cnxtn28y.js"),v=require("./Input-BEO9ig1R.js"),h="gradientMove",w="fadeInKeyframe",N={"prokodo-InputOTP":"prokodo-InputOTP","prokodo-InputOTP__label":"prokodo-InputOTP__label","prokodo-InputOTP__instruction":"prokodo-InputOTP__instruction","prokodo-InputOTP__field":"prokodo-InputOTP__field","prokodo-InputOTP__input":"prokodo-InputOTP__input","prokodo-InputOTP__input__container":"prokodo-InputOTP__input__container","prokodo-InputOTP__input__node":"prokodo-InputOTP__input__node",gradientMove:h,fadeInKeyframe:w},i=j.create(N,"InputOTP"),O=d.memo(({className:P,groupLabel:k,groupInstruction:m,length:a=6,onComplete:p,onChange:c,...l})=>{const[u,I]=d.useState(Array(a).fill("")),r=d.useRef([]),T=(o,t)=>{var s;if(o.length>1)return;const e=[...u];e[t]=o,I(e),c&&c(e.join("")),o&&t<a-1&&((s=r.current[t+1])==null||s.focus()),e.every(n=>n!=="")&&p&&p(e.join(""))},y=(o,t)=>{var e,s,n;o.key==="Backspace"&&t>0&&g.isArray(u)&&u[t]!==void 0&&((e=r.current[t-1])==null||e.focus()),o.key==="ArrowLeft"&&t>0?(s=r.current[t-1])==null||s.focus():o.key==="ArrowRight"&&t<a-1&&((n=r.current[t+1])==null||n.focus())},b=o=>{var s;const t=o.clipboardData.getData("text").slice(0,a).split(""),e=[...u];if(t.forEach((n,_)=>{_<a&&(e[_]=n,r.current[_]&&(r.current[_].value=n))}),I(e),c&&c(e.join("")),t.length===a&&p)p(e.join(""));else{const n=t.length;n<a&&((s=r.current[n])==null||s.focus())}};return f.jsxRuntimeExports.jsxs("div",{"aria-describedby":"otp-instructions","aria-labelledby":"otp-group-label",className:i(void 0,void 0,P),role:"group",onPaste:b,children:[f.jsxRuntimeExports.jsx("span",{className:i("label"),id:"otp-group-label",children:k??"Enter your OTP"}),f.jsxRuntimeExports.jsx("span",{className:i("instruction"),id:"otp-instructions",children:m??"Use the arrow keys to navigate between digits."}),u.map((o,t)=>d.createElement(v.Input,{placeholder:"x",...l,key:`otp-${t}`,hideCounter:!0,"aria-label":`${(l==null?void 0:l["aria-label"])??"OTP digit"} ${t+1}`,className:i("input"),fieldClassName:i("field"),inputClassName:i("input__node"),inputContainerClassName:i("input__container"),maxLength:1,name:`otp-${t}`,type:"text",value:o,inputRef:e=>{r.current[t]=e},onChange:e=>T(e.target.value,t),onKeyDown:e=>y(e,t)}))]})});O.displayName="InputOTP";exports.InputOTP=O;
@@ -1 +0,0 @@
1
- "use strict";const i=require("./jsx-runtime-CITbqOLs.js"),g=require("react"),u=require("./bem-DC5wv0dD.js"),j="gradientMove",_="fadeInKeyframe",L={"prokodo-Label":"prokodo-Label","prokodo-Label__highlighted":"prokodo-Label__highlighted","prokodo-Label__highlighted--error":"prokodo-Label__highlighted--error","prokodo-Label__text":"prokodo-Label__text",gradientMove:j,fadeInKeyframe:_},r=u.create(L,"Label"),n=g.memo(({className:d,htmlFor:c,required:h,label:a,contentProps:l,textProps:e,error:m,children:s,...t})=>{const o=a==null?void 0:a.split(" ");return o?i.jsxRuntimeExports.jsxs("label",{...t,className:r(void 0,void 0,d),htmlFor:c,children:[i.jsxRuntimeExports.jsxs("span",{...l,children:[i.jsxRuntimeExports.jsxs("i",{...e,className:r("highlighted",{error:!!m},e==null?void 0:e.className),children:[o==null?void 0:o[0]," "]}),i.jsxRuntimeExports.jsxs("i",{...e,className:r("text",void 0,e==null?void 0:e.className),children:[o==null?void 0:o.slice(1).join(" ")," ",!!h&&i.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:"*"})]})]}),s]}):s});n.displayName="Label";exports.Label=n;
@@ -1,71 +0,0 @@
1
- import { j as a } from "./jsx-runtime-C5mzlN2N.js";
2
- import { memo as g } from "react";
3
- import { c as _ } from "./bem-CYKrPjje.js";
4
- const f = "gradientMove", L = "fadeInKeyframe", j = {
5
- "prokodo-Label": "prokodo-Label",
6
- "prokodo-Label__highlighted": "prokodo-Label__highlighted",
7
- "prokodo-Label__highlighted--error": "prokodo-Label__highlighted--error",
8
- "prokodo-Label__text": "prokodo-Label__text",
9
- gradientMove: f,
10
- fadeInKeyframe: L
11
- }, i = _(j, "Label"), k = g(
12
- ({
13
- className: n,
14
- htmlFor: s,
15
- required: h,
16
- label: r,
17
- contentProps: l,
18
- textProps: o,
19
- error: m,
20
- children: d,
21
- ...c
22
- }) => {
23
- const e = r == null ? void 0 : r.split(" ");
24
- return e ? /* @__PURE__ */ a.jsxs(
25
- "label",
26
- {
27
- ...c,
28
- className: i(void 0, void 0, n),
29
- htmlFor: s,
30
- children: [
31
- /* @__PURE__ */ a.jsxs("span", { ...l, children: [
32
- /* @__PURE__ */ a.jsxs(
33
- "i",
34
- {
35
- ...o,
36
- className: i(
37
- "highlighted",
38
- {
39
- error: !!m
40
- },
41
- o == null ? void 0 : o.className
42
- ),
43
- children: [
44
- e == null ? void 0 : e[0],
45
- " "
46
- ]
47
- }
48
- ),
49
- /* @__PURE__ */ a.jsxs(
50
- "i",
51
- {
52
- ...o,
53
- className: i("text", void 0, o == null ? void 0 : o.className),
54
- children: [
55
- e == null ? void 0 : e.slice(1).join(" "),
56
- " ",
57
- !!h && /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", children: "*" })
58
- ]
59
- }
60
- )
61
- ] }),
62
- d
63
- ]
64
- }
65
- ) : d;
66
- }
67
- );
68
- k.displayName = "Label";
69
- export {
70
- k as L
71
- };