lawgic-dev-kit 0.9.6 → 0.10.0

package/dist/_virtual/index.js

@@ -1,4 +1,7 @@
-var e = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  e as __module
+  s as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as r } from "../node_modules/property-expr/index.js";
+var e = r();
 export {
-  s as default
+  e as p
 };

package/dist/_virtual/index3.js

@@ -1,5 +1,5 @@
-import { __require as r } from "../node_modules/property-expr/index.js";
-var e = r();
+import { __require as r } from "../node_modules/tiny-case/index.js";
+var a = r();
 export {
-  e as p
+  a as t
 };

package/dist/_virtual/index4.js

@@ -1,5 +1,7 @@
-import { __require as r } from "../node_modules/tiny-case/index.js";
-var a = r();
+import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/toposort/index.js";
+var t = r();
+const s = /* @__PURE__ */ o(t);
 export {
-  a as t
+  s as default
 };

package/dist/_virtual/index5.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/toposort/index.js";
-var t = r();
-const s = /* @__PURE__ */ o(t);
+var e = { exports: {} };
 export {
-  s as default
+  e as __module
 };

package/dist/components/atoms/Avatar/Avatar.js

@@ -7,8 +7,8 @@ import { getImageUrl as E } from "../../../utils/images.js";
 import "../../../_virtual/lodash.js";
 import "../../../contexts/themeContext.js";
 import "react-hook-form";
-import "../ImageProfileInput/ImageProfileInput.validators.js";
 import "../../../constants/countries.js";
