lawgic-dev-kit 0.16.8 → 0.17.2

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/_virtual/index6.js

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

package/dist/_virtual/index7.js

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

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+interface CircleProgressProps {
+    progress?: number;
+    label?: string;
+    showPercentage?: boolean;
+    progressLabel?: string;
+    color?: string;
+    backgroundColor?: string;
+    labelClassName?: string;
+    percentaeLabel?: string;
+    percentageLabelClassName?: string;
+    showPercentageLabel?: boolean;
+    percentageClassName?: string;
+    className?: string;
+    percentageLabel?: string;
+    size?: number;
+    strokeWidth?: number;
+    clockwise?: boolean;
+    startAngle?: number;
+}
+declare const CircleProgress: React.FC<CircleProgressProps>;
+export default CircleProgress;

package/dist/components/atoms/CircleProgress/CircleProgress.js

@@ -0,0 +1,78 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+const E = ({
+  progress: l = 0,
+  showPercentage: x = !0,
+  size: s = 120,
+  strokeWidth: r = 8,
+  color: m = "#4570EB",
+  backgroundColor: d = "#E4E4E7",
+  label: n,
+  className: h = "",
+  labelClassName: f = "",
+  percentageLabel: o = "",
+  percentageClassName: j = "",
+  showPercentageLabel: u = !1,
+  percentageLabelClassName: y = "",
+  clockwise: p = !0,
+  startAngle: N = -90
+}) => {
+  const i = Math.min(100, Math.max(0, l)), e = s / 2, a = (s - r) / 2, c = 2 * Math.PI * a, $ = c, v = c - i / 100 * c, g = `rotate(${N} ${e} ${e}) scale(${p ? 1 : -1}, 1)`;
+  return /* @__PURE__ */ t.jsxs("div", { className: `flex flex-col items-center gap-2 ${h}`, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "relative", style: { width: s, height: s }, children: [
+      /* @__PURE__ */ t.jsxs(
+        "svg",
+        {
+          width: s,
+          height: s,
+          className: "transform -rotate-90",
+          viewBox: `0 0 ${s} ${s}`,
+          children: [
+            /* @__PURE__ */ t.jsx(
+              "circle",
+              {
+                cx: e,
+                cy: e,
+                r: a,
+                fill: "transparent",
+                stroke: d,
+                strokeWidth: r,
+                className: "opacity-20"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              "circle",
+              {
+                cx: e,
+                cy: e,
+                r: a,
+                fill: "transparent",
+                stroke: m,
+                strokeWidth: r,
+                strokeDasharray: $,
+                strokeDashoffset: v,
+                strokeLinecap: "round",
+                transform: g,
+                className: "transition-all ease-out",
+                style: {
+                  transitionDuration: "1.5s",
+                  transitionProperty: "stroke-dashoffset, stroke"
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t.jsxs("div", { className: "text-center", children: [
+        x && /* @__PURE__ */ t.jsxs("div", { className: `text-2xl font-bold text-gray-800 ${j}`, children: [
+          Math.round(i),
+          "%"
+        ] }),
+        o && u && /* @__PURE__ */ t.jsx("div", { className: `text-xs text-gray-500 mt-1 ${y}`, children: o })
+      ] }) })
+    ] }),
+    n && /* @__PURE__ */ t.jsx("p", { className: `text-gray-500 text-label mt-6 ${f}`, children: n })
+  ] });
+};
+export {
+  E as default
+};

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

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

package/dist/components/atoms/InformationDisclaimer/InformationDisclaimer.js

@@ -1,34 +1,35 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { faCircleInfo as i } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
-import { FontAwesomeIcon as l } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { resolveDisclaimerClasses as n } from "./InformationDisclaimer.styles.js";
-const d = ({
-  description: t,
-  title: a,
-  className: o,
-  icon: s,
-  type: r = "informative"
+import { faCircleInfo as t } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+import { FontAwesomeIcon as r } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { resolveDisclaimerClasses as c, resolveIconColor as a } from "./InformationDisclaimer.styles.js";
+const j = ({
+  description: n,
+  title: i,
+  className: m,
+  icon: o,
+  type: s = "informative",
+  iconClassName: l = ""
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
-    className: `flex items-center gap-12 p-12 w-full ${n(
-      r
-    )} rounded-lg ${o}`,
+    className: `flex items-center gap-12 p-12 w-full ${c(
+      s
+    )} rounded-lg ${m}`,
     children: [
-      s ? /* @__PURE__ */ e.jsx(l, { icon: s, className: "text-blue-500 min-h-20 h-20" }) : /* @__PURE__ */ e.jsx(
-        l,
+      o ? /* @__PURE__ */ e.jsx(r, { icon: o, className: `min-h-20 h-20 ${l} ${a(s)}` }) : /* @__PURE__ */ e.jsx(
+        r,
         {
-          icon: i,
-          className: "text-blue-500 min-h-20 h-20"
+          icon: t,
+          className: `min-h-20 h-20 ${l} ${a(s)}`
         }
       ),
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ e.jsx("h4", { className: "text-body-s font-500 text-black leading-none", children: a }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 text-body-s leading-none", children: t })
+        /* @__PURE__ */ e.jsx("h4", { className: "text-body-s font-500 text-black leading-none", children: i }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 text-body-s leading-none", children: n })
       ] })
     ]
   }
 );
 export {
-  d as default
+  j as default
 };

package/dist/components/atoms/InformationDisclaimer/InformationDisclaimer.styles.d.ts

@@ -1,2 +1,3 @@
 import { InformationDisclaimerType } from './InformationDisclaimer.types';
 export declare const resolveDisclaimerClasses: (type: InformationDisclaimerType) => "bg-yellow-50 border-2 border-yellow-500" | "bg-red-50 border-2 border-red-500" | "bg-blue-50 border-2 border-blue-500";
+export declare const resolveIconColor: (type: InformationDisclaimerType) => "text-blue-500" | "text-red-500" | "text-yellow-500";

package/dist/components/atoms/InformationDisclaimer/InformationDisclaimer.styles.js

@@ -7,7 +7,17 @@ const e = (r) => {
     default:
       return "bg-blue-50 border-2 border-blue-500";
   }
+}, o = (r) => {
+  switch (r) {
+    case "warning":
+      return "text-yellow-500";
+    case "error":
+      return "text-red-500";
+    default:
+      return "text-blue-500";
+  }
 };
 export {
-  e as resolveDisclaimerClasses
+  e as resolveDisclaimerClasses,
+  o as resolveIconColor
 };

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

@@ -6,4 +6,5 @@ export type InformationDisclaimerProps = {
     className?: string;
     icon?: IconProp;
     type?: InformationDisclaimerType;
+    iconClassName?: string;
 };

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type SwitchProps = {
+    active: boolean;
+    onClick?: () => void;
+};
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/dist/components/atoms/Switch/Switch.js

@@ -0,0 +1,33 @@
+import { j as s } from "../../../_virtual/jsx-runtime.js";
+import { useTheme as t } from "../../../hooks/useTheme.js";
+const l = ({ active: n, onClick: e }) => {
+  const { defaultColorScheme: o } = t();
+  return /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      onClick: e,
+      className: `
+        relative inline-flex min-h-24 min-w-48 items-center rounded-full 
+        transition-colors duration-200 ease-in-out focus:outline-none
+				shadow-lg
+        ${n ? `bg-${o}-500` : "bg-gray-200"}
+      `,
+      children: [
+        /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: n ? "On" : "Off" }),
+        /* @__PURE__ */ s.jsx(
+          "span",
+          {
+            className: `
+          inline-block h-20 w-20 transform rounded-full bg-white 
+          transition-transform duration-200 ease-in-out drop-shadow-xl
+          ${n ? "translate-x-24" : "translate-x-3"}
+        `
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  l as default
+};

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

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

package/dist/components/atoms/ThresholdCircleProgress/ThresholdCircleProgress.js

@@ -1,49 +1,53 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-const F = ({
-  progress: p,
-  showPercentage: f = !0,
-  showLabel: m = !1,
-  percentageLabel: u = "progreso",
-  className: y = "",
+const K = ({
+  progress: j = 0,
+  showPercentage: p = !0,
+  showPercentageLabel: y = !1,
+  label: d,
+  percentageLabel: f = "progreso",
+  percentageClassName: N = "",
+  percentageLabelClassName: $ = "",
+  labelClassName: v = "",
+  className: b = "",
   size: s = 120,
   strokeWidth: l = 8,
-  backgroundColor: N = "#e5e7eb",
-  animated: g = !0,
-  animationDuration: v = "1.5s",
+  backgroundColor: k = "#e5e7eb",
+  animated: u = !0,
+  animationDuration: D = "1.5s",
   colorThresholds: n,
-  lowThreshold: b = 30,
-  mediumThreshold: $ = 70,
-  lowColor: k = "#ef4444",
-  mediumColor: D = "#eab308",
-  highColor: M = "#22c55e",
-  singleColor: j,
-  clockwise: P = !0,
-  startAngle: C = -90
+  lowThreshold: P = 30,
+  mediumThreshold: M = 70,
+  lowColor: w = "#ef4444",
+  mediumColor: C = "#eab308",
+  highColor: L = "#22c55e",
+  singleColor: m,
+  clockwise: B = !0,
+  startAngle: E = -90
 }) => {
-  const w = (c) => {
-    if (j)
-      return j;
+  const I = (a) => {
+    if (m)
+      return m;
     if (n && n.length > 0) {
       const r = [...n].sort(
-        (t, h) => t.threshold - h.threshold
+        (t, x) => t.threshold - x.threshold
       );
       for (let t = r.length - 1; t >= 0; t--)
-        if (c >= r[t].threshold)
+        if (a >= r[t].threshold)
           return r[t].color;
       return r[0].color;
     }
-    return c < b ? k : c < $ ? D : M;
-  }, B = (c) => {
+    return a < P ? w : a < M ? C : L;
+  }, R = (a) => {
     if (!n || n.length === 0) return;
     const r = [...n].sort(
-      (t, h) => t.threshold - h.threshold
+      (t, x) => t.threshold - x.threshold
     );
     for (let t = r.length - 1; t >= 0; t--)
-      if (c >= r[t].threshold)
+      if (a >= r[t].threshold)
         return r[t].label;
     return r[0].label;
-  }, o = Math.min(100, Math.max(0, p)), E = w(o), i = B(o), a = s / 2, x = (s - l) / 2, d = 2 * Math.PI * x, I = d, L = d - o / 100 * d, R = `rotate(${C} ${a} ${a}) scale(${P ? 1 : -1}, 1)`;
-  return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col items-center gap-2 ${y}`, children: [
+  }, c = Math.min(100, Math.max(0, j)), q = I(c), g = R(c), o = s / 2, i = (s - l) / 2, h = 2 * Math.PI * i, A = h, F = h - c / 100 * h, G = `rotate(${E} ${o} ${o}) scale(${B ? 1 : -1}, 1)`;
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col items-center gap-2 ${b}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "relative", style: { width: s, height: s }, children: [
       /* @__PURE__ */ e.jsxs(
         "svg",
@@ -56,11 +60,11 @@ const F = ({
             /* @__PURE__ */ e.jsx(
               "circle",
               {
-                cx: a,
-                cy: a,
-                r: x,
+                cx: o,
+                cy: o,
+                r: i,
                 fill: "transparent",
-                stroke: N,
+                stroke: k,
                 strokeWidth: l,
                 className: "opacity-20"
               }
@@ -68,19 +72,19 @@ const F = ({
             /* @__PURE__ */ e.jsx(
               "circle",
               {
-                cx: a,
-                cy: a,
-                r: x,
+                cx: o,
+                cy: o,
+                r: i,
                 fill: "transparent",
-                stroke: E,
+                stroke: q,
                 strokeWidth: l,
-                strokeDasharray: I,
-                strokeDashoffset: L,
+                strokeDasharray: A,
+                strokeDashoffset: F,
                 strokeLinecap: "round",
-                transform: R,
-                className: g ? "transition-all ease-out" : "",
-                style: g ? {
-                  transitionDuration: v,
+                transform: G,
+                className: u ? "transition-all ease-out" : "",
+                style: u ? {
+                  transitionDuration: D,
                   transitionProperty: "stroke-dashoffset, stroke"
                 } : {}
               }
@@ -88,28 +92,17 @@ const F = ({
           ]
         }
       ),
-      f && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "text-2xl font-bold text-gray-800", children: [
-          Math.round(o),
+      /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+        p && /* @__PURE__ */ e.jsxs("div", { className: `text-2xl font-bold text-gray-800 ${N}`, children: [
+          Math.round(c),
           "%"
         ] }),
-        m && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 mt-1", children: i || u })
+        (g || f) && y && /* @__PURE__ */ e.jsx("div", { className: `text-xs text-gray-500 mt-1 ${$}`, children: g || f })
       ] }) })
     ] }),
-    m && !f && /* @__PURE__ */ e.jsxs("div", { className: "text-sm text-gray-600 text-center", children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "font-medium", children: [
-        Math.round(o),
-        "%"
-      ] }),
-      i && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-gray-500 block", children: [
-        "(",
-        i,
-        ")"
-      ] }),
-      /* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: u })
-    ] })
+    d && /* @__PURE__ */ e.jsx("p", { className: `text-gray-500 text-label mt-6 ${v}`, children: d })
   ] });
 };
 export {
-  F as default
+  K as default
 };

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

@@ -4,10 +4,14 @@ export interface ColorThreshold {
     label?: string;
 }
 export interface ThresholdCircleProgressProps {
-    progress: number;
+    progress?: number;
     showPercentage?: boolean;
-    showLabel?: boolean;
+    showPercentageLabel?: boolean;
+    percentageClassName?: string;
+    percentageLabelClassName?: string;
     percentageLabel?: string;
+    label?: string;
+    labelClassName?: string;
     className?: string;
     size?: number;
     strokeWidth?: number;

package/dist/components/atoms/{TresholdProgressBar/TresholdProgressBar.d.ts → ThresholdProgressBar/ThresholdProgressBar.d.ts}

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ThresholdProgressBarProps } from './TresholdProgressBar.types';
+import { ThresholdProgressBarProps } from './ThresholdProgressBar.types';
 declare const ThresholdProgressBar: React.FC<ThresholdProgressBarProps>;
 export default ThresholdProgressBar;

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

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

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

@@ -34,4 +34,6 @@ export * from './UploadContainer/index';
 export * from './Tooltip/index';
 export * from './LoadingProgress/index';
 export * from './ThresholdCircleProgress/index';
-export * from './TresholdProgressBar/index';
+export * from './ThresholdProgressBar/index';
+export * from './CircleProgress/index';
+export * from './Switch/index';

package/dist/components/molecules/Dropdown/Dropdown.js

@@ -30,22 +30,22 @@ const i = {
   children: s,
   subtitle: l,
   open: a,
-  onClick: c,
-  className: m = "",
+  onClick: m,
+  className: c = "",
   labelClassName: d = ""
 }) => {
-  const { t: x } = g(), [r, u] = b(!1), o = a !== void 0 ? a : r, h = c || (() => u(!r));
+  const { t: x } = g(), [r, h] = b(!1), o = a !== void 0 ? a : r, u = m || (() => h(!r));
   return /* @__PURE__ */ e.jsxs(n.div, { className: "relative w-full bg-white border border-blue-100 rounded-2xl overflow-hidden", children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
-        onClick: h,
+        onClick: u,
         className: `py-24 px-32 text-black font-semibold border-b
           ${o ? "border-blue-100 bg-gray-50/50" : "border-transparent"}
-          transition-all duration-200 ease-in-out ${d} focus:outline-none hover:bg-gray-50/50
+          transition-all duration-200 ease-in-out  focus:outline-none hover:bg-gray-50/50
           flex items-center gap-2 group w-full justify-between`,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "truncate text-nowrap text-lg md:text-xl font-700", children: x(t) }),
+          /* @__PURE__ */ e.jsx("span", { className: `text-left text-lg md:text-xl font-700 ${d}`, children: x(t) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex gap-10 items-center", children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-gray-500 font-normal text-base md:text-lg", children: l }),
             /* @__PURE__ */ e.jsx(y, { isOpen: o })
@@ -67,7 +67,7 @@ const i = {
             ease: "easeOut"
           }
         },
-        className: `w-full bg-white overflow-hidden ${m}`,
+        className: `w-full bg-white overflow-hidden ${c}`,
         children: s
       }
     ) })