lawgic-dev-kit 0.16.7 → 0.16.8

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

@@ -0,0 +1,115 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+const F = ({
+  progress: p,
+  showPercentage: f = !0,
+  showLabel: m = !1,
+  percentageLabel: u = "progreso",
+  className: y = "",
+  size: s = 120,
+  strokeWidth: l = 8,
+  backgroundColor: N = "#e5e7eb",
+  animated: g = !0,
+  animationDuration: v = "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
+}) => {
+  const w = (c) => {
+    if (j)
+      return j;
+    if (n && n.length > 0) {
+      const r = [...n].sort(
+        (t, h) => t.threshold - h.threshold
+      );
+      for (let t = r.length - 1; t >= 0; t--)
+        if (c >= r[t].threshold)
+          return r[t].color;
+      return r[0].color;
+    }
+    return c < b ? k : c < $ ? D : M;
+  }, B = (c) => {
+    if (!n || n.length === 0) return;
+    const r = [...n].sort(
+      (t, h) => t.threshold - h.threshold
+    );
+    for (let t = r.length - 1; t >= 0; t--)
+      if (c >= 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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative", style: { width: s, height: s }, children: [
+      /* @__PURE__ */ e.jsxs(
+        "svg",
+        {
+          width: s,
+          height: s,
+          className: "transform -rotate-90",
+          viewBox: `0 0 ${s} ${s}`,
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "circle",
+              {
+                cx: a,
+                cy: a,
+                r: x,
+                fill: "transparent",
+                stroke: N,
+                strokeWidth: l,
+                className: "opacity-20"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "circle",
+              {
+                cx: a,
+                cy: a,
+                r: x,
+                fill: "transparent",
+                stroke: E,
+                strokeWidth: l,
+                strokeDasharray: I,
+                strokeDashoffset: L,
+                strokeLinecap: "round",
+                transform: R,
+                className: g ? "transition-all ease-out" : "",
+                style: g ? {
+                  transitionDuration: v,
+                  transitionProperty: "stroke-dashoffset, stroke"
+                } : {}
+              }
+            )
+          ]
+        }
+      ),
+      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),
+          "%"
+        ] }),
+        m && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 mt-1", children: i || u })
+      ] }) })
+    ] }),
+    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 })
+    ] })
+  ] });
+};
+export {
+  F as default
+};

package/dist/components/atoms/TresholdProgressBar/TresholdProgressBar.js

@@ -0,0 +1,72 @@
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+const P = ({
+  progress: d,
+  showPercentage: h = !1,
+  percentageLabel: c = "",
+  className: u = "",
+  height: f = "h-5",
+  backgroundColor: x = "bg-gray-200",
+  animated: g = !0,
+  animationDuration: m = "duration-300",
+  colorThresholds: s,
+  lowThreshold: p = 30,
+  mediumThreshold: b = 70,
+  lowColor: j = "bg-red-500",
+  mediumColor: N = "bg-yellow-500",
+  highColor: $ = "bg-green-500",
+  singleColor: o
+}) => {
+  const y = (n) => {
+    if (o)
+      return o;
+    if (s && s.length > 0) {
+      const t = [...s].sort(
+        (e, a) => e.threshold - a.threshold
+      );
+      for (let e = t.length - 1; e >= 0; e--)
+        if (n >= t[e].threshold)
+          return t[e].color;
+      return t[0].color;
+    }
+    return n < p ? j : n < b ? N : $;
+  }, w = (n) => {
+    if (!s || s.length === 0) return;
+    const t = [...s].sort(
+      (e, a) => e.threshold - a.threshold
+    );
+    for (let e = t.length - 1; e >= 0; e--)
+      if (n >= t[e].threshold)
+        return t[e].label;
+    return t[0].label;
+  }, l = Math.min(100, Math.max(0, d)), v = y(l), i = w(l), C = g ? `transition-all ${m} ease-in-out` : "";
+  return /* @__PURE__ */ r.jsxs("div", { className: `w-full flex gap-4 items-center ${u}`, children: [
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: `flex-1 ${x} rounded-full ${f} overflow-hidden`,
+        children: /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: `h-full ${v} ${C} rounded-full`,
+            style: { width: `${l}%` }
+          }
+        )
+      }
+    ),
+    h && /* @__PURE__ */ r.jsxs("div", { className: "text-sm text-gray-700 font-medium text-nowrap flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsxs("span", { className: "font-bold", children: [
+        Math.round(l),
+        "%"
+      ] }),
+      i && /* @__PURE__ */ r.jsxs("span", { className: "text-xs text-gray-500", children: [
+        "(",
+        i,
+        ")"
+      ] }),
+      /* @__PURE__ */ r.jsx("span", { className: "text-gray-600", children: c })
+    ] })
+  ] });
+};
+export {
+  P as default
+};

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