+import "../ImageProfileInput/ImageProfileInput.validators.js";
 import "react-dom";
 const $ = ({ containerProps: x = {}, imageProps: p = {}, src: m = "", alt: i = "", size: e = 30, user: t = null }) => {
   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) => {

package/dist/components/atoms/Checkbox/Checkbox.js

@@ -0,0 +1,34 @@
+import { j as a } from "../../../_virtual/jsx-runtime.js";
+const b = ({
+  active: r,
+  color: s = "blue",
+  variant: d = "rounded",
+  className: t,
+  ...u
+}) => {
+  const e = {
+    blue: "border-blue-500 bg-blue-500",
+    aqua: "border-aqua-500 bg-aqua-500",
+    red: "border-red-500 bg-red-500",
+    gray: "border-gray-500 bg-gray-500"
+  }[s], o = {
+    rounded: "rounded-full",
+    square: "rounded-md"
+  }[d];
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      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}`,
+      ...u,
+      children: /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          className: `absolute transition-colors ease-in-out duration-150 ${o} size-12 ${r ? e : ""}`
+        }
+      )
+    }
+  );
+};
+export {
+  b as default
+};

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

@@ -0,0 +1,255 @@
+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 { 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";
+const Le = ({
+  countries: v = de,
+  name: C,
+  control: _,
+  label: z = "select_a_country",
+  placeholder: F = "type_to_search",
+  language: p = "en",
+  className: M = "",
+  translateKey: D
+}) => {
+  var O, I, R;
+  const { t: s } = ce(), { field: l, fieldState: A } = re({
+    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({
+    open: n,
+    onOpenChange: u,
+    middleware: [
+      ue(8),
+      me(),
+      fe({ padding: 8 }),
+      he({
+        apply({ availableHeight: e, elements: r }) {
+          Object.assign(r.floating.style, {
+            maxHeight: `${Math.min(e - 10, 300)}px`
+          });
+        },
+        padding: 8
+      }),
+      xe({ element: y })
+    ],
+    placement: "bottom-start",
+    whileElementsMounted: pe
+  }), W = le(h), X = ne(h), { getReferenceProps: q, getFloatingProps: G } = ae([
+    W,
+    X
+  ]), { isMounted: $, styles: J } = ie(h, {
+    duration: {
+      open: 200,
+      close: 150
+    },
+    initial: {
+      opacity: 0,
+      transform: "translateY(-4px)"
+    }
+  }), 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());
+  }), K = (e) => {
+    S(e), u(!1), j(""), l.onChange(e);
+  }, Q = () => {
+    u(!n), !n && m.current && setTimeout(() => {
+      var e;
+      (e = m.current) == null || e.focus();
+    }, 100);
+  }, Z = () => {
+    setTimeout(() => {
+      n || l.onBlur();
+    }, 200);
+  };
+  P(() => {
+    S(l.value);
+  }, [l.value]), P(() => {
+    const e = (r) => {
+      f.current && !f.current.contains(r.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()) || "" : "";
+  }, T = (O = L.arrow) == null ? void 0 : O.x, k = (I = L.arrow) == null ? void 0 : I.y, a = {
+    top: "bottom",
+    right: "left",
+    bottom: "top",
+    left: "right"
+  }[V.split("-")[0]], ee = q({
+    onClick: Q,
+    onBlur: Z
+  }), te = s(z), oe = s(F), d = (R = A.error) == null ? void 0 : R.message;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      ref: f,
+      className: `w-full relative flex flex-col gap-8 ${M}`,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "label",
+          {
+            className: `text-gray-600 font-600 group ${d && "!text-red-500"} text-label`,
+            children: te
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            ref: N.setReference,
+            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"}`,
+            ...ee,
+            tabIndex: 0,
+            children: [
+              o != null && o.code ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center w-full", children: [
+                x(o) && /* @__PURE__ */ t.jsx(
+                  "img",
+                  {
+                    loading: "lazy",
+                    width: "24",
+                    height: "16",
+                    className: "mr-2",
+                    src: `https://flagcdn.com/w20/${x(
+                      o
+                    )}.png`,
+                    srcSet: `https://flagcdn.com/w40/${x(
+                      o
+                    )}.png 2x`,
+                    alt: o.label,
+                    onError: (e) => {
+                      e.currentTarget.style.display = "none";
+                    }
+                  }
+                ),
+                /* @__PURE__ */ t.jsxs("span", { className: "flex-grow", children: [
+                  p === "es" && o.labelES ? o.labelES : o.label,
+                  o.code ? ` (${o.code})` : s("select_country")
+                ] })
+              ] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-500", children: oe }),
+              /* @__PURE__ */ t.jsx(
+                "svg",
+                {
+                  className: `w-16 h-16 transition-transform ${n ? "transform rotate-180" : ""}`,
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ t.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: "2",
+                      d: "M19 9l-7 7-7-7"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        d && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: s(d, { x: s(D || "") || s(C) }) }),
+        $ && /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            ref: N.setFloating,
+            style: {
+              position: U,
+              top: H ?? 0,
+              left: Y ?? 0,
+              ...J
+            },
+            className: "z-10 w-full bg-white border border-blue-400 rounded-3xl shadow-lg overflow-auto",
+            ...G(),
+            children: [
+              /* @__PURE__ */ t.jsx(
+                "div",
+                {
+                  ref: y,
+                  className: "absolute w-4 h-4 bg-white rotate-45 border-blue-400",
+                  style: {
+                    left: T != null ? `${T}px` : "",
+                    top: k != null ? `${k}px` : "",
+                    right: "",
+                    bottom: "",
+                    [a]: "-2px",
+                    borderRight: a === "left" ? "1px solid" : "none",
+                    borderBottom: a === "top" ? "1px solid" : "none",
+                    borderLeft: a === "right" ? "1px solid" : "none",
+                    borderTop: a === "bottom" ? "1px solid" : "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ t.jsx("div", { className: "sticky top-0 bg-white p-2 z-20", children: /* @__PURE__ */ t.jsx(
+                "input",
+                {
+                  ref: m,
+                  type: "text",
+                  className: "w-full p-16",
+                  placeholder: s("search") + "...",
+                  value: c,
+                  onChange: (e) => j(e.target.value),
+                  onClick: (e) => e.stopPropagation(),
+                  onBlur: (e) => {
+                    e.stopPropagation();
+                  },
+                  autoFocus: !0
+                }
+              ) }),
+              /* @__PURE__ */ t.jsx("div", { children: E.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col", children: E.map((e, r) => {
+                var B;
+                const i = e.codeISO2 ? e.codeISO2.toLowerCase() : ((B = e.code) == null ? void 0 : B.toLowerCase()) || "";
+                return /* @__PURE__ */ t.jsxs(
+                  "li",
+                  {
+                    className: "flex items-center gap-10 px-16 py-8 transition-all duration-200 hover:bg-blue-100/50 cursor-pointer",
+                    onClick: (g) => {
+                      g.stopPropagation(), K(e);
+                    },
+                    children: [
+                      i && /* @__PURE__ */ t.jsx(
+                        "img",
+                        {
+                          loading: "lazy",
+                          width: "24",
+                          height: "16",
+                          className: "mr-2",
+                          src: `https://flagcdn.com/w20/${i}.png`,
+                          srcSet: `https://flagcdn.com/w40/${i}.png 2x`,
+                          alt: e.label,
+                          onError: (g) => {
+                            g.currentTarget.style.display = "none";
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ t.jsxs("span", { children: [
+                        p === "es" && e.labelES ? e.labelES : e.label,
+                        e.code ? ` (${e.code})` : "Country not found"
+                      ] })
+                    ]
+                  },
+                  `${e.code}-${r}`
+                );
+              }) }) : /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-gray-500", children: s("no_countries_found") }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Le as default
+};

package/dist/components/atoms/IndexedStep/IndexedStep.js

@@ -0,0 +1,40 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { faCheck as n } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+import { FontAwesomeIcon as a } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+const u = ({ index: o, label: s, active: r, completed: e }) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-8", children: [
+  /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: `
+				size-24 rounded-full border-[1px] flex items-center justify-center text-center font-600 text-label transition-colors ease-in-out duration-200
+				${r && "border-blue-500! text-blue-500!"}
+				${e ? "text-blue-500 bg-blue-50 border-none!" : "border-gray-300 text-gray-300"}
+				`,
+      children: e ? /* @__PURE__ */ t.jsx(
+        a,
+        {
+          icon: n,
+          className: `
+							text-blue-500
+							size-16
+						`
+        }
+      ) : o
+    }
+  ),
+  /* @__PURE__ */ t.jsx(
+    "h6",
+    {
+      className: `
+					text-body-m transition-colors ease-in-out duration-200
+					${r || e ? "text-blue-500" : "text-gray-300"}
+					${r && "font-600"}
+					${e && "font-500"}
+				`,
+      children: s
+    }
+  )
+] });
+export {
+  u as default
+};

