lawgic-dev-kit 0.9.3 → 0.10.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 (39) hide show
  1. package/dist/_virtual/index2.js +3 -2
  2. package/dist/_virtual/index3.js +3 -2
  3. package/dist/_virtual/index4.js +5 -3
  4. package/dist/_virtual/index5.js +2 -3
  5. package/dist/_virtual/index6.js +2 -5
  6. package/dist/_virtual/index7.js +2 -2
  7. package/dist/_virtual/index8.js +2 -2
  8. package/dist/components/atoms/Avatar/Avatar.js +6 -5
  9. package/dist/components/atoms/Checkbox/Checkbox.js +34 -0
  10. package/dist/components/atoms/CountryInput/CountryInput.js +255 -0
  11. package/dist/components/atoms/CountrySelectInput/CountryDropdown.js +1 -1
  12. package/dist/components/atoms/ImageProfileInput/ImageProfileInput.js +1 -1
  13. package/dist/components/atoms/IndexedStep/IndexedStep.js +40 -0
  14. package/dist/components/atoms/PasswordInput/PasswordInput.js +1 -1
  15. package/dist/components/atoms/PhoneInput/PhoneInput.js +1 -1
  16. package/dist/components/atoms/SelectDropdown/SelectDropdown.js +1 -1
  17. package/dist/components/atoms/TextInput/TextInput.js +23 -25
  18. package/dist/components/atoms/TextStaticInput/TextStaticInput.js +12 -0
  19. package/dist/components/atoms/UploadContainer/UploadContainer.js +4 -3
  20. package/dist/components/atoms/index.d.ts +8 -4
  21. package/dist/components/molecules/AlertModal/AlertModal.js +4 -3
  22. package/dist/components/molecules/CalendarSelector/CalendarSelector.js +4 -3
  23. package/dist/components/molecules/DateInput/DateInput.js +2 -2
  24. package/dist/components/molecules/DialogModal/DialogModal.js +4 -3
  25. package/dist/components/molecules/FloatingMenu/FloatingMenu.js +8 -7
  26. package/dist/components/molecules/Tabs/Tabs.js +4 -3
  27. package/dist/index.js +108 -100
  28. package/dist/lawgic-dev-kit.umd.js +149 -137
  29. package/dist/node_modules/@fortawesome/pro-regular-svg-icons/index.js +5 -0
  30. package/dist/node_modules/prop-types/index.js +1 -1
  31. package/dist/node_modules/prop-types/node_modules/react-is/index.js +1 -1
  32. package/dist/node_modules/scheduler/index.js +1 -1
  33. package/dist/node_modules/toposort/index.js +1 -1
  34. package/dist/node_modules/yup/index.esm.js +3 -3
  35. package/dist/src/components/atoms/index.d.ts +34 -0
  36. package/dist/utils/modal.js +22 -21
  37. package/dist/utils/toast.js +17 -16
  38. package/package.json +2 -1
  39. package/dist/node_modules/react-hook-form/dist/index.esm.js +0 -203
@@ -1,4 +1,5 @@
1
- var e = { exports: {} };
1
+ import { __require as r } from "../node_modules/property-expr/index.js";
2
+ var e = r();
2
3
  export {
3
- e as __module
4
+ e as p
4
5
  };
@@ -1,4 +1,5 @@
1
- var p = { exports: {} };
1
+ import { __require as r } from "../node_modules/tiny-case/index.js";
2
+ var a = r();
2
3
  export {
3
- p as __module
4
+ a as t
4
5
  };
@@ -1,5 +1,7 @@
1
- import { __require as r } from "../node_modules/property-expr/index.js";
2
- var e = r();
1
+ import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
2
+ import { __require as r } from "../node_modules/toposort/index.js";
3
+ var t = r();
4
+ const s = /* @__PURE__ */ o(t);
3
5
  export {
4
- e as p
6
+ s as default
5
7
  };
