lawgic-dev-kit 0.12.8 → 0.13.0

package/dist/components/molecules/Tabs/Tabs.js

@@ -1,123 +1,81 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import { useRef as d, useState as E, useEffect as f } from "react";
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { useRef as m, useState as E, useEffect as u } from "react";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "../../../_virtual/lodash.js";
 import { useTheme as S } from "../../../hooks/useTheme.js";
 import "react-hook-form";
-import "../../../_virtual/client.js";
-import "../../../dist/_virtual/jsx-runtime.js";
-import "../../../dist/node_modules/@fortawesome/react-fontawesome/index.es.js";
-import "../../../dist/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js";
-import "../../../dist/node_modules/framer-motion/dist/es/context/MotionConfigContext.js";
-import "../../../dist/node_modules/motion-utils/dist/es/errors.js";
-import "../../../dist/node_modules/framer-motion/dist/es/render/html/utils/keys-transform.js";
-import "../../../dist/node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.js";
-import "../../../dist/node_modules/framer-motion/dist/es/value/types/color/hex.js";
-import "../../../dist/node_modules/framer-motion/dist/es/value/types/numbers/index.js";
-import "../../../dist/node_modules/framer-motion/dist/es/value/types/numbers/units.js";
-import "../../../dist/node_modules/framer-motion/dist/es/value/types/color/rgba.js";
-import "../../../dist/node_modules/framer-motion/dist/es/value/types/complex/filter.js";
-import "../../../dist/node_modules/framer-motion/dist/es/render/dom/value-types/type-int.js";
-import "../../../dist/node_modules/framer-motion/dist/es/render/dom/utils/unit-conversion.js";
-import "../../../dist/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.js";
-import "../../../dist/node_modules/framer-motion/dist/es/projection/node/create-projection-node.js";
-import "../../../dist/node_modules/framer-motion/dist/es/context/LazyContext.js";
-import "../../../dist/node_modules/framer-motion/dist/es/motion/features/definitions.js";
-import "../../../dist/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js";
-import "../../../dist/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.js";
-import "../../../dist/_virtual/lodash.js";
-import "../../../dist/contexts/themeContext.js";
-import "../../../dist/constants/countries.js";
-import "../../../dist/components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
-import "react-dom";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/LayoutGroupContext.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/MotionConfigContext.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/html/utils/keys-transform.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/animation/optimized-appear/data-id.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/color/rgba.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/numbers/index.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/numbers/units.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/value/types/complex/filter.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/value-types/type-int.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/utils/unit-conversion.js";
-import "../../../dist/node_modules/motion/dist/es/motion-utils/dist/es/errors.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/SwitchLayoutGroupContext.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/projection/node/create-projection-node.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/context/LazyContext.js";
-import "../../../dist/node_modules/motion/dist/es/framer-motion/dist/es/render/dom/utils/filter-props.js";
-import "../../../dist/node_modules/@floating-ui/react/dist/floating-ui.react.js";
 import "../../../constants/countries.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import L from "../../atoms/Tab/Tab.js";
-import { motion as u } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-const St = ({
-  variant: a = "underline",
+import { motion as a } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+const A = ({
+  variant: p = "underline",
   color: h = "blue",
-  tabs: r,
-  activeTab: e,
+  tabs: i,
+  activeTab: n,
   onTabChange: w,
   className: x = "",
   direction: R = "row",
   showLabel: g = !0
 }) => {
-  const m = d([]), [s, j] = E({ left: 0, width: 0 }), n = d(null), { defaultColorScheme: v } = S(), C = h || v, l = () => {
-    const t = r.findIndex((i) => i.id === e);
-    if (t >= 0 && m.current[t]) {
-      const i = m.current[t];
-      if (i && n.current) {
-        const p = n.current.getBoundingClientRect(), c = i.getBoundingClientRect();
+  const o = m([]), [c, j] = E({ left: 0, width: 0 }), s = m(null), { defaultColorScheme: v } = S(), C = h || v, d = () => {
+    const e = i.findIndex((t) => t.id === n);
+    if (e >= 0 && o.current[e]) {
+      const t = o.current[e];
+      if (t && s.current) {
+        const l = s.current.getBoundingClientRect(), f = t.getBoundingClientRect();
         j({
-          left: c.left - p.left,
-          width: c.width
+          left: f.left - l.left,
+          width: f.width
         });
       }
     }
   };
-  return f(() => {
-    l();
-  }, [e, r]), f(() => {
-    const t = () => {
-      l();
+  return u(() => {
+    d();
+  }, [n, i]), u(() => {
+    const e = () => {
+      d();
     };
-    return window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
     };
-  }, [e, r]), /* @__PURE__ */ o.jsxs(
+  }, [n, i]), /* @__PURE__ */ r.jsxs(
     "div",
     {
-      ref: n,
+      ref: s,
       className: `flex items-center relative ${x}`,
       children: [
-        r.map((t, i) => /* @__PURE__ */ o.jsx(
-          u.div,
+        i.map((e, t) => /* @__PURE__ */ r.jsx(
+          a.div,
           {
-            ref: (p) => {
-              m.current[i] = p;
+            ref: (l) => {
+              o.current[t] = l;
             },
             className: "w-full",
-            children: /* @__PURE__ */ o.jsx(
+            children: /* @__PURE__ */ r.jsx(
               L,
               {
-                href: t.href,
-                label: g ? t.label : "",
-                icon: t.icon,
+                href: e.href,
+                label: g ? e.label : "",
+                icon: e.icon,
                 direction: R,
-                isSelected: e === t.id,
-                onClick: () => w(t.id),
-                variant: a
+                isSelected: n === e.id,
+                onClick: () => w(e.id),
+                variant: p
               }
             )
           },
-          t.id
+          e.id
         )),
-        /* @__PURE__ */ o.jsx(
-          u.div,
+        /* @__PURE__ */ r.jsx(
+          a.div,
           {
             className: `absolute bottom-0 h-2 bg-${C}-500`,
             initial: !1,
             animate: {
-              left: s.left,
-              width: s.width
+              left: c.left,
+              width: c.width
             },
             transition: {
               type: "spring",
@@ -131,5 +89,5 @@ const St = ({
   );
 };
 export {
-  St as default
+  A as default
 };