lawgic-dev-kit 0.16.8 → 0.17.0

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/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/index.js

@@ -8,11 +8,11 @@ import { default as i } from "./components/atoms/CenterModal/CenterModal.js";
 import { default as I } from "./components/atoms/Checkbox/Checkbox.js";
 import { default as g } from "./components/atoms/CountryInput/CountryInput.js";
 import { default as h } from "./components/atoms/CountryLabel/CountryLabel.js";
-import { default as S } from "./components/atoms/CountrySelectInput/CountryDropdown.js";
-import { default as P } from "./components/atoms/Divider/Divider.js";
+import { default as B } from "./components/atoms/CountrySelectInput/CountryDropdown.js";
+import { default as M } from "./components/atoms/Divider/Divider.js";
 import { default as y } from "./components/atoms/IconButton/IconButton.js";
-import { default as L } from "./components/atoms/ImageProfileInput/ImageProfileInput.js";
-import { default as w } from "./components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import { default as w } from "./components/atoms/ImageProfileInput/ImageProfileInput.js";
+import { default as U } 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";
 import { default as O } from "./components/atoms/InformationDisclaimer/InformationDisclaimer.js";
@@ -34,100 +34,104 @@ import { default as no } from "./components/atoms/UncontrolledTextInput/Uncontro
 import { default as co } from "./components/atoms/UploadContainer/UploadContainer.js";
 import { default as To } from "./components/atoms/Tooltip/Tooltip.js";
 import { default as Co } from "./components/atoms/LoadingProgress/LoadingProgress.js";
-import { default as Bo } from "./components/atoms/ThresholdCircleProgress/ThresholdCircleProgress.js";
-import { default as Mo } from "./components/atoms/TresholdProgressBar/TresholdProgressBar.js";
-import { default as Do } from "./components/molecules/AlertModal/AlertModal.js";
-import { default as bo } from "./components/molecules/CalendarSelector/CalendarSelector.js";
-import { default as Uo } from "./components/molecules/DateInput/DateInput.js";
-import { default as Ao } from "./components/molecules/DialogModal/DialogModal.js";
-import { default as Fo } from "./components/molecules/Dropdown/Dropdown.js";
-import { default as ko } from "./components/molecules/FileUpload/FileUpload.js";
-import { default as Vo } from "./components/molecules/FloatingMenu/FloatingMenu.js";
-import { default as qo } from "./components/molecules/IndexedStepper/IndexedStepper.js";
-import { default as Go } from "./components/molecules/InformationContainer/InformationContainer.js";
-import { default as Jo } from "./components/molecules/SearchModal/SearchModal.js";
-import { default as No } from "./components/molecules/Stepper/Stepper.js";
-import { default as Ro } from "./components/molecules/Tabs/Tabs.js";
-import { default as Xo } from "./components/molecules/UncontrolledDateInput/UncontrolledDateInput.js";
-import { Organism as Zo } from "./components/organisms/index.js";
-import { formatLocalizedDate as $o } from "./utils/dates.js";
-import { toBase64 as ee, translateBytes as te } from "./utils/files.js";
-import { getImageUrl as ae } from "./utils/images.js";
-import { ModalContainer as le, closeModal as pe, openCustomModal as de, openModal as se } from "./utils/modal.js";
-import { renderTabContent as ue } from "./utils/renderContentOptions.js";
-import { capitalizeFirstLetter as ne, stringToColor as ie } from "./utils/strings.js";
-import { showToastAsync as Ie, showToastLoading as Te, toast as ge } from "./utils/toast.js";
-import { ThemeProvider as he } from "./providers/ThemeProvider.js";
-import { useTheme as Se } from "./hooks/useTheme.js";
+import { default as So } from "./components/atoms/ThresholdCircleProgress/ThresholdCircleProgress.js";
+import { default as Po } from "./components/atoms/ThresholdProgressBar/ThresholdProgressBar.js";
+import { default as Do } from "./components/atoms/CircleProgress/CircleProgress.js";
+import { default as bo } from "./components/atoms/Switch/Switch.js";
+import { default as Lo } from "./components/molecules/AlertModal/AlertModal.js";
+import { default as Ao } from "./components/molecules/CalendarSelector/CalendarSelector.js";
+import { default as Fo } from "./components/molecules/DateInput/DateInput.js";
+import { default as ko } from "./components/molecules/DialogModal/DialogModal.js";
+import { default as Vo } from "./components/molecules/Dropdown/Dropdown.js";
+import { default as qo } from "./components/molecules/FileUpload/FileUpload.js";
+import { default as Go } from "./components/molecules/FloatingMenu/FloatingMenu.js";
+import { default as Jo } from "./components/molecules/IndexedStepper/IndexedStepper.js";
+import { default as No } from "./components/molecules/InformationContainer/InformationContainer.js";
+import { default as Ro } from "./components/molecules/SearchModal/SearchModal.js";
+import { default as Xo } from "./components/molecules/Stepper/Stepper.js";
+import { default as Zo } from "./components/molecules/Tabs/Tabs.js";
+import { default as $o } from "./components/molecules/UncontrolledDateInput/UncontrolledDateInput.js";
+import { Organism as ee } from "./components/organisms/index.js";
+import { formatLocalizedDate as re } from "./utils/dates.js";
+import { toBase64 as fe, translateBytes as le } from "./utils/files.js";
+import { getImageUrl as de } from "./utils/images.js";
+import { ModalContainer as me, closeModal as ue, openCustomModal as xe, openModal as ne } from "./utils/modal.js";
+import { renderTabContent as ce } from "./utils/renderContentOptions.js";
+import { capitalizeFirstLetter as Te, stringToColor as ge } from "./utils/strings.js";
+import { showToastAsync as he, showToastLoading as Se, toast as Be } from "./utils/toast.js";
+import { ThemeProvider as Me } from "./providers/ThemeProvider.js";
+import { useTheme as ye } from "./hooks/useTheme.js";
 import "./contexts/themeContext.js";
