lawgic-dev-kit 0.13.6 → 0.14.0

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var o = { exports: {} };
 export {
-  e as __module
+  o as __module
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var o = { exports: {} };
+var e = { exports: {} };
 export {
-  o as __module
+  e as __module
 };

package/dist/components/atoms/CountryInput/CountryInput.js

@@ -1,11 +1,11 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { useState as b, useRef as w, useEffect as P } from "react";
-import { useController as re } from "react-hook-form";
-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";
+import { useController as se } from "react-hook-form";
+import { useFloating as re, useClick as le, useDismiss as ne, useInteractions as ae, useTransitionStyles as ie } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
 import { useTheme as ce } from "../../../hooks/useTheme.js";
 import de from "../../../constants/countries.js";
 import { autoUpdate as pe } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-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";
+import { offset as ue, flip as me, shift as fe, size as xe, arrow as he } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
 const Le = ({
   countries: v = de,
   name: C,
@@ -17,36 +17,36 @@ const Le = ({
   translateKey: D
 }) => {
   var O, I, R;
-  const { t: s } = ce(), { field: l, fieldState: A } = re({
+  const { t: r } = ce(), { field: l, fieldState: A } = se({
     name: C,
     control: _,
     rules: { validate: {} },
     defaultValue: null
   }), [n, u] = b(!1), [c, j] = b(""), [o, S] = b(
     l.value || null
-  ), m = w(null), y = w(null), f = w(null), { x: Y, y: H, strategy: U, refs: N, context: h, placement: V, middlewareData: L } = se({
+  ), m = w(null), y = w(null), f = w(null), { x: Y, y: H, strategy: U, refs: N, context: x, placement: V, middlewareData: L } = re({
     open: n,
     onOpenChange: u,
     middleware: [
       ue(8),
       me(),
       fe({ padding: 8 }),
-      he({
-        apply({ availableHeight: e, elements: r }) {
-          Object.assign(r.floating.style, {
+      xe({
+        apply({ availableHeight: e, elements: s }) {
+          Object.assign(s.floating.style, {
             maxHeight: `${Math.min(e - 10, 300)}px`
           });
         },
         padding: 8
       }),
-      xe({ element: y })
+      he({ element: y })
     ],
     placement: "bottom-start",
     whileElementsMounted: pe
-  }), W = le(h), X = ne(h), { getReferenceProps: q, getFloatingProps: G } = ae([
+  }), W = le(x), X = ne(x), { getReferenceProps: q, getFloatingProps: G } = ae([
     W,
     X
-  ]), { isMounted: $, styles: J } = ie(h, {
+  ]), { isMounted: $, styles: J } = ie(x, {
     duration: {
       open: 200,
       close: 150
@@ -57,8 +57,8 @@ const Le = ({
     }
   }), E = (Array.isArray(v) ? v : []).filter((e) => {
     if (!c.trim()) return !0;
-    const r = p === "es" && e.labelES ? e.labelES.toLowerCase() : e.label.toLowerCase(), i = e.code ? e.code.toLowerCase() : "";
-    return r.includes(c.toLowerCase()) || i.includes(c.toLowerCase());
+    const s = p === "es" && e.labelES ? e.labelES.toLowerCase() : e.label.toLowerCase(), i = e.code ? e.code.toLowerCase() : "";
+    return s.includes(c.toLowerCase()) || i.includes(c.toLowerCase());
   }), K = (e) => {
     S(e), u(!1), j(""), l.onChange(e);
   }, Q = () => {
@@ -74,16 +74,16 @@ const Le = ({
   P(() => {
     S(l.value);
   }, [l.value]), P(() => {
-    const e = (r) => {
-      f.current && !f.current.contains(r.target) && l.onBlur();
+    const e = (s) => {
+      f.current && !f.current.contains(s.target) && l.onBlur();
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [l]);
-  const x = (e) => {
-    var r;
-    return e ? e.codeISO2 ? e.codeISO2.toLowerCase() : ((r = e.code) == null ? void 0 : r.toLowerCase()) || "" : "";
+  const h = (e) => {
+    var s;
+    return e ? e.codeISO2 ? e.codeISO2.toLowerCase() : ((s = e.code) == null ? void 0 : s.toLowerCase()) || "" : "";
   }, T = (O = L.arrow) == null ? void 0 : O.x, k = (I = L.arrow) == null ? void 0 : I.y, a = {
     top: "bottom",
     right: "left",
@@ -92,7 +92,7 @@ const Le = ({
   }[V.split("-")[0]], ee = q({
     onClick: Q,
     onBlur: Z
-  }), te = s(z), oe = s(F), d = (R = A.error) == null ? void 0 : R.message;
+  }), te = r(z), oe = r(F), d = (R = A.error) == null ? void 0 : R.message;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -114,18 +114,18 @@ const Le = ({
             ...ee,
             tabIndex: 0,
             children: [
-              o != null && o.code ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center w-full", children: [
-                x(o) && /* @__PURE__ */ t.jsx(
+              o != null && o.code ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center w-full gap-10", children: [
+                h(o) && /* @__PURE__ */ t.jsx(
                   "img",
                   {
                     loading: "lazy",
                     width: "24",
                     height: "16",
                     className: "mr-2",
-                    src: `https://flagcdn.com/w20/${x(
+                    src: `https://flagcdn.com/w20/${h(
                       o
                     )}.png`,
-                    srcSet: `https://flagcdn.com/w40/${x(
+                    srcSet: `https://flagcdn.com/w40/${h(
                       o
                     )}.png 2x`,
                     alt: o.label,
@@ -134,11 +134,11 @@ const Le = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ t.jsxs("span", { className: "flex-grow", children: [
+                /* @__PURE__ */ t.jsxs("span", { className: "flex-grow font-600 text-body-m", children: [
                   p === "es" && o.labelES ? o.labelES : o.label,
-                  o.code ? ` (${o.code})` : s("select_country")
+                  o.code ? ` (${o.code})` : r("select_country")
                 ] })
-              ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-500", children: oe }),
+              ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-400 font-600 text-body-m", children: oe }),
               /* @__PURE__ */ t.jsx(
                 "svg",
                 {
@@ -160,7 +160,7 @@ const Le = ({
             ]
           }
         ),
-        d && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: s(d, { x: s(D || "") || s(C) }) }),
+        d && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: r(d, { x: r(D || "") || r(C) }) }),
         $ && /* @__PURE__ */ t.jsxs(
           "div",
           {
@@ -197,8 +197,8 @@ const Le = ({
                 {
                   ref: m,
                   type: "text",
-                  className: "w-full p-16",
-                  placeholder: s("search") + "...",
+                  className: "w-full p-16 text-body-s",
+                  placeholder: r("search") + "...",
                   value: c,
                   onChange: (e) => j(e.target.value),
                   onClick: (e) => e.stopPropagation(),
@@ -208,7 +208,7 @@ const Le = ({
                   autoFocus: !0
                 }
               ) }),
-              /* @__PURE__ */ t.jsx("div", { children: E.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col", children: E.map((e, r) => {
+              /* @__PURE__ */ t.jsx("div", { children: E.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col", children: E.map((e, s) => {
                 var B;
                 const i = e.codeISO2 ? e.codeISO2.toLowerCase() : ((B = e.code) == null ? void 0 : B.toLowerCase()) || "";
                 return /* @__PURE__ */ t.jsxs(
@@ -240,9 +240,9 @@ const Le = ({
                       ] })
                     ]
                   },
-                  `${e.code}-${r}`
+                  `${e.code}-${s}`
                 );
-              }) }) : /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-gray-500", children: s("no_countries_found") }) })
+              }) }) : /* @__PURE__ */ t.jsx("div", { className: "px-16 py-8 text-gray-500 text-body-s", children: r("no_countries_found") }) })
             ]
           }
         )

package/dist/components/atoms/PhoneInput/PhoneInput.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { PhoneInputProps } from './PhoneInput.types';
-declare const PhoneInput: <T extends FieldValues>({ name, control, label, placeholder, language, className, translateKey, countries, }: PhoneInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const PhoneInput: <T extends FieldValues = FieldValues>({ name, control, label, placeholder, language, className, translateKey, countries, }: PhoneInputProps<T>) => React.ReactElement;
 export default PhoneInput;

package/dist/components/atoms/PhoneInput/PhoneInput.js

@@ -1,9 +1,9 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { useState as f, useRef as h, useEffect as A } from "react";
 import { useController as xe } from "react-hook-form";
-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";
-import { FontAwesomeIcon as Ne } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { faChevronDown as ye } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+import { useFloating as be, useClick as we, useDismiss as Ce, useInteractions as ve, useTransitionStyles as ye } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { FontAwesomeIcon as je } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faChevronDown as Ne } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
 import { useTheme as Se } from "../../../hooks/useTheme.js";
 import Le from "../../../constants/countries.js";
 import { autoUpdate as Te } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
@@ -19,11 +19,11 @@ const Ye = ({
   countries: i = Le
 }) => {
   var z, F, D, V;
-  const { t: l } = Se(), { field: s, fieldState: j } = xe({
+  const { t: l } = Se(), { field: s, fieldState: y } = xe({
     name: v,
     control: H,
     rules: { validate: {} }
-  }), N = ((z = s.value) == null ? void 0 : z.split(" ")) || [], G = N[0] || "", J = N[1] || "", K = i.find((e) => G === e.phone), [c, g] = f(!1), [d, y] = f(""), [r, S] = f(
+  }), j = ((z = s.value) == null ? void 0 : z.split(" ")) || [], G = j[0] || null, J = j[1] || "", K = i.find((e) => G === e.phone), [c, g] = f(!1), [d, N] = f(""), [r, S] = f(
     K || null
   ), [L, T] = f(J), [Q, I] = f(!1), x = h(null), $ = h(null), E = h(null), b = h(null), { x: Z, y: ee, strategy: te, refs: O, context: w, placement: oe, middlewareData: P } = be({
     open: c,
@@ -47,7 +47,7 @@ const Ye = ({
   }), ne = we(w), re = Ce(w), { getReferenceProps: se, getFloatingProps: le } = ve([
     ne,
     re
-  ]), { isMounted: ae, styles: ie } = je(w, {
+  ]), { isMounted: ae, styles: ie } = ye(w, {
     duration: {
       open: 200,
       close: 150
@@ -61,7 +61,7 @@ const Ye = ({
     const o = W === "es" && e.labelES ? e.labelES.toLowerCase() : e.label.toLowerCase(), n = e.code ? e.code.toLowerCase() : "", a = e.phone ? e.phone.toLowerCase() : "";
     return o.includes(d.toLowerCase()) || n.includes(d.toLowerCase()) || a.includes(d.toLowerCase());
   }), ce = (e) => {
-    S(e), g(!1), y("");
+    S(e), g(!1), N("");
     const o = `${e.phone} ${L}`;
     s.onChange(o), setTimeout(() => {
       var n;
@@ -113,7 +113,7 @@ const Ye = ({
   }[oe.split("-")[0]], fe = se({
     onClick: ue,
     onBlur: B
-  }), _ = () => j.error ? "border-red-500" : Q || c ? "border-blue-400" : "border-blue-100", he = l(Y), ge = l(U), p = (V = j.error) == null ? void 0 : V.message;
+  }), _ = () => y.error ? "border-red-500" : Q || c ? "border-blue-400" : "border-blue-100", he = l(Y), ge = l(U), p = (V = y.error) == null ? void 0 : V.message;
   return /* @__PURE__ */ t.jsxs("div", { className: `w-full relative flex flex-col gap-8 ${X}`, children: [
     /* @__PURE__ */ t.jsx(
       "label",
@@ -163,11 +163,11 @@ const Ye = ({
                     "+",
                     r.phone
                   ] })
-                ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-500 truncate", children: l("select_country") }),
+                ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-400 font-600 text-body-m truncate", children: l("select_country") }),
                 /* @__PURE__ */ t.jsx(
-                  Ne,
+                  je,
                   {
-                    icon: ye,
+                    icon: Ne,
                     className: "w-14 h-14 min-w-14 min-h-14"
                   }
                 )
@@ -179,7 +179,7 @@ const Ye = ({
             {
               ref: E,
               type: "tel",
-              className: `flex-grow bg-light rounded-r-full font-600 text-lg p-16 border transition-all duration-200 ${p ? "border-red-500" : _()}`,
+              className: `placeholder:text-gray-400 flex-grow bg-light rounded-r-full font-600 text-body-m p-16 border transition-all duration-200 ${p ? "border-red-500" : _()}`,
               placeholder: ge,
               value: L,
               onChange: de,
@@ -229,7 +229,7 @@ const Ye = ({
               className: "w-fit p-16",
               placeholder: l("search") + "...",
               value: d,
-              onChange: (e) => y(e.target.value),
+              onChange: (e) => N(e.target.value),
               onClick: (e) => e.stopPropagation(),
               onBlur: (e) => {
                 e.stopPropagation();
@@ -271,7 +271,7 @@ const Ye = ({
               },
               `${e.code}-${o}`
             );
-          }) }) : /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-gray-500", children: l("no_countries_found") }) })
+          }) }) : /* @__PURE__ */ t.jsx("div", { className: "px-16 py-8 text-gray-500 text-body-s", children: l("no_countries_found") }) })
         ]
       }
     )

package/dist/components/atoms/PhoneInput/PhoneInput.types.d.ts

@@ -1,8 +1,8 @@
-import { Control, FieldValues } from 'react-hook-form';
+import { Control, FieldValues, Path } from 'react-hook-form';
 import { Country } from '../../../constants/countries';
-export interface PhoneInputProps<T extends FieldValues> {
+export interface PhoneInputProps<T extends FieldValues = FieldValues> {
     countries?: Country[];
-    name: string;
+    name: Path<T>;
     control: Control<T>;
     label?: string;
     placeholder?: string;

package/dist/components/atoms/SelectInput/SelectInput.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { SelectInputProps } from './SelectInput.types';
+declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SelectInput;

package/dist/components/atoms/{SelectDropdown/SelectDropdown.js → SelectInput/SelectInput.js}

@@ -4,10 +4,10 @@ import { useState as b, useRef as k, useEffect as q } from "react";
 import { Controller as G } from "react-hook-form";
 import { useTheme as J } from "../../../hooks/useTheme.js";
 import { autoUpdate as K } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-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";
-const ie = ({
-  options: l,
-  name: n,
+import { offset as Q, flip as V, shift as X, size as Z, arrow as ee } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const ce = ({
+  options: a,
+  name: l,
   control: c,
   label: d = "Select an option",
   placeholder: p = "Type to search...",
@@ -16,13 +16,13 @@ const ie = ({
 }) => /* @__PURE__ */ e.jsx(
   G,
   {
-    name: n,
+    name: l,
     control: c,
-    render: ({ field: { onChange: f, value: a }, fieldState: { error: s } }) => /* @__PURE__ */ e.jsx(
-      ee,
+    render: ({ field: { onChange: f, value: o }, fieldState: { error: s } }) => /* @__PURE__ */ e.jsx(
+      te,
       {
-        options: l,
-        value: a,
+        options: a,
+        value: o,
         onChange: f,
         label: d,
         placeholder: p,
@@ -32,9 +32,9 @@ const ie = ({
       }
     )
   }
-), ee = ({
-  options: l,
-  value: n,
+), te = ({
+  options: a,
+  value: l,
   onChange: c,
   label: d = "Select an option",
   placeholder: p = "Type to search...",
@@ -42,8 +42,8 @@ const ie = ({
   className: u = "",
   input: f = !0
 }) => {
-  const { t: a } = J(), [s, m] = b(!1), [x, j] = b(""), [y, w] = b(
-    n || null
+  const { t: o } = J(), [s, m] = b(!1), [x, y] = b(""), [j, w] = b(
+    l || null
   ), h = k(null), C = k(null), { x: T, y: O, strategy: $, refs: v, context: g } = B({
     open: s,
     onOpenChange: m,
@@ -52,33 +52,33 @@ const ie = ({
       V(),
       X({ padding: 8 }),
       Z({
-        apply({ availableHeight: t, elements: o }) {
-          Object.assign(o.floating.style, {
+        apply({ availableHeight: t, elements: n }) {
+          Object.assign(n.floating.style, {
             maxHeight: `${Math.min(t - 10, 300)}px`
           });
         },
         padding: 8
       }),
-      _({ element: C })
+      ee({ element: C })
     ],
     placement: "bottom-start",
     whileElementsMounted: K
-  }), L = H(g), R = U(g), { getReferenceProps: F, getFloatingProps: P } = W([
+  }), L = H(g), P = U(g), { getReferenceProps: R, getFloatingProps: F } = W([
     L,
-    R
-  ]), { isMounted: N, styles: D } = Y(g, {
+    P
+  ]), { isMounted: N, styles: I } = Y(g, {
     duration: { open: 200, close: 150 },
     initial: { opacity: 0, transform: "translateY(-4px)" }
   }), S = (() => {
-    const t = Array.isArray(l) ? l : [];
+    const t = Array.isArray(a) ? a : [];
     if (!x.trim()) return t;
-    const o = x.toLowerCase();
+    const n = x.toLowerCase();
     return t.filter((i) => {
-      const A = i.label.toLowerCase(), I = i.key.toLowerCase();
-      return A.includes(o) || I.includes(o);
+      const D = i.label.toLowerCase(), _ = i.key.toLowerCase();
+      return D.includes(n) || _.includes(n);
     });
   })(), M = (t) => {
-    w(t), m(!1), j(""), c(t);
+    w(t), m(!1), y(""), c(t);
   }, z = () => {
     m(!s), !s && h.current && setTimeout(() => {
       var t;
@@ -86,11 +86,11 @@ const ie = ({
     }, 100);
   };
   q(() => {
-    w(n);
-  }, [n]);
-  const E = F({
+    w(l);
+  }, [l]);
+  const E = R({
     onClick: z
-  });
+  }), A = o(p);
   return /* @__PURE__ */ e.jsxs("div", { className: `w-full relative flex flex-col gap-8 ${u}`, children: [
     /* @__PURE__ */ e.jsx(
       "label",
@@ -108,7 +108,7 @@ const ie = ({
           ${r && "border-red-500 hover:border-red-600"} ${N ? "border-blue-400" : "border-blue-100"}`,
         ...E,
         children: [
-          y ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center w-full", children: /* @__PURE__ */ e.jsx("span", { className: "flex-grow", children: a(y.label) }) }) : /* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: p }),
+          j ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center w-full", children: /* @__PURE__ */ e.jsx("span", { className: "flex-grow flex-grow font-600 text-body-m", children: o(j.label) }) }) : /* @__PURE__ */ e.jsx("span", { className: "text-gray-400 font-600 text-body-m", children: A }),
           /* @__PURE__ */ e.jsx(
             "svg",
             {
@@ -139,10 +139,10 @@ const ie = ({
           position: $,
           top: O ?? 0,
           left: T ?? 0,
-          ...D
+          ...I
         },
         className: "z-10 w-full bg-white border border-blue-400 rounded-3xl shadow-lg overflow-auto",
-        ...P(),
+        ...F(),
         children: [
           f && /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 bg-white p-2 z-20", children: /* @__PURE__ */ e.jsx(
             "input",
@@ -152,27 +152,27 @@ const ie = ({
               className: "w-full p-16",
               placeholder: "Search...",
               value: x,
-              onChange: (t) => j(t.target.value),
+              onChange: (t) => y(t.target.value),
               onClick: (t) => t.stopPropagation(),
               autoFocus: !0
             }
           ) }),
-          /* @__PURE__ */ e.jsx("div", { className: "", children: S.length > 0 ? /* @__PURE__ */ e.jsx("ul", { children: S.map((t, o) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { className: "", children: S.length > 0 ? /* @__PURE__ */ e.jsx("ul", { children: S.map((t, n) => /* @__PURE__ */ e.jsx(
             "li",
             {
               className: "flex items-center justify-between px-16 py-8 transition-all duration-200 hover:bg-blue-100/50 cursor-pointer",
               onClick: (i) => {
                 i.stopPropagation(), M(t);
               },
-              children: /* @__PURE__ */ e.jsx("span", { children: a(t.label) })
+              children: /* @__PURE__ */ e.jsx("span", { children: o(t.label) })
             },
-            `${t.key}-${o}`
-          )) }) : /* @__PURE__ */ e.jsx("div", { className: "px-3 py-2 text-gray-500", children: "No options found" }) })
+            `${t.key}-${n}`
+          )) }) : /* @__PURE__ */ e.jsx("div", { className: "px-16 py-8 text-gray-500 text-body-s", children: o("no_options_found") }) })
         ]
       }
     )
   ] });
 };
 export {
-  ie as default
+  ce as default
 };

package/dist/components/atoms/{SelectDropdown/SelectDropdown.types.d.ts → SelectInput/SelectInput.types.d.ts}

@@ -3,7 +3,7 @@ export interface Option {
     key: string;
     label: string;
 }
-export interface SelectDropdownProps<T extends FieldValues> {
+export interface SelectInputProps<T extends FieldValues> {
     options: Option[];
     name: Path<T>;
     control: Control<T>;
@@ -12,7 +12,7 @@ export interface SelectDropdownProps<T extends FieldValues> {
     className?: string;
     input?: boolean;
 }
-export interface SelectDropdownFieldProps {
+export interface SelectInputFieldProps {
     options: Option[];
     value: Option | null;
     onChange: (option: Option | null) => void;

package/dist/components/atoms/SelectInput/index.d.ts

@@ -0,0 +1 @@
+export { default as SelectInput } from './SelectInput';

package/dist/components/atoms/index.d.ts

@@ -21,7 +21,7 @@ export * from './PhoneInput/index';
 export * from './ProgressBar/index';
 export * from './SearchBar/index';
 export * from './SectionButton/index';
-export * from './SelectDropdown/index';
+export * from './SelectInput/index';
 export * from './SidebarButton/index';
 export * from './Tab/index';
 export * from './TextButton/index';

package/dist/index.js

@@ -9,9 +9,9 @@ import { default as I } from "./components/atoms/Checkbox/Checkbox.js";
 import { default as C } from "./components/atoms/CountryInput/CountryInput.js";
 import { default as B } from "./components/atoms/CountryLabel/CountryLabel.js";
 import { default as h } from "./components/atoms/CountrySelectInput/CountryDropdown.js";
-import { default as M } from "./components/atoms/Divider/Divider.js";
+import { default as y } from "./components/atoms/Divider/Divider.js";
 import { default as b } from "./components/atoms/IconButton/IconButton.js";
-import { default as P } from "./components/atoms/ImageProfileInput/ImageProfileInput.js";
+import { default as w } from "./components/atoms/ImageProfileInput/ImageProfileInput.js";
 import { default as L } from "./components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import { default as v } from "./components/atoms/IndexedStep/IndexedStep.js";
 import { default as z } from "./components/atoms/InfoCard/InfoCard.js";
@@ -22,7 +22,7 @@ import { default as H } from "./components/atoms/PhoneInput/PhoneInput.js";
 import { default as K } from "./components/atoms/ProgressBar/ProgressBar.js";
 import { SearchBar as Q } from "./components/atoms/SearchBar/index.js";
 import { default as W } from "./components/atoms/SectionButton/SectionButton.js";
-import { default as Y } from "./components/atoms/SelectDropdown/SelectDropdown.js";
+import { default as Y } from "./components/atoms/SelectInput/SelectInput.js";
 import { default as _ } from "./components/atoms/SidebarButton/SidebarButton.js";
 import { default as oo } from "./components/atoms/Tab/Tab.js";
 import { default as eo } from "./components/atoms/TextButton/TextButton.js";
@@ -35,9 +35,9 @@ import { default as co } from "./components/atoms/UploadContainer/UploadContaine
 import { default as To } from "./components/molecules/AlertModal/AlertModal.js";
 import { default as go } from "./components/molecules/CalendarSelector/CalendarSelector.js";
 import { default as So } from "./components/molecules/DateInput/DateInput.js";
-import { default as Do } from "./components/molecules/DialogModal/DialogModal.js";
-import { default as yo } from "./components/molecules/Dropdown/Dropdown.js";
-import { default as wo } from "./components/molecules/FileUpload/FileUpload.js";
+import { default as Mo } from "./components/molecules/DialogModal/DialogModal.js";
+import { default as Do } from "./components/molecules/Dropdown/Dropdown.js";
+import { default as Po } from "./components/molecules/FileUpload/FileUpload.js";
 import { default as Ao } from "./components/molecules/FloatingMenu/FloatingMenu.js";
 import { default as Uo } from "./components/molecules/SearchModal/SearchModal.js";
 import { default as Fo } from "./components/molecules/Stepper/Stepper.js";
@@ -46,14 +46,14 @@ import { Organism as Vo } from "./components/organisms/index.js";
 import { formatLocalizedDate as qo } from "./utils/dates.js";
 import { toBase64 as Go, translateBytes as Ho } from "./utils/files.js";
 import { getImageUrl as Ko } from "./utils/images.js";
-import { ModalContainer as Qo, closeModal as Ro, openModal as Wo } from "./utils/modal.js";
-import { renderTabContent as Yo } from "./utils/renderContentOptions.js";
-import { capitalizeFirstLetter as _o, stringToColor as $o } from "./utils/strings.js";
-import { showToastAsync as tt, showToastLoading as et, toast as rt } from "./utils/toast.js";
-import { ThemeProvider as ft } from "./providers/ThemeProvider.js";
-import { useTheme as lt } from "./hooks/useTheme.js";
+import { ModalContainer as Qo, closeModal as Ro, openCustomModal as Wo, openModal as Xo } from "./utils/modal.js";
+import { renderTabContent as Zo } from "./utils/renderContentOptions.js";
+import { capitalizeFirstLetter as $o, stringToColor as ot } from "./utils/strings.js";
+import { showToastAsync as et, showToastLoading as rt, toast as at } from "./utils/toast.js";
+import { ThemeProvider as pt } from "./providers/ThemeProvider.js";
+import { useTheme as dt } from "./hooks/useTheme.js";
 import "./contexts/themeContext.js";
-import { defaultTheme as mt } from "./themes/default.js";
+import { defaultTheme as st } from "./themes/default.js";
 export {
   a as ActionButton,
   To as AlertModal,
@@ -68,13 +68,13 @@ export {
   C as CountryInput,
   B as CountryLabel,
   So as DateInput,
-  Do as DialogModal,
-  M as Divider,
-  yo as Dropdown,
-  wo as FileUpload,
+  Mo as DialogModal,
+  y as Divider,
+  Do as Dropdown,
+  Po as FileUpload,
   Ao as FloatingMenu,
   b as IconButton,
-  P as ImageProfileInput,
+  w as ImageProfileInput,
   v as IndexedStep,
   z as InfoCard,
   O as InformationDisclaimer,
@@ -87,7 +87,7 @@ export {
   Q as SearchBar,
   Uo as SearchModal,
   W as SectionButton,
-  Y as SelectDropdown,
+  Y as SelectInput,
   _ as SidebarButton,
   Fo as Stepper,
   oo as Tab,
@@ -95,24 +95,25 @@ export {
   eo as TextButton,
   ao as TextInput,
   po as TextStaticInput,
-  ft as ThemeProvider,
+  pt as ThemeProvider,
   mo as Toast,
   uo as UncontrolledSelector,
   no as UncontrolledTextInput,
   co as UploadContainer,
-  _o as capitalizeFirstLetter,
+  $o as capitalizeFirstLetter,
   Ro as closeModal,
-  mt as defaultTheme,
+  st as defaultTheme,
   qo as formatLocalizedDate,
   Ko as getImageUrl,
-  Wo as openModal,
-  Yo as renderTabContent,
-  tt as showToastAsync,
-  et as showToastLoading,
-  $o as stringToColor,
+  Wo as openCustomModal,
+  Xo as openModal,
+  Zo as renderTabContent,
+  et as showToastAsync,
+  rt as showToastLoading,
+  ot as stringToColor,
   Go as toBase64,
-  rt as toast,
+  at as toast,
   Ho as translateBytes,
-  lt as useTheme,
+  dt as useTheme,
   L as yupImageProfileValidator
 };