lawgic-dev-kit 0.18.2 → 0.18.8

package/dist/_virtual/index2.js

@@ -1,5 +1,4 @@
-import { __require as r } from "../node_modules/property-expr/index.js";
-var e = r();
+var p = { exports: {} };
 export {
-  e as p
+  p as __module
 };

package/dist/_virtual/index3.js

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

package/dist/_virtual/index4.js

@@ -1,7 +1,5 @@
-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);
+import { __require as r } from "../node_modules/tiny-case/index.js";
+var a = r();
 export {
-  s as default
+  a as t
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,7 @@
-var p = { exports: {} };
+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 {
-  p as __module
+  s as default
 };

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

@@ -7,6 +7,7 @@ export interface LoadingProgressProps extends React.HTMLAttributes<HTMLDivElemen
     label?: string;
     initialProgress?: number;
     automaticProgress?: boolean;
+    showProgress?: boolean;
 }
 declare const LoadingProgress: React.FC<LoadingProgressProps>;
 export default LoadingProgress;

package/dist/components/atoms/LoadingProgress/LoadingProgress.js

@@ -1,6 +1,6 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { useState as E, useEffect as P } from "react";
-const k = ({
+import { useState as P, useEffect as A } from "react";
+const D = ({
   size: e = 100,
   strokeWidth: r = 4,
   color: c = "#1DA696",
@@ -8,21 +8,22 @@ const k = ({
   label: i = "",
   initialProgress: h = 0,
   automaticProgress: l = !0,
-  ...j
+  showProgress: j = !0,
+  ...g
 }) => {
-  const [m, g] = E(h), a = (e - r) / 2, f = 2 * Math.PI * a, p = f * (1 - m / 100), { className: y = "", ...N } = j;
-  return P(() => {
+  const [m, p] = P(h), a = (e - r) / 2, f = 2 * Math.PI * a, y = f * (1 - m / 100), { className: N = "", ...v } = g;
+  return A(() => {
     if (!l) return;
     let n, t;
-    const x = (d) => {
-      n || (n = d);
-      const v = d - n, u = Math.min(100, v / o * 100);
-      g(u), u < 100 && (t = requestAnimationFrame(x));
+    const x = (u) => {
+      n || (n = u);
+      const E = u - n, d = Math.min(100, E / o * 100);
+      p(d), d < 100 && (t = requestAnimationFrame(x));
     };
     return t = requestAnimationFrame(x), () => {
       t && cancelAnimationFrame(t);
     };
-  }, [o, l]), /* @__PURE__ */ s.jsxs("div", { ...N, className: `relative flex items-center justify-center ${y}`, children: [
+  }, [o, l]), /* @__PURE__ */ s.jsxs("div", { ...v, className: `relative flex items-center justify-center ${N}`, children: [
     /* @__PURE__ */ s.jsxs("svg", { height: e, width: e, className: "transform -rotate-90", children: [
       /* @__PURE__ */ s.jsx(
         "circle",
@@ -42,7 +43,7 @@ const k = ({
           fill: "transparent",
           strokeWidth: r,
           strokeDasharray: f,
-          strokeDashoffset: p,
+          strokeDashoffset: y,
           strokeLinecap: "round",
           r: a,
           cx: e / 2,
@@ -52,7 +53,7 @@ const k = ({
     ] }),
     /* @__PURE__ */ s.jsxs("div", { className: "absolute flex flex-col items-center justify-center", children: [
       i && /* @__PURE__ */ s.jsx("div", { className: "text-xs font-medium text-gray-500", children: i }),
-      /* @__PURE__ */ s.jsxs(
+      j && /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: "text-lg font-semibold",
@@ -67,5 +68,5 @@ const k = ({
   ] });
 };
 export {
-  k as default
+  D as default
 };

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

@@ -0,0 +1,8 @@
+interface PillProps {
+    label: string;
+    onClick?: () => void;
+    onRemove?: () => void;
+    readOnly?: boolean;
+}
+declare const Pill: ({ label, onClick, onRemove, readOnly, }: PillProps) => React.ReactElement;
+export default Pill;

package/dist/components/atoms/Pill/Pill.js

@@ -0,0 +1,31 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { FontAwesomeIcon as n } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faX as l } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+const p = ({
+  label: s,
+  onClick: o,
+  onRemove: t,
+  readOnly: r
+}) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    className: "flex justify-between items-center gap-10 bg-[#DEE6F7] rounded-[4px] p-8 text-14",
+    onClick: o,
+    children: [
+      /* @__PURE__ */ e.jsx("span", { className: "text-blue-500 font-semibold text-nowrap text-ellipsis overflow-hidden", children: s }),
+      !r && t && /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: (i) => {
+            t(), i.stopPropagation();
+          },
+          className: "flex items-center text-blue-300 hover:text-red-500",
+          children: /* @__PURE__ */ e.jsx(n, { icon: l })
+        }
+      )
+    ]
+  }
+);
+export {
+  p as default
+};

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

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

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

@@ -1,3 +1,3 @@
 import { default as TabProps } from './Tab.types';
-declare const Tab: ({ label, icon, isSelected, onClick, variant, direction, }: TabProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tab: ({ label, icon, isSelected, onClick, variant, direction, labelClassName, }: TabProps) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

package/dist/components/atoms/Tab/Tab.js

@@ -1,30 +1,35 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { j as r } from "../../../_virtual/jsx-runtime.js";
 import { FontAwesomeIcon as n } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { resolveTabClasses as m } from "./Tab.styles.js";
-const i = ({
-  label: o,
-  icon: r,
-  isSelected: s,
+import { resolveTabClasses as x } from "./Tab.styles.js";
+import { clsx as f } from "../../../node_modules/clsx/dist/clsx.js";
+const w = ({
+  label: s,
+  icon: t,
+  isSelected: o,
   onClick: a,
   variant: e = "default",
-  direction: l = "row"
-}) => /* @__PURE__ */ t.jsxs(
+  direction: l = "row",
+  labelClassName: m = ""
+}) => /* @__PURE__ */ r.jsxs(
   "button",
   {
-    className: `${m(e, s)} w-full cursor-pointer transition-all duration-200 ${l === "row" && "flex-row!"}`,
+    className: `${x(
+      e,
+      o
+    )} w-full cursor-pointer transition-all duration-200 ${l === "row" && "flex-row!"}`,
     onClick: a,
     children: [
-      r && /* @__PURE__ */ t.jsx(
+      t && /* @__PURE__ */ r.jsx(
         n,
         {
-          icon: r,
-          className: `${s ? "text-blue-500" : "text-gray-500"} w-20 h-20`
+          icon: t,
+          className: `${o ? "text-blue-500" : "text-gray-500"} w-20 h-20`
         }
       ),
-      /* @__PURE__ */ t.jsx("span", { className: "text-lg font-500", children: o })
+      /* @__PURE__ */ r.jsx("span", { className: f("text-lg font-500", m), children: s })
     ]
   }
 );
 export {
-  i as default
+  w as default
 };

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

@@ -4,7 +4,8 @@ export default interface TabProps {
     label: string;
     icon?: IconProp;
     isSelected?: boolean;
-    direction?: 'row' | 'col';
+    direction?: "row" | "col";
     onClick?: () => void;
-    variant?: 'default' | 'underline';
+    variant?: "default" | "underline";
+    labelClassName?: string;
 }

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { TextInputProps } from './TextInput.types';
 import { FieldValues } from 'react-hook-form';
-declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, translateKey, ...props }: TextInputProps<T>) => React.ReactElement;
+declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, translateKey, size, ...props }: TextInputProps<T>) => React.ReactElement;
 export default TextInput;

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

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

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

@@ -1,12 +1,13 @@
 import { Control, FieldValues, Path } from 'react-hook-form';
 export type TextInputProps<T extends FieldValues = FieldValues> = {
-    label: string;
+    label?: string;
     placeholder?: string;
     className?: string;
     disabled?: boolean;
     translateKey?: string;
+    size?: 'sm' | 'base';
     control: Control<T>;
     name: Path<T>;
     leftSide?: React.ReactNode;
     rightSide?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;

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

@@ -1,31 +1,47 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
-import { useTheme as i } from "../../../hooks/useTheme.js";
-const m = ({
-  label: c,
-  onChange: x,
-  value: r,
+import { useTheme as h } from "../../../hooks/useTheme.js";
+const j = ({
+  label: x,
+  onChange: p,
+  value: s,
   name: t,
   error: l,
-  placeholder: d,
-  className: p = "",
+  placeholder: b,
+  className: g = "",
   disabled: e = !1,
   disabledInput: n = !1,
-  leftSide: s,
-  rightSide: a,
-  ...g
+  size: i = "base",
+  leftSide: a,
+  rightSide: c,
+  ...d
 }) => {
-  const { t: u } = i();
+  const { t: u } = h(), r = {
+    sm: {
+      container: "p-8",
+      text: "text-body-s",
+      label: "text-xs",
+      error: "text-xs",
+      gap: "gap-6"
+    },
+    base: {
+      container: "p-16",
+      text: "text-body-m",
+      label: "text-label",
+      error: "text-label",
+      gap: "gap-8"
+    }
+  }[i];
   return /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: `flex flex-col group gap-8 select-none ${e && "cursor-not-allowed"} ${p}`,
+      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${g}`,
       htmlFor: t,
       children: [
         /* @__PURE__ */ o.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 group ${l && "!text-red-500"} text-label ${e && "text-gray-300"}`,
-            children: c
+            className: `text-gray-600 font-600 group ${l && "!text-red-500"} ${r.label} ${e && "text-gray-300"}`,
+            children: x
           }
         ),
         /* @__PURE__ */ o.jsxs(
@@ -33,7 +49,7 @@ const m = ({
           {
             htmlFor: t,
             className: `
-					flex items-center justify-between gap-8 p-16
+					flex items-center justify-between gap-8 ${r.container}
 				
 				${l && "!border-red-500"} 
 
@@ -41,7 +57,7 @@ const m = ({
 				
 				w-full h-full rounded-full border 
 				
-				${r && !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"}
 				
@@ -50,31 +66,31 @@ const m = ({
 				group-disabled:bg-gray-500
 				`,
             children: [
-              s && s,
+              a && a,
               /* @__PURE__ */ o.jsx(
                 "input",
                 {
-                  ...g,
+                  ...d,
                   id: t,
                   name: t,
                   disabled: e,
-                  placeholder: d,
-                  value: r,
+                  placeholder: b,
+                  value: s,
                   onChange: (f) => {
-                    x(f.target.value);
+                    p(f.target.value);
                   },
-                  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-none ${n && "pointer-events-none !select-none !caret-transparent"}`
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 ${r.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${n && "pointer-events-none !select-none !caret-transparent"}`
                 }
               ),
-              a && a
+              c && c
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: l && u(l || "", { x: u(t) }) })
+        /* @__PURE__ */ o.jsx("h4", { className: `font-500 text-red-500 leading-none ${r.error}`, children: l && u(l || "", { x: u(t) }) })
       ]
     }
   );
 };
 export {
-  m as default
+  j as default
 };

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

@@ -8,6 +8,7 @@ export type UncontrolledTextInputProps = {
     error?: string | undefined;
     disabled?: boolean;
     disabledInput?: boolean;
+    size?: 'sm' | 'base';
     leftSide?: React.ReactNode;
     rightSide?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;