lawgic-dev-kit 0.20.4 → 0.20.8

package/dist/_virtual/index2.js

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

package/dist/_virtual/index3.js

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

package/dist/_virtual/index4.js

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

package/dist/_virtual/index5.js

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

package/dist/_virtual/index6.js

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

package/dist/_virtual/index7.js

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

package/dist/components/atoms/SidebarButton/SidebarButton.js

@@ -15,8 +15,8 @@ const j = ({
   const { defaultColorScheme: c } = h(), m = i || c, {
     activeTextColor: a,
     activeBgColor: p,
-    hoverBgColor: u,
-    activeIconColor: x
+    hoverBgColor: x,
+    activeIconColor: u
   } = d(m);
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -25,14 +25,14 @@ const j = ({
       className: `
       flex items-center rounded-full text-gray transition-all duration-150 h-[40px] w-full px-[12.3px]
       ${!e && "w-fit"} 
-      ${r ? "cursor-not-allowed opacity-50" : `cursor-pointer ${u}`}
+      ${r ? "cursor-not-allowed opacity-50" : `cursor-pointer ${x}`}
       ${o ? `${a} ${p}` : "bg-transparent"}`,
       children: [
         /* @__PURE__ */ t.jsx(
           f,
           {
             icon: l,
-            className: o ? x : "text-gray-900",
+            className: o ? u : "text-gray-500",
             style: {
               height: "16px"
             }
@@ -48,6 +48,7 @@ const j = ({
           w-[0px]
           text-nowrap 
           transition-all duration-100 ease-in-out
+          text-gray-500
           opacity-0 capitalize 
           ${e && "translate-x-0 opacity-100 !w-full !h-auto ml-8"} 
           ${o && a}`,

package/dist/components/molecules/FloatingMenu/FloatingMenu.js

@@ -1,55 +1,57 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { useFloating as M, useClick as N, useDismiss as O, useInteractions as S, useTransitionStyles as k } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
-import w, { useState as P, useEffect as _ } from "react";
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { useFloating as I, useClick as M, useDismiss as N, useInteractions as O, useTransitionStyles as S } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import A, { useState as C, useEffect as P } from "react";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "../../../_virtual/lodash.js";
 import "../../../contexts/themeContext.js";
 import "react-hook-form";
 import "../InformationContainer/InformationContainer.js";
-import z from "../../atoms/BoxContainer/BoxContainer.js";
+import _ from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import "fuse.js";
+import z from "../../atoms/ClickAwayListener/ClickAwayListener.js";
 import { autoUpdate as B } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { offset as D, flip as T, shift as U } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-const ee = ({
-  open: e,
+import { offset as D, flip as L, shift as T } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const ie = ({
+  open: t,
   onClose: s,
   component: i,
-  children: n,
-  placement: l = "bottom",
-  className: m = "",
-  strategy: f = "absolute",
-  styles: p = {},
-  offset: c = 8,
-  padding: d = 8
+  children: m,
+  placement: f = "bottom",
+  className: c = "",
+  strategy: p = "absolute",
+  styles: d = {},
+  offset: u = 8,
+  padding: g = 8,
+  handleClickAway: x = !0
 }) => {
-  const [u, o] = P(e);
-  _(() => {
-    o(e);
-  }, [e]);
-  const g = () => {
-    o(!1), s == null || s();
-  }, { x, y, strategy: h, refs: a, context: r } = M({
-    strategy: f,
-    open: u,
-    onOpenChange: (I) => {
-      !I && !e && g();
+  const [o, n] = C(t);
+  P(() => {
+    n(t);
+  }, [t]);
+  const a = () => {
+    n(!1), s == null || s();
+  }, { x: y, y: h, strategy: j, refs: l, context: r } = I({
+    strategy: p,
+    open: o,
+    onOpenChange: (R) => {
+      !R && !t && a();
     },
-    middleware: [D(c), T(), U({ padding: d })],
+    middleware: [D(u), L(), T({ padding: g })],
     whileElementsMounted: B,
-    placement: l
-  }), j = N(r, {
+    placement: f
+  }), b = M(r, {
     enabled: !1
     // Deshabilitamos el click interno ya que está controlado externamente
-  }), b = O(r, {
+  }), k = N(r, {
     enabled: !1
     // Deshabilitamos dismiss cuando está controlado externamente por props
-  }), { getReferenceProps: v, getFloatingProps: E } = S([
-    j,
-    b
-  ]), { isMounted: F, styles: R } = k(r, {
+  }), { getReferenceProps: v, getFloatingProps: w } = O([
+    b,
+    k
+  ]), { isMounted: E, styles: F } = S(r, {
     duration: {
       open: 200,
       close: 150
@@ -59,35 +61,44 @@ const ee = ({
       transform: "translateY(-4px) scale(0.95)"
     }
   });
-  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: a.setReference,
-        ...v(),
-        className: "reference-element",
-        children: n
-      }
-    ),
-    F && /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: a.setFloating,
-        style: {
-          position: h,
-          top: y ?? 0,
-          left: x ?? 0,
-          ...R,
-          zIndex: 999,
-          ...p
-        },
-        ...E(),
-        className: "floating-element",
-        children: /* @__PURE__ */ t.jsx(z, { className: m, children: typeof i == "function" ? w.createElement(i) : i })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ e.jsx(
+    z,
+    {
+      enabled: x,
+      onClickAway: () => {
+        o && a();
+      },
+      children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            ref: l.setReference,
+            ...v(),
+            className: "reference-element",
+            children: m
+          }
+        ),
+        E && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            ref: l.setFloating,
+            style: {
+              position: j,
+              top: h ?? 0,
+              left: y ?? 0,
+              ...F,
+              zIndex: 999,
+              ...d
+            },
+            ...w(),
+            className: "floating-element",
+            children: /* @__PURE__ */ e.jsx(_, { className: c, children: typeof i == "function" ? A.createElement(i) : i })
+          }
+        )
+      ] })
+    }
+  );
 };
 export {
-  ee as default
+  ie as default
 };

package/dist/components/molecules/FloatingMenu/FloatingMenu.types.d.ts

@@ -9,4 +9,5 @@ export interface FloatingMenuProps {
     styles?: React.CSSProperties;
     offset?: number;
     padding?: number;
+    handleClickAway?: boolean;
 }