-import { defaultTheme as Pe } from "./themes/default.js";
+import { defaultTheme as we } from "./themes/default.js";
 export {
   a as ActionButton,
-  Do as AlertModal,
+  Lo as AlertModal,
   l as AsyncToast,
   d as Avatar,
   m as BoxContainer,
   x as Button,
-  bo as CalendarSelector,
+  Ao as CalendarSelector,
   i as CenterModal,
   I as Checkbox,
-  S as CountryDropdown,
+  Do as CircleProgress,
+  B as CountryDropdown,
   g as CountryInput,
   h as CountryLabel,
-  Uo as DateInput,
-  Ao as DialogModal,
-  P as Divider,
-  Fo as Dropdown,
-  ko as FileUpload,
-  Vo as FloatingMenu,
+  Fo as DateInput,
+  ko as DialogModal,
+  M as Divider,
+  Vo as Dropdown,
+  qo as FileUpload,
+  Go as FloatingMenu,
   y as IconButton,
-  L as ImageProfileInput,
+  w as ImageProfileInput,
   v as IndexedStep,
-  qo as IndexedStepper,
+  Jo as IndexedStepper,
   z as InfoCard,
-  Go as InformationContainer,
+  No as InformationContainer,
   O as InformationDisclaimer,
   Co as LoadingProgress,
   j as LoadingSpinner,
-  le as ModalContainer,
-  Zo as Organism,
+  me as ModalContainer,
+  ee as Organism,
   E as PasswordInput,
   H as PhoneInput,
   K as ProgressBar,
   Q as SearchBar,
-  Jo as SearchModal,
+  Ro as SearchModal,
   W as SectionButton,
   Y as SelectInput,
   _ as SidebarButton,
-  No as Stepper,
+  Xo as Stepper,
+  bo as Switch,
   oo as Tab,
-  Ro as Tabs,
+  Zo as Tabs,
   to as TextButton,
   ao as TextInput,
   lo as TextStaticInput,
-  he as ThemeProvider,
-  Bo as ThresholdCircleProgress,
+  Me as ThemeProvider,
+  So as ThresholdCircleProgress,
+  Po as ThresholdProgressBar,
   so as Toast,
   To as Tooltip,
-  Mo as TresholdProgressBar,
-  Xo as UncontrolledDateInput,
+  $o as UncontrolledDateInput,
   uo as UncontrolledSelector,
   no as UncontrolledTextInput,
   co as UploadContainer,
-  ne as capitalizeFirstLetter,
-  pe as closeModal,
-  Pe as defaultTheme,
-  $o as formatLocalizedDate,
-  ae as getImageUrl,
-  de as openCustomModal,
-  se as openModal,
-  ue as renderTabContent,
-  Ie as showToastAsync,
-  Te as showToastLoading,
-  ie as stringToColor,
-  ee as toBase64,
-  ge as toast,
-  te as translateBytes,
-  Se as useTheme,
-  w as yupImageProfileValidator
+  Te as capitalizeFirstLetter,
+  ue as closeModal,
+  we as defaultTheme,
+  re as formatLocalizedDate,
+  de as getImageUrl,
+  xe as openCustomModal,
+  ne as openModal,
+  ce as renderTabContent,
+  he as showToastAsync,
+  Se as showToastLoading,
+  ge as stringToColor,
+  fe as toBase64,
+  Be as toast,
+  le as translateBytes,
+  ye as useTheme,
+  U as yupImageProfileValidator
 };