@@ -1,5 +1,4 @@
1
- import { __require as r } from "../node_modules/tiny-case/index.js";
2
- var a = r();
1
+ var e = { exports: {} };
3
2
  export {
4
- a as t
3
+ e as __module
5
4
  };
@@ -1,7 +1,4 @@
1
- import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
2
- import { __require as r } from "../node_modules/toposort/index.js";
3
- var t = r();
4
- const s = /* @__PURE__ */ o(t);
1
+ var p = { exports: {} };
5
2
  export {
6
- s as default
3
+ p as __module
7
4
  };
@@ -1,4 +1,4 @@
1
- var e = { exports: {} };
1
+ var o = { exports: {} };
2
2
  export {
3
- e as __module
3
+ o as __module
4
4
  };
@@ -1,4 +1,4 @@
1
- var o = { exports: {} };
1
+ var e = { exports: {} };
2
2
  export {
3
- o as __module
3
+ e as __module
4
4
  };
@@ -6,11 +6,12 @@ import { stringToColor as h } from "../../../utils/strings.js";
6
6
  import { getImageUrl as E } from "../../../utils/images.js";
7
7
  import "../../../_virtual/lodash.js";
8
8
  import "../../../contexts/themeContext.js";
9
- import "../ImageProfileInput/ImageProfileInput.validators.js";
9
+ import "react-hook-form";
10
10
  import "../../../constants/countries.js";
11
+ import "../ImageProfileInput/ImageProfileInput.validators.js";
11
12
  import "react-dom";
