lawgic-dev-kit 0.23.2 → 0.23.8

package/dist/components/atoms/TextInput/TextInput.js

@@ -1,24 +1,24 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
+import { j as l } from "../../../_virtual/jsx-runtime.js";
 import { useController as w } from "react-hook-form";
 import { useTheme as v } from "../../../hooks/useTheme.js";
 import "react";
 const S = ({
-  label: c,
+  label: a,
   control: x,
   name: e,
   placeholder: d,
   className: i = "",
   disabled: t = !1,
-  leftSide: a,
-  rightSide: n,
+  leftSide: n,
+  rightSide: u,
   translateKey: p = "",
   size: g = "md",
   ...m
 }) => {
   const {
-    field: { value: u = "", onChange: b, ref: f, onBlur: h },
+    field: { value: c = "", onChange: f, ref: b, onBlur: h },
     fieldState: { error: r }
-  } = w({ name: e, control: x }), { t: s } = v(), l = {
+  } = w({ name: e, control: x }), { t: s } = v(), o = {
     sm: {
       container: "px-16 py-8",
       text: "text-sm",
@@ -34,25 +34,25 @@ const S = ({
       gap: "gap-8"
     }
   }[g], $ = s(e), y = s(p);
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ l.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${l.gap} ${t && "cursor-not-allowed"} ${i}`,
+      className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${i}`,
       htmlFor: e,
       children: [
-        /* @__PURE__ */ o.jsx(
+        a && /* @__PURE__ */ l.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 leading-none group ${r && "text-red-500!"} ${l.label} ${t && "text-gray-300"}`,
-            children: c
+            className: `text-gray-600 font-600 leading-none group ${r && "text-red-500!"} ${o.label} ${t && "text-gray-300"}`,
+            children: a
           }
         ),
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ l.jsxs(
           "label",
           {
             htmlFor: e,
             className: `
-					flex items-center justify-between gap-8 ${l.container}
+					flex items-center justify-between gap-8 ${o.container}
 				
 				${r && "border-red-500!"} 
 
@@ -60,7 +60,7 @@ const S = ({
 				
 				rounded-full border 
 				
-				${u && !t ? "border-blue-200" : "border-blue-100"} 
+				${c && !t ? "border-blue-200" : "border-blue-100"} 
 				${!t && "group-hover:border-blue-300"} 
 				${t && "cursor-not-allowed"}
 				
@@ -69,27 +69,27 @@ const S = ({
 				group-disabled:bg-gray-500
 				`,
             children: [
-              a && a,
-              /* @__PURE__ */ o.jsx(
+              n && n,
+              /* @__PURE__ */ l.jsx(
                 "input",
                 {
                   id: e,
                   name: e,
                   disabled: t,
                   placeholder: d,
-                  value: u,
-                  onChange: (j) => b(j.target.value),
+                  value: c,
+                  onChange: (j) => f(j.target.value),
                   onBlur: h,
-                  ref: f,
-                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${l.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden`,
+                  ref: b,
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${o.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden`,
                   ...m
                 }
               ),
-              n && n
+              u && u
             ]
           }
         ),
-        (r == null ? void 0 : r.message) && /* @__PURE__ */ o.jsx("h4", { className: `font-500 text-red-500 leading-none ${l.error}`, children: s(r.message, { x: y || $ }) })
+        (r == null ? void 0 : r.message) && /* @__PURE__ */ l.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: s(r.message, { x: y || $ }) })
       ]
     }
   );

package/dist/components/atoms/Toast/Toast.js

@@ -1,5 +1,5 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { faXmark as b, faCircleInfo as s, faBell as g, faTriangleExclamation as h, faCircleCheck as y } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+import { faXmark as b, faCircleInfo as s, faTriangleExclamation as g, faHexagonXmark as h, faCircleCheck as y } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
 import { FontAwesomeIcon as x } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { useState as j, useEffect as f } from "react";
 import { AnimatePresence as k } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
@@ -21,13 +21,13 @@ const N = 500, B = ({
       i = "text-red-500", t = "bg-red-100", a = h;
       break;
     case "warning":
-      i = "text-yellow-500", t = "bg-yellow-100", a = s;
+      i = "text-yellow-500", t = "bg-yellow-100", a = g;
       break;
     case "loading":
-      i = "text-gray-500", t = "bg-gray-100", a = s;
+      i = "text-blue-500", t = "bg-blue-100", a = s;
       break;
     case "notification":
-      i = "text-blue-500", t = "bg-blue-100", a = g;
+      i = "text-blue-500", t = "bg-blue-100", a = s;
       break;
     default:
       i = "text-blue-500", t = "bg-blue-100", a = s;
@@ -93,7 +93,7 @@ const N = 500, B = ({
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-12", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex gap-12", children: [
             /* @__PURE__ */ e.jsx(x, { icon: a, className: `text-[20px] p-6 rounded-full self-start ${i} ${t}` }),
-            /* @__PURE__ */ e.jsx("h5", { className: "text-lg font-bold text-blue-900 self-center", children: r.title })
+            /* @__PURE__ */ e.jsx("h5", { className: "text-lg font-semibold text-blue-900 self-center", children: r.title })
           ] }),
           r.description && /* @__PURE__ */ e.jsx("span", { className: "text-md text-gray-500 leading-[16px]", children: r.description })
         ] })

package/dist/components/atoms/UncontrolledTextInput/UncontrolledTextInput.js

@@ -2,21 +2,21 @@ import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { useTheme as h } from "../../../hooks/useTheme.js";
 import "react";
 const w = ({
-  label: u,
+  label: n,
   onChange: p,
-  value: n,
+  value: s,
   name: t,
   error: l,
   placeholder: i,
   className: g = "",
   disabled: e = !1,
-  disabledInput: s = !1,
+  disabledInput: a = !1,
   size: d = "md",
-  leftSide: a,
-  rightSide: c,
+  leftSide: c,
+  rightSide: x,
   ...b
 }) => {
-  const { t: x } = h(), r = {
+  const { t: u } = h(), r = {
     sm: {
       container: "px-16 py-8",
       text: "text-sm",
@@ -38,11 +38,11 @@ const w = ({
       className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${g}`,
       htmlFor: t,
       children: [
-        /* @__PURE__ */ o.jsx(
+        n && /* @__PURE__ */ o.jsx(
           "h6",
           {
             className: `text-gray-600 font-600 leading-none group ${l && "!text-red-500"} ${r.label} ${e && "text-gray-300"}`,
-            children: u
+            children: n
           }
         ),
         /* @__PURE__ */ o.jsxs(
@@ -52,16 +52,16 @@ const w = ({
             className: `
           flex items-center justify-between gap-8 bg-light 
           ${r.container} ${l && "!border-red-500"} rounded-full border 
-          ${n && !e ? "border-blue-200" : "border-blue-100"} 
+          ${s && !e ? "border-blue-200" : "border-blue-100"} 
           ${!e && "group-hover:border-blue-300"} 
           ${e && "cursor-not-allowed"}
 				
 				group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
-				${s && "hover:!cursor-pointer"}
+				${a && "hover:!cursor-pointer"}
 				group-disabled:bg-gray-500
 				`,
             children: [
-              a && a,
+              c && c,
               /* @__PURE__ */ o.jsx(
                 "input",
                 {
@@ -70,18 +70,18 @@ const w = ({
                   name: t,
                   disabled: e,
                   placeholder: i,
-                  value: n,
+                  value: s,
                   onChange: (f) => {
                     p(f.target.value);
                   },
-                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${r.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${s && "pointer-events-none !select-none !caret-transparent"}`
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${r.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${a && "pointer-events-none !select-none !caret-transparent"}`
                 }
               ),
-              c && c
+              x && x
             ]
           }
         ),
-        l && /* @__PURE__ */ o.jsx("h4", { className: `font-500 text-red-500 leading-none ${r.error}`, children: x(l, { x: x(t) }) })
+        l && /* @__PURE__ */ o.jsx("h4", { className: `font-500 text-red-500 leading-none ${r.error}`, children: u(l, { x: u(t) }) })
       ]
     }
   );