@@ -33,3 +33,5 @@ export * from './UncontrolledTextInput/index';
 export * from './UploadContainer/index';
 export * from './Tooltip/index';
 export * from './LoadingProgress/index';
+export * from './ThresholdCircleProgress/index';
+export * from './TresholdProgressBar/index';

package/dist/index.js

@@ -1,16 +1,16 @@
 /* empty css          */
 import { default as a } from "./components/atoms/ActionButton/ActionButton.js";
-import { AsyncToast as p } from "./components/atoms/AsyncToast/index.js";
+import { AsyncToast as l } from "./components/atoms/AsyncToast/index.js";
 import { default as d } from "./components/atoms/Avatar/Avatar.js";
-import { default as s } from "./components/atoms/BoxContainer/BoxContainer.js";
+import { default as m } from "./components/atoms/BoxContainer/BoxContainer.js";
 import { default as x } from "./components/atoms/Button/Button.js";
 import { default as i } from "./components/atoms/CenterModal/CenterModal.js";
 import { default as I } from "./components/atoms/Checkbox/Checkbox.js";
-import { default as C } from "./components/atoms/CountryInput/CountryInput.js";
-import { default as S } from "./components/atoms/CountryLabel/CountryLabel.js";
-import { default as h } from "./components/atoms/CountrySelectInput/CountryDropdown.js";
-import { default as D } from "./components/atoms/Divider/Divider.js";
-import { default as P } from "./components/atoms/IconButton/IconButton.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 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 v } from "./components/atoms/IndexedStep/IndexedStep.js";
@@ -25,105 +25,109 @@ import { default as W } from "./components/atoms/SectionButton/SectionButton.js"
 import { default as Y } from "./components/atoms/SelectInput/SelectInput.js";
 import { default as _ } from "./components/atoms/SidebarButton/SidebarButton.js";
 import { default as oo } from "./components/atoms/Tab/Tab.js";
-import { default as eo } from "./components/atoms/TextButton/TextButton.js";
+import { default as to } from "./components/atoms/TextButton/TextButton.js";
 import { default as ao } from "./components/atoms/TextInput/TextInput.js";
-import { default as po } from "./components/atoms/TextStaticInput/TextStaticInput.js";
-import { default as mo } from "./components/atoms/Toast/Toast.js";
+import { default as lo } from "./components/atoms/TextStaticInput/TextStaticInput.js";
+import { default as so } from "./components/atoms/Toast/Toast.js";
 import { default as uo } from "./components/atoms/UncontrolledSelector/UncontrolledSelector.js";
 import { default as no } from "./components/atoms/UncontrolledTextInput/UncontrolledTextInput.js";
 import { default as co } from "./components/atoms/UploadContainer/UploadContainer.js";
 import { default as To } from "./components/atoms/Tooltip/Tooltip.js";