package/dist/components/atoms/TextStaticInput/TextStaticInput.js

@@ -0,0 +1,12 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+const l = ({
+  label: e,
+  value: s,
+  className: a
+}) => /* @__PURE__ */ t.jsxs("div", { className: `flex flex-col gap-4 ${a || ""}`, children: [
+  /* @__PURE__ */ t.jsx("p", { className: "text-lg font-600 text-gray-800", children: e }),
+  /* @__PURE__ */ t.jsx("p", { className: "text-base font-400 text-gray-600", children: s })
+] });
+export {
+  l as default
+};

package/dist/components/atoms/UploadContainer/UploadContainer.js

@@ -6,8 +6,8 @@ import { translateBytes as F } from "../../../utils/files.js";
 import "../../../_virtual/lodash.js";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "react-hook-form";
-import "../ImageProfileInput/ImageProfileInput.validators.js";
 import "../../../constants/countries.js";
+import "../ImageProfileInput/ImageProfileInput.validators.js";
 import "react-dom";
 const z = ({
   title: h = "drag_and_drop_your_files_here",

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

@@ -1,17 +1,24 @@
 export * from './ActionButton/index';
+export * from './ActionButton/index';
 export * from './AsyncToast/index';
 export * from './Avatar/index';
 export * from './BoxContainer/index';
 export * from './Button/index';
 export * from './CenterModal/index';
+export * from './Checkbox/index';
+export * from './CountryInput/index';
+export * from './CountryLabel/index';
 export * from './CountrySelectInput/index';
 export * from './Divider/index';
 export * from './FullLogo/index';
 export * from './IconButton/index';
 export * from './ImageProfileInput/index';
+export * from './IndexedStep/index';
 export * from './InfoCard/index';
+export * from './InformationDisclaimer/index';
 export * from './LoadingSpinner/index';
 export * from './PasswordInput/index';
+export * from './PhoneInput/index';
 export * from './ProgressBar/index';
 export * from './SearchBar/index';
 export * from './SectionButton/index';
@@ -20,11 +27,8 @@ export * from './SidebarButton/index';
 export * from './Tab/index';
 export * from './TextButton/index';
 export * from './TextInput/index';
+export * from './TextStaticInput/index';
 export * from './Toast/index';
 export * from './UncontrolledSelector/index';
 export * from './UncontrolledTextInput/index';
 export * from './UploadContainer/index';
-export * from './InformationDisclaimer/index';
-export * from './CountryLabel/index';
-export * from './PhoneInput/index';
-export * from './SidebarButton/index';

package/dist/components/molecules/AlertModal/AlertModal.js

@@ -8,8 +8,8 @@ import "react-hook-form";
 import g from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
 import a from "../../atoms/Button/Button.js";
-import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "../../../constants/countries.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import { AnimatePresence as u } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 import { motion as n } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
 const M = ({

package/dist/components/molecules/CalendarSelector/CalendarSelector.js

@@ -11,9 +11,9 @@ import ee from "./TimeDisplay.js";
 import { faChevronDown as te } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
 import "react-hook-form";
 import "react-dom";
+import "../../../constants/countries.js";
 import P from "../../atoms/IconButton/IconButton.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
-import "../../../constants/countries.js";
 import { AnimatePresence as oe } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 import { motion as A } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
 import { startOfWeek as re } from "../../../node_modules/date-fns/startOfWeek.js";

package/dist/components/molecules/DateInput/DateInput.js

@@ -9,8 +9,8 @@ import { faX as S } from "../../../node_modules/@fortawesome/free-solid-svg-icon
 import { useTheme as I } from "../../../hooks/useTheme.js";
 import { formatLocalizedDate as v } from "../../../utils/dates.js";
 import "../../../_virtual/lodash.js";
-import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "../../../constants/countries.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "react-dom";
 const O = ({ control: l, name: n, showTimeSelector: m = !1, label: p, placeholder: i }) => {
   const {

package/dist/components/molecules/DialogModal/DialogModal.js

@@ -8,8 +8,8 @@ import "react-hook-form";
 import y from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
 import a from "../../atoms/Button/Button.js";
-import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "../../../constants/countries.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import { AnimatePresence as u } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 import { motion as s } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
 const E = ({

package/dist/components/molecules/FloatingMenu/FloatingMenu.js

@@ -7,8 +7,8 @@ import "../../../contexts/themeContext.js";
 import "react-hook-form";
 import P from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
-import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "../../../constants/countries.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import { autoUpdate as z } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { offset as B, flip as D, shift as T } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
 const X = ({

package/dist/components/molecules/Tabs/Tabs.js

@@ -5,9 +5,9 @@ import "../../../_virtual/lodash.js";
 import { useTheme as S } from "../../../hooks/useTheme.js";
 import "react-hook-form";
 import "react-dom";
+import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import L from "../../atoms/Tab/Tab.js";
-import "../../../constants/countries.js";
 import { motion as a } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 const D = ({
   variant: p = "underline",