12
- const V = ({ containerProps: x = {}, imageProps: d = {}, src: m = "", alt: i = "", size: e = 30, user: t = null }) => {
13
- const { className: p = " ", ...g } = x, { className: s = " ", ...v } = d, o = e + "px", n = e * 0.5 + "px", l = e * 0.4 + "px", [j, w] = W(!1), N = () => i ? h(i) : t ? h(t != null && t.first_name || t != null && t.last_name ? ((t == null ? void 0 : t.first_name) || "") + " " + ((t == null ? void 0 : t.last_name) || "") : t == null ? void 0 : t.email) : "#9CA1B6", c = (f) => {
13
+ const $ = ({ containerProps: x = {}, imageProps: p = {}, src: m = "", alt: i = "", size: e = 30, user: t = null }) => {
14
+ const { className: d = " ", ...g } = x, { className: s = " ", ...v } = p, o = e + "px", n = e * 0.5 + "px", l = e * 0.4 + "px", [j, w] = W(!1), N = () => i ? h(i) : t ? h(t != null && t.first_name || t != null && t.last_name ? ((t == null ? void 0 : t.first_name) || "") + " " + ((t == null ? void 0 : t.last_name) || "") : t == null ? void 0 : t.email) : "#9CA1B6", c = (f) => {
14
15
  try {
15
16
  return f ? (new URL(f), !0) : !1;
16
17
  } catch (C) {
@@ -52,7 +53,7 @@ const V = ({ containerProps: x = {}, imageProps: d = {}, src: m = "", alt: i = "
52
53
  return /* @__PURE__ */ a.jsxs(
53
54
  "div",
54
55
  {
55
- className: "flex items-center justify-center rounded-full overflow-hidden h-full relative " + p,
56
+ className: "flex items-center justify-center rounded-full overflow-hidden h-full relative " + d,
56
57
  style: {
57
58
  maxWidth: o,
58
59
  maxHeight: o,
@@ -96,5 +97,5 @@ const V = ({ containerProps: x = {}, imageProps: d = {}, src: m = "", alt: i = "
96
97
  );
97
98
  };
98
99
  export {
99
- V as default
100
+ $ as default
100
101
  };
@@ -0,0 +1,34 @@
1
+ import { j as a } from "../../../_virtual/jsx-runtime.js";
2
+ const b = ({
3
+ active: r,
4
+ color: s = "blue",
5
+ variant: d = "rounded",
6
+ className: t,
7
+ ...u
8
+ }) => {
9
+ const e = {
10
+ blue: "border-blue-500 bg-blue-500",
11
+ aqua: "border-aqua-500 bg-aqua-500",
12
+ red: "border-red-500 bg-red-500",
13
+ gray: "border-gray-500 bg-gray-500"
14
+ }[s], o = {
15
+ rounded: "rounded-full",
16
+ square: "rounded-md"
17
+ }[d];
18
+ return /* @__PURE__ */ a.jsx(
19
+ "div",
20
+ {
21
+ className: `transition-colors ease-in-out duration-150 flex items-center justify-center ${o} border-[1.5px] bg-white ${r ? e : "border-gray-400"} ${t}`,
22
+ ...u,
23
+ children: /* @__PURE__ */ a.jsx(
24
+ "div",
25
+ {
26
+ className: `absolute transition-colors ease-in-out duration-150 ${o} size-12 ${r ? e : ""}`
27
+ }
28
+ )
29
+ }
30
+ );
31
+ };
32
+ export {
33
+ b as default
34
+ };
@@ -0,0 +1,255 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ import { useState as b, useRef as w, useEffect as P } from "react";
3
+ import { useController as re } from "react-hook-form";
4
+ import { useFloating as se, useClick as le, useDismiss as ne, useInteractions as ae, useTransitionStyles as ie } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
5
+ import { useTheme as ce } from "../../../hooks/useTheme.js";
6
+ import de from "../../../constants/countries.js";
7
+ import { autoUpdate as pe } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
8
+ import { offset as ue, flip as me, shift as fe, size as he, arrow as xe } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
9
+ const Le = ({
10
+ countries: v = de,
11
+ name: C,
12
+ control: _,
13
+ label: z = "select_a_country",
14
+ placeholder: F = "type_to_search",
15
+ language: p = "en",
16
+ className: M = "",
17
+ translateKey: D
18
+ }) => {
19
+ var O, I, R;
20
+ const { t: s } = ce(), { field: l, fieldState: A } = re({
21
+ name: C,
22
+ control: _,
23
+ rules: { validate: {} },
24
+ defaultValue: null
25
+ }), [n, u] = b(!1), [c, j] = b(""), [o, S] = b(
26
+ l.value || null
27
+ ), m = w(null), y = w(null), f = w(null), { x: Y, y: H, strategy: U, refs: N, context: h, placement: V, middlewareData: L } = se({
28
+ open: n,
29
+ onOpenChange: u,
30
+ middleware: [
31
+ ue(8),
32
+ me(),
33
+ fe({ padding: 8 }),
34
+ he({
35
+ apply({ availableHeight: e, elements: r }) {
36
+ Object.assign(r.floating.style, {
37
+ maxHeight: `${Math.min(e - 10, 300)}px`
38
+ });
39
+ },
40
+ padding: 8
41
+ }),
42
+ xe({ element: y })
43
+ ],
44
+ placement: "bottom-start",
45
+ whileElementsMounted: pe
46
+ }), W = le(h), X = ne(h), { getReferenceProps: q, getFloatingProps: G } = ae([
47
+ W,
48
+ X
49
+ ]), { isMounted: $, styles: J } = ie(h, {
50
+ duration: {
51
+ open: 200,
52
+ close: 150
53
+ },
54
+ initial: {
55
+ opacity: 0,
56
+ transform: "translateY(-4px)"
57
+ }
58
+ }), E = (Array.isArray(v) ? v : []).filter((e) => {
59
+ if (!c.trim()) return !0;
60
+ const r = p === "es" && e.labelES ? e.labelES.toLowerCase() : e.label.toLowerCase(), i = e.code ? e.code.toLowerCase() : "";
61
+ return r.includes(c.toLowerCase()) || i.includes(c.toLowerCase());
62
+ }), K = (e) => {
63
+ S(e), u(!1), j(""), l.onChange(e);
64
+ }, Q = () => {
65
+ u(!n), !n && m.current && setTimeout(() => {
66
+ var e;
67
+ (e = m.current) == null || e.focus();
68
+ }, 100);
69
+ }, Z = () => {
70
+ setTimeout(() => {
71
+ n || l.onBlur();
72
+ }, 200);
73
+ };
74
+ P(() => {
75
+ S(l.value);
76
+ }, [l.value]), P(() => {
77
+ const e = (r) => {
78
+ f.current && !f.current.contains(r.target) && l.onBlur();
79
+ };
80
+ return document.addEventListener("mousedown", e), () => {
81
+ document.removeEventListener("mousedown", e);
82
+ };
83
+ }, [l]);
84
+ const x = (e) => {
85
+ var r;
86
+ return e ? e.codeISO2 ? e.codeISO2.toLowerCase() : ((r = e.code) == null ? void 0 : r.toLowerCase()) || "" : "";
87
+ }, T = (O = L.arrow) == null ? void 0 : O.x, k = (I = L.arrow) == null ? void 0 : I.y, a = {
88
+ top: "bottom",
89
+ right: "left",
90
+ bottom: "top",
91
+ left: "right"
92
+ }[V.split("-")[0]], ee = q({
93
+ onClick: Q,
94
+ onBlur: Z
95
+ }), te = s(z), oe = s(F), d = (R = A.error) == null ? void 0 : R.message;
96
+ return /* @__PURE__ */ t.jsxs(
97
+ "div",
98
+ {
99
+ ref: f,
100
+ className: `w-full relative flex flex-col gap-8 ${M}`,
101
+ children: [
102
+ /* @__PURE__ */ t.jsx(
103
+ "label",
104
+ {
105
+ className: `text-gray-600 font-600 group ${d && "!text-red-500"} text-label`,
106
+ children: te
107
+ }
108
+ ),
109
+ /* @__PURE__ */ t.jsxs(
110
+ "div",
111
+ {
112
+ ref: N.setReference,
113
+ className: `flex items-center justify-between bg-light rounded-full p-16 cursor-pointer border transition-all duration-200 hover:border-blue-400 ${d && "border-red-500 hover:border-red-600"} ${$ ? "border-blue-400" : "border-blue-100"}`,
114
+ ...ee,
115
+ tabIndex: 0,
116
+ children: [
117
+ o != null && o.code ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center w-full", children: [
118
+ x(o) && /* @__PURE__ */ t.jsx(
119
+ "img",
120
+ {
121
+ loading: "lazy",
122
+ width: "24",
123
+ height: "16",
124
+ className: "mr-2",
125
+ src: `https://flagcdn.com/w20/${x(
126
+ o
127
+ )}.png`,
128
+ srcSet: `https://flagcdn.com/w40/${x(
129
+ o
130
+ )}.png 2x`,
131
+ alt: o.label,
132
+ onError: (e) => {
133
+ e.currentTarget.style.display = "none";
134
+ }
135
+ }
136
+ ),
137
+ /* @__PURE__ */ t.jsxs("span", { className: "flex-grow", children: [
138
+ p === "es" && o.labelES ? o.labelES : o.label,
139
+ o.code ? ` (${o.code})` : s("select_country")
140
+ ] })
141
+ ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-500", children: oe }),
142
+ /* @__PURE__ */ t.jsx(
143
+ "svg",
144
+ {
145
+ className: `w-16 h-16 transition-transform ${n ? "transform rotate-180" : ""}`,
146
+ fill: "none",
147
+ stroke: "currentColor",
148
+ viewBox: "0 0 24 24",
149
+ children: /* @__PURE__ */ t.jsx(
150
+ "path",
151
+ {
152
+ strokeLinecap: "round",
153
+ strokeLinejoin: "round",
154
+ strokeWidth: "2",
155
+ d: "M19 9l-7 7-7-7"
156
+ }
157
+ )
158
+ }
159
+ )
160
+ ]
161
+ }
162
+ ),
163
+ d && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: s(d, { x: s(D || "") || s(C) }) }),
164
+ $ && /* @__PURE__ */ t.jsxs(
165
+ "div",
166
+ {
167
+ ref: N.setFloating,
168
+ style: {
169
+ position: U,
170
+ top: H ?? 0,
171
+ left: Y ?? 0,
172
+ ...J
173
+ },
174
+ className: "z-10 w-full bg-white border border-blue-400 rounded-3xl shadow-lg overflow-auto",
175
+ ...G(),
176
+ children: [
177
+ /* @__PURE__ */ t.jsx(
178
+ "div",
179
+ {
180
+ ref: y,
181
+ className: "absolute w-4 h-4 bg-white rotate-45 border-blue-400",
182
+ style: {
183
+ left: T != null ? `${T}px` : "",
184
+ top: k != null ? `${k}px` : "",
185
+ right: "",
186
+ bottom: "",
187
+ [a]: "-2px",
188
+ borderRight: a === "left" ? "1px solid" : "none",
189
+ borderBottom: a === "top" ? "1px solid" : "none",
190
+ borderLeft: a === "right" ? "1px solid" : "none",
191
+ borderTop: a === "bottom" ? "1px solid" : "none"
192
+ }
193
+ }
194
+ ),
195
+ /* @__PURE__ */ t.jsx("div", { className: "sticky top-0 bg-white p-2 z-20", children: /* @__PURE__ */ t.jsx(
196
+ "input",
197
+ {
198
+ ref: m,
199
+ type: "text",
200
+ className: "w-full p-16",
201
+ placeholder: s("search") + "...",
202
+ value: c,
203
+ onChange: (e) => j(e.target.value),
204
+ onClick: (e) => e.stopPropagation(),
205
+ onBlur: (e) => {
206
+ e.stopPropagation();
207
+ },
208
+ autoFocus: !0
209
+ }
210
+ ) }),
211
+ /* @__PURE__ */ t.jsx("div", { children: E.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col", children: E.map((e, r) => {
212
+ var B;
213
+ const i = e.codeISO2 ? e.codeISO2.toLowerCase() : ((B = e.code) == null ? void 0 : B.toLowerCase()) || "";
214
+ return /* @__PURE__ */ t.jsxs(
215
+ "li",
216
+ {
217
+ className: "flex items-center gap-10 px-16 py-8 transition-all duration-200 hover:bg-blue-100/50 cursor-pointer",
218
+ onClick: (g) => {
219
+ g.stopPropagation(), K(e);
220
+ },
221
+ children: [
222
+ i && /* @__PURE__ */ t.jsx(
223
+ "img",
224
+ {
225
+ loading: "lazy",
226
+ width: "24",
227
+ height: "16",
228
+ className: "mr-2",
229
+ src: `https://flagcdn.com/w20/${i}.png`,
230
+ srcSet: `https://flagcdn.com/w40/${i}.png 2x`,
231
+ alt: e.label,
232
+ onError: (g) => {
233
+ g.currentTarget.style.display = "none";
234
+ }
235
+ }
236
+ ),
237
+ /* @__PURE__ */ t.jsxs("span", { children: [
238
+ p === "es" && e.labelES ? e.labelES : e.label,
239
+ e.code ? ` (${e.code})` : "Country not found"
240
+ ] })
241
+ ]
242
+ },
243
+ `${e.code}-${r}`
244
+ );
245
+ }) }) : /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-gray-500", children: s("no_countries_found") }) })
246
+ ]
247
+ }
248
+ )
249
+ ]
250
+ }
251
+ );
252
+ };
253
+ export {
254
+ Le as default
255
+ };
@@ -1,6 +1,6 @@
1
1
  import { j as t } from "../../../_virtual/jsx-runtime.js";
2
2
  import { useState as S, useRef as z, useEffect as J } from "react";
3
- import { Controller as K } from "../../../node_modules/react-hook-form/dist/index.esm.js";
3
+ import { Controller as K } from "react-hook-form";
4
4
  import { useFloating as Q, useClick as V, useDismiss as Z, useInteractions as ee, useTransitionStyles as te } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
5
5
  import { useTheme as D } from "../../../hooks/useTheme.js";
6
6
  import { autoUpdate as oe } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
@@ -2,7 +2,7 @@ import { j as n } from "../../../_virtual/jsx-runtime.js";
2
2
  import { faPlus as k } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
3
3
  import { FontAwesomeIcon as R } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
4
4
  import { useState as h, useRef as L, useEffect as C } from "react";
5
- import { useController as N } from "../../../node_modules/react-hook-form/dist/index.esm.js";
5
+ import { useController as N } from "react-hook-form";
6
6
  import z from "../Avatar/Avatar.js";
7
7
  function B(i) {
8
8
  return i !== null && typeof i == "object" && "name" in i && "size" in i && "type" in i && typeof i.name == "string" && typeof i.size == "number" && typeof i.type == "string";
@@ -0,0 +1,40 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ import { faCheck as n } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
3
+ import { FontAwesomeIcon as a } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
4
+ const u = ({ index: o, label: s, active: r, completed: e }) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-8", children: [
5
+ /* @__PURE__ */ t.jsx(
6
+ "div",
7
+ {
8
+ className: `
9
+ size-24 rounded-full border-[1px] flex items-center justify-center text-center font-600 text-label transition-colors ease-in-out duration-200
10
+ ${r && "border-blue-500! text-blue-500!"}
11
+ ${e ? "text-blue-500 bg-blue-50 border-none!" : "border-gray-300 text-gray-300"}
12
+ `,
13
+ children: e ? /* @__PURE__ */ t.jsx(
14
+ a,
15
+ {
16
+ icon: n,
17
+ className: `
18
+ text-blue-500
19
+ size-16
20
+ `
21
+ }
22
+ ) : o
23
+ }
24
+ ),
25
+ /* @__PURE__ */ t.jsx(
26
+ "h6",
27
+ {
28
+ className: `
29
+ text-body-m transition-colors ease-in-out duration-200
30
+ ${r || e ? "text-blue-500" : "text-gray-300"}
31
+ ${r && "font-600"}
32
+ ${e && "font-500"}
33
+ `,
34
+ children: s
35
+ }
36
+ )
37
+ ] });
38
+ export {
39
+ u as default
40
+ };
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "../../../_virtual/jsx-runtime.js";
2
2
  import { useState as m } from "react";
3
- import { useController as b } from "../../../node_modules/react-hook-form/dist/index.esm.js";
3
+ import { useController as b } from "react-hook-form";
4
4
  import { FontAwesomeIcon as w } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
5
5
  import { faEye as y, faEyeSlash as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
6
6
  import { useTheme as $ } from "../../../hooks/useTheme.js";
@@ -1,6 +1,6 @@
1
1
  import { j as t } from "../../../_virtual/jsx-runtime.js";
2
2
  import { useState as f, useRef as h, useEffect as A } from "react";
3
- import { useController as xe } from "../../../node_modules/react-hook-form/dist/index.esm.js";
3
+ import { useController as xe } from "react-hook-form";
4
4
  import { useFloating as be, useClick as we, useDismiss as Ce, useInteractions as ve, useTransitionStyles as je } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
5
5
  import { FontAwesomeIcon as Ne } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
6
6
  import { faChevronDown as ye } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
@@ -1,7 +1,7 @@
1
1
  import { j as e } from "../../../_virtual/jsx-runtime.js";
2
2
  import { useFloating as B, useClick as H, useDismiss as U, useInteractions as W, useTransitionStyles as Y } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
3
3
  import { useState as b, useRef as k, useEffect as q } from "react";
4
- import { Controller as G } from "../../../node_modules/react-hook-form/dist/index.esm.js";
4
+ import { Controller as G } from "react-hook-form";
5
5
  import { useTheme as J } from "../../../hooks/useTheme.js";
6
6
  import { autoUpdate as K } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
7
7
  import { offset as Q, flip as V, shift as X, size as Z, arrow as _ } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
@@ -1,13 +1,13 @@
1
- import { j as e } from "../../../_virtual/jsx-runtime.js";
2
- import { useController as y } from "../../../node_modules/react-hook-form/dist/index.esm.js";
1
+ import { j as r } from "../../../_virtual/jsx-runtime.js";
2
+ import { useController as j } from "react-hook-form";
3
3
  import { useTheme as w } from "../../../hooks/useTheme.js";
4
4
  const C = ({
5
5
  label: u,
6
6
  control: d,
7
- name: t,
7
+ name: e,
8
8
  placeholder: c,
9
9
  className: g = "",
10
- disabled: l = !1,
10
+ disabled: t = !1,
11
11
  leftSide: a,
12
12
  rightSide: s,
13
13
  translateKey: i = "",
@@ -15,39 +15,37 @@ const C = ({
15
15
  }) => {
16
16
  const {
17
17
  field: { value: n = "", onChange: f, ref: p, onBlur: b },
18
- fieldState: { error: r }
19
- } = y({ name: t, control: d }), { t: o } = w();
20
- if (!o) return /* @__PURE__ */ e.jsx(e.Fragment, {});
21
- const h = o(t), m = o(i);
22
- return /* @__PURE__ */ e.jsxs(
18
+ fieldState: { error: l }
19
+ } = j({ name: e, control: d }), { t: o } = w(), h = o(e), m = o(i);
20
+ return /* @__PURE__ */ r.jsxs(
23
21
  "label",
24
22
  {
25
- className: `flex flex-col group gap-8 select-none ${l && "cursor-not-allowed"} ${g}`,
26
- htmlFor: t,
23
+ className: `flex flex-col group gap-8 select-none ${t && "cursor-not-allowed"} ${g}`,
24
+ htmlFor: e,
27
25
  children: [
28
- /* @__PURE__ */ e.jsx(
26
+ /* @__PURE__ */ r.jsx(
29
27
  "h6",
30
28
  {
31
- className: `text-gray-600 font-600 group ${r && "text-red-500!"} text-label ${l && "text-gray-300"}`,
29
+ className: `text-gray-600 font-600 group ${l && "text-red-500!"} text-label ${t && "text-gray-300"}`,
32
30
  children: u
33
31
  }
34
32
  ),
35
- /* @__PURE__ */ e.jsxs(
33
+ /* @__PURE__ */ r.jsxs(
36
34
  "label",
37
35
  {
38
- htmlFor: t,
36
+ htmlFor: e,
39
37
  className: `
40
38
  flex items-center justify-between gap-8 p-16
41
39
 
42
- ${r && "border-red-500!"}
40
+ ${l && "border-red-500!"}
43
41
 
44
42
  bg-light
45
43
 
46
44
  w-full h-full rounded-full border
47
45
 
48
- ${n && !l ? "border-blue-200" : "border-blue-100"}
49
- ${!l && "group-hover:border-blue-300"}
50
- ${l && "cursor-not-allowed"}
46
+ ${n && !t ? "border-blue-200" : "border-blue-100"}
47
+ ${!t && "group-hover:border-blue-300"}
48
+ ${t && "cursor-not-allowed"}
51
49
 
52
50
  group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
53
51
 
@@ -55,15 +53,15 @@ const C = ({
55
53
  `,
56
54
  children: [
57
55
  a && a,
58
- /* @__PURE__ */ e.jsx(
56
+ /* @__PURE__ */ r.jsx(
59
57
  "input",
60
58
  {
61
- id: t,
62
- name: t,
63
- disabled: l,
59
+ id: e,
60
+ name: e,
61
+ disabled: t,
64
62
  placeholder: c,
65
63
  value: n,
66
- onChange: (j) => f(j.target.value),
64
+ onChange: (y) => f(y.target.value),
67
65
  onBlur: b,
68
66
  ref: p,
69
67
  className: "group bg-transparent w-full h-full font-600 placeholder:font-600 text-body-m disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden",
@@ -74,7 +72,7 @@ const C = ({
74
72
  ]
75
73
  }
76
74
  ),
77
- /* @__PURE__ */ e.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: (r == null ? void 0 : r.message) && o(r.message, { x: m || h }) })
75
+ /* @__PURE__ */ r.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: (l == null ? void 0 : l.message) && o(l.message, { x: m || h }) })
78
76
  ]
79
77
  }
80
78
  );
@@ -0,0 +1,12 @@
1
+ import { j as t } from "../../../_virtual/jsx-runtime.js";
2
+ const l = ({
3
+ label: e,
4
+ value: s,
5
+ className: a
6
+ }) => /* @__PURE__ */ t.jsxs("div", { className: `flex flex-col gap-4 ${a || ""}`, children: [
7
+ /* @__PURE__ */ t.jsx("p", { className: "text-lg font-600 text-gray-800", children: e }),
8
+ /* @__PURE__ */ t.jsx("p", { className: "text-base font-400 text-gray-600", children: s })
9
+ ] });
10
+ export {
11
+ l as default
12
+ };
@@ -5,10 +5,11 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
5
5
  import { translateBytes as F } from "../../../utils/files.js";
6
6
  import "../../../_virtual/lodash.js";
7
7
  import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
8
- import "../ImageProfileInput/ImageProfileInput.validators.js";
8
+ import "react-hook-form";
9
9
  import "../../../constants/countries.js";
10
+ import "../ImageProfileInput/ImageProfileInput.validators.js";
10
11
  import "react-dom";
11
- const q = ({
12
+ const z = ({
12
13
  title: h = "drag_and_drop_your_files_here",
13
14
  subtitle: d = null,
14
15
  buttonTitle: v = "choose_files",
@@ -112,5 +113,5 @@ const q = ({
112
113
  ] });
113
114
  };
114
115
  export {
115
- q as default
116
+ z as default
116
117
  };
@@ -1,17 +1,24 @@
1
1
  export * from './ActionButton/index';
2
+ export * from './ActionButton/index';
2
3
  export * from './AsyncToast/index';
3
4
  export * from './Avatar/index';
4
5
  export * from './BoxContainer/index';
5
6
  export * from './Button/index';
6
7
  export * from './CenterModal/index';
8
+ export * from './Checkbox/index';
9
+ export * from './CountryInput/index';
10
+ export * from './CountryLabel/index';
7
11
  export * from './CountrySelectInput/index';
8
12
  export * from './Divider/index';
9
13
  export * from './FullLogo/index';
10
14
  export * from './IconButton/index';
11
15
  export * from './ImageProfileInput/index';
16
+ export * from './IndexedStep/index';
12
17
  export * from './InfoCard/index';
18
+ export * from './InformationDisclaimer/index';
13
19
  export * from './LoadingSpinner/index';
14
20
  export * from './PasswordInput/index';
21
+ export * from './PhoneInput/index';
15
22
  export * from './ProgressBar/index';
16
23
  export * from './SearchBar/index';
17
24
  export * from './SectionButton/index';
@@ -20,11 +27,8 @@ export * from './SidebarButton/index';
20
27
  export * from './Tab/index';
21
28
  export * from './TextButton/index';
22
29
  export * from './TextInput/index';
30
+ export * from './TextStaticInput/index';
23
31
  export * from './Toast/index';
24
32
  export * from './UncontrolledSelector/index';
25
33
  export * from './UncontrolledTextInput/index';
26
34
  export * from './UploadContainer/index';
27
- export * from './InformationDisclaimer/index';
28
- export * from './CountryLabel/index';
29
- export * from './PhoneInput/index';
30
- export * from './SidebarButton/index';