-import { default as go } from "./components/atoms/LoadingProgress/LoadingProgress.js";
-import { default as Bo } from "./components/molecules/AlertModal/AlertModal.js";
-import { default as Mo } from "./components/molecules/CalendarSelector/CalendarSelector.js";
-import { default as yo } from "./components/molecules/DateInput/DateInput.js";
-import { default as bo } from "./components/molecules/DialogModal/DialogModal.js";
-import { default as Uo } from "./components/molecules/Dropdown/Dropdown.js";
-import { default as Ao } from "./components/molecules/FileUpload/FileUpload.js";
-import { default as Fo } from "./components/molecules/FloatingMenu/FloatingMenu.js";
-import { default as ko } from "./components/molecules/IndexedStepper/IndexedStepper.js";
-import { default as Vo } from "./components/molecules/InformationContainer/InformationContainer.js";
-import { default as qo } from "./components/molecules/SearchModal/SearchModal.js";
-import { default as Go } from "./components/molecules/Stepper/Stepper.js";
-import { default as Jo } from "./components/molecules/Tabs/Tabs.js";
-import { default as No } from "./components/molecules/UncontrolledDateInput/UncontrolledDateInput.js";
-import { Organism as Ro } from "./components/organisms/index.js";
-import { formatLocalizedDate as Xo } from "./utils/dates.js";
-import { toBase64 as Zo, translateBytes as _o } from "./utils/files.js";
-import { getImageUrl as ot } from "./utils/images.js";
-import { ModalContainer as et, closeModal as rt, openCustomModal as at, openModal as ft } from "./utils/modal.js";
-import { renderTabContent as lt } from "./utils/renderContentOptions.js";
-import { capitalizeFirstLetter as mt, stringToColor as st } from "./utils/strings.js";
-import { showToastAsync as xt, showToastLoading as nt, toast as it } from "./utils/toast.js";
-import { ThemeProvider as It } from "./providers/ThemeProvider.js";
-import { useTheme as Ct } from "./hooks/useTheme.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 "./contexts/themeContext.js";
-import { defaultTheme as St } from "./themes/default.js";
+import { defaultTheme as Pe } from "./themes/default.js";
 export {
   a as ActionButton,
-  Bo as AlertModal,
-  p as AsyncToast,
+  Do as AlertModal,
+  l as AsyncToast,
   d as Avatar,
-  s as BoxContainer,
+  m as BoxContainer,
   x as Button,
-  Mo as CalendarSelector,
+  bo as CalendarSelector,
   i as CenterModal,
   I as Checkbox,
-  h as CountryDropdown,
-  C as CountryInput,
-  S as CountryLabel,
-  yo as DateInput,
-  bo as DialogModal,
-  D as Divider,
-  Uo as Dropdown,
-  Ao as FileUpload,
-  Fo as FloatingMenu,
-  P as IconButton,
+  S 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,
+  y as IconButton,
   L as ImageProfileInput,
   v as IndexedStep,
-  ko as IndexedStepper,
+  qo as IndexedStepper,
   z as InfoCard,
-  Vo as InformationContainer,
+  Go as InformationContainer,
   O as InformationDisclaimer,
-  go as LoadingProgress,
+  Co as LoadingProgress,
   j as LoadingSpinner,
-  et as ModalContainer,
-  Ro as Organism,
+  le as ModalContainer,
+  Zo as Organism,
   E as PasswordInput,
   H as PhoneInput,
   K as ProgressBar,
   Q as SearchBar,
-  qo as SearchModal,
+  Jo as SearchModal,
   W as SectionButton,
   Y as SelectInput,
   _ as SidebarButton,
-  Go as Stepper,
+  No as Stepper,
   oo as Tab,
-  Jo as Tabs,
-  eo as TextButton,
+  Ro as Tabs,
+  to as TextButton,
   ao as TextInput,
-  po as TextStaticInput,
-  It as ThemeProvider,
-  mo as Toast,
+  lo as TextStaticInput,
+  he as ThemeProvider,
+  Bo as ThresholdCircleProgress,
+  so as Toast,
   To as Tooltip,
-  No as UncontrolledDateInput,
+  Mo as TresholdProgressBar,
+  Xo as UncontrolledDateInput,
   uo as UncontrolledSelector,
   no as UncontrolledTextInput,
   co as UploadContainer,
-  mt as capitalizeFirstLetter,
-  rt as closeModal,
-  St as defaultTheme,
-  Xo as formatLocalizedDate,
-  ot as getImageUrl,
-  at as openCustomModal,
-  ft as openModal,
-  lt as renderTabContent,
-  xt as showToastAsync,
-  nt as showToastLoading,
-  st as stringToColor,
-  Zo as toBase64,
-  it as toast,
-  _o as translateBytes,
-  Ct as useTheme,
+  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
 };