lawgic-dev-kit 0.2.4 → 0.3.4

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
+};

package/dist/_virtual/client.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/react-dom/client.js";
+var i = r();
+export {
+  i as c
+};

package/dist/_virtual/client2.js

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

package/dist/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
+export {
+  s as default
+};

package/dist/_virtual/index2.js

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

package/dist/_virtual/index3.js

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

package/dist/_virtual/index4.js

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

package/dist/_virtual/index5.js

@@ -0,0 +1,7 @@
+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 {
+  s as default
+};

package/dist/_virtual/index6.js

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

package/dist/_virtual/index7.js

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

package/dist/_virtual/index8.js

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

package/dist/_virtual/jsx-runtime.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/react/jsx-runtime.js";
+var i = r();
+export {
+  i as j
+};

package/dist/_virtual/jsx-runtime2.js

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

package/dist/_virtual/lodash.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/lodash/lodash.js";
+var a = r();
+export {
+  a as l
+};

package/dist/_virtual/lodash2.js

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

package/dist/_virtual/react-dom-client.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-dom-client.production.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/react-is.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-is.production.min.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-jsx-runtime.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/scheduler.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/scheduler.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/components/atoms/ActionButton/ActionButton.js

@@ -0,0 +1,51 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { FontAwesomeIcon as n } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+const x = ({
+  title: t,
+  icon: r,
+  imageUrl: o,
+  onClick: a,
+  isSelected: s = !1
+}) => /* @__PURE__ */ e.jsxs(
+  "button",
+  {
+    onClick: a,
+    className: `
+        flex flex-col items-center justify-center 
+        w-[180px] h-[87px] p-4 rounded-xl 
+        gap-2 transition-colors
+        ${s ? "bg-blue-100 border border-blue-800" : "bg-light-gray-100 border border-gray-100 hover:border-blue-500 group"}
+      `,
+    children: [
+      r ? /* @__PURE__ */ e.jsx(
+        n,
+        {
+          icon: r,
+          className: "w-20 h-20 transition-colors text-blue-500 group-hover:text-blue-500"
+        }
+      ) : o ? /* @__PURE__ */ e.jsx(
+        "img",
+        {
+          src: o,
+          alt: t,
+          width: 32,
+          height: 32,
+          className: "object-contain"
+        }
+      ) : null,
+      /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          className: `
+        text-base font-medium transition-colors
+        ${s ? "text-gray-900" : "text-gray-900 group-hover:text-blue-500"}
+      `,
+          children: t
+        }
+      )
+    ]
+  }
+);
+export {
+  x as default
+};

package/dist/components/atoms/AsyncToast/index.js

@@ -0,0 +1,33 @@
+import { j as u } from "../../../_virtual/jsx-runtime.js";
+import { useState as c, useEffect as i } from "react";
+import m from "../Toast/Toast.js";
+const y = ({
+  promise: o,
+  messages: e,
+  options: t,
+  onClose: r
+}) => {
+  const [a, s] = c("loading"), [l, n] = c(e.loading);
+  return i(() => {
+    o.then(() => {
+      console.log("promise resolved"), s("success"), n(e.success);
+    }).catch(() => {
+      console.log("promise rejected"), s("error"), n(e.error);
+    }).finally(() => {
+      console.log("promise finally"), setTimeout(() => {
+        r();
+      }, (t == null ? void 0 : t.duration) || 3e3);
+    });
+  }, [o]), /* @__PURE__ */ u.jsx(
+    m,
+    {
+      content: l,
+      type: a,
+      duration: t.duration,
+      onClose: r
+    }
+  );
+};
+export {
+  y as AsyncToast
+};

package/dist/components/atoms/Avatar/Avatar.js

@@ -0,0 +1,100 @@
+import { j as a } from "../../../_virtual/jsx-runtime.js";
+import { faUser as A } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { FontAwesomeIcon as H } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useState as W } from "react";
+import { stringToColor as h } from "../../../utils/strings.js";
+import "../../../utils/files.js";
+import { getImageUrl as E } from "../../../utils/images.js";
+import "../../../_virtual/lodash.js";
+import "../../../providers/ThemeProvider.js";
+import "../ImageProfileInput/ImageProfileInput.validators.js";
+import "../../../_virtual/client.js";
+const V = ({ containerProps: x = {}, imageProps: d = {}, src: m = "", alt: i = "", size: e = 30, user: t = null }) => {
+  const { className: p = " ", ...g } = x, { className: s = " ", ...v } = d, o = e + "px", n = e * 0.5 + "px", l = e * 0.4 + "px", [j, w] = W(!1), N = () => i ? h(i) : t ? h(t != null && t.first_name || t != null && t.last_name ? ((t == null ? void 0 : t.first_name) || "") + " " + ((t == null ? void 0 : t.last_name) || "") : t == null ? void 0 : t.email) : "#9CA1B6", c = (f) => {
+    try {
+      return f ? (new URL(f), !0) : !1;
+    } catch (C) {
+      return console.log(C), !1;
+    }
+  }, y = () => c(m) ? m : t != null && t.image && c(t.image) ? t.image : t != null && t.image ? E(t.image) : "", S = () => i ? /* @__PURE__ */ a.jsx(
+    "h4",
+    {
+      className: "text-white uppercase font-600 text-nowrap",
+      style: {
+        fontSize: l
+      },
+      children: i
+    }
+  ) : t ? /* @__PURE__ */ a.jsx(
+    "h4",
+    {
+      className: "text-white uppercase font-600 text-nowrap",
+      style: {
+        fontSize: l
+      },
+      children: t != null && t.first_name || t != null && t.last_name ? ((t == null ? void 0 : t.first_name) || " ")[0] + ((t == null ? void 0 : t.last_name) || " ")[0] : ((t == null ? void 0 : t.email) || " ")[0]
+    }
+  ) : /* @__PURE__ */ a.jsx(
+    H,
+    {
+      style: {
+        maxWidth: n,
+        maxHeight: n,
+        minWidth: n,
+        minHeight: n
+      },
+      icon: A,
+      className: "w-full text-white"
+    }
+  ), _ = () => {
+    w(!0);
+  }, r = y();
+  return /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: "flex items-center justify-center rounded-full overflow-hidden h-full relative " + p,
+      style: {
+        maxWidth: o,
+        maxHeight: o,
+        minWidth: o,
+        minHeight: o,
+        backgroundColor: N()
+      },
+      ...g,
+      children: [
+        r && !j && /* @__PURE__ */ a.jsx(
+          "img",
+          {
+            src: r,
+            alt: i,
+            className: `
+          object-cover w-full h-full text-center indent-[10000px] absolute
+          z-10
+          ${s}
+          `,
+            onError: _,
+            ...v
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            className: `
+        flex items-center justify-center leading-none text-center absolute
+        `,
+            style: {
+              maxWidth: n,
+              maxHeight: n,
+              minWidth: n,
+              minHeight: n
+            },
+            children: S()
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  V as default
+};

package/dist/components/atoms/BoxContainer/BoxContainer.js

@@ -0,0 +1,18 @@
+import { j as s } from "../../../_virtual/jsx-runtime.js";
+const a = ({
+  children: e,
+  className: r,
+  element: o = "div"
+}) => {
+  const t = o;
+  return /* @__PURE__ */ s.jsx(
+    t,
+    {
+      className: `bg-white p-24 border border-blue-100 rounded-2xl ${r || ""}`,
+      children: e
+    }
+  );
+};
+export {
+  a as default
+};

package/dist/components/atoms/Button/Button.js

@@ -0,0 +1,25 @@
+import { j as u } from "../../../_virtual/jsx-runtime.js";
+import { resolveButtonClasses as a } from "./Button.styles.js";
+import { useTheme as f } from "../../../providers/ThemeProvider.js";
+const d = ({
+  color: t,
+  variant: e = "filled",
+  size: o = "base",
+  children: s,
+  className: r,
+  ...m
+}) => {
+  const { defaultColorScheme: l } = f(), n = t || l;
+  return /* @__PURE__ */ u.jsx(
+    "button",
+    {
+      type: "button",
+      className: a(e, n, o) + " " + r,
+      ...m,
+      children: s
+    }
+  );
+};
+export {
+  d as default
+};

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

@@ -0,0 +1,43 @@
+import { clsx as t } from "../../../node_modules/clsx/dist/clsx.js";
+const i = {
+  filled: "bg-blue-500 text-white hover:bg-blue-600 hover:text-white active:bg-blue-700 active:text-white",
+  transparent: "bg-blue-100 text-blue-500 hover:bg-blue-200 hover:text-blue-600 active:bg-blue-300/80 active:text-blue-700",
+  outline: "bg-transparent border-1 border-blue-500 text-blue-500 hover:text-blue-600 hover:border-blue-600 active:text-blue-700 active:border-blue-700",
+  invisible: "text-blue-500 hover:text-blue-600 active:text-blue-700"
+}, x = {
+  filled: "bg-aqua-500 text-white hover:bg-aqua-600 hover:text-white active:bg-aqua-700 active:text-white",
+  transparent: "bg-aqua-100 text-aqua-500 hover:bg-aqua-200/50 hover:text-aqua-600 active:bg-aqua-200/70 active:text-aqua-700",
+  outline: "bg-transparent border-1 border-aqua-500 text-aqua-500 hover:text-aqua-600 hover:border-aqua-600 active:text-aqua-700 active:border-aqua-700",
+  invisible: "text-aqua-500 hover:text-aqua-600 active:text-aqua-700"
+}, g = {
+  filled: "bg-red-500 text-white hover:bg-red-600 hover:text-white active:bg-red-700 active:text-white",
+  transparent: "bg-red-500/20 text-error hover:bg-red-500/30 hover:text-red-600 active:text-red-700 active:bg-red-700/40",
+  outline: "bg-transparent border-1 border-red-500 text-error hover:text-red-600 hover:border-red-600 active:text-red-700 active:border-red-700",
+  invisible: "text-red-500 hover:text-red-600 active:text-red-700"
+}, v = {
+  filled: "bg-gray-500 text-white hover:bg-gray-600 hover:text-white active:bg-gray-700 active:text-white",
+  transparent: "bg-gray-100 text-gray-500 hover:bg-gray-200 hover:text-gray-600 active:text-gray-700 active:bg-gray-300",
+  outline: "bg-transparent border-1 border-gray-500 text-gray-500 hover:text-gray-600 hover:border-gray-600 active:text-gray-700 active:border-gray-700",
+  invisible: "text-gray-500 hover:text-gray-600 active:text-gray-700"
+}, l = "transition-colors ease-in-out duration-200 flex items-center justify-center rounded-full w-fit font-[600] text-body-s disabled:bg-gray-100 disabled:cursor-not-allowed disabled:text-gray-300", s = {
+  lg: "gap-12 px-24 py-8 text-lg",
+  base: "gap-8 px-20 py-7",
+  md: "gap-8 px-16 py-6",
+  sm: "gap-4 px-12 py-5",
+  xs: "gap-4 px-6 py-3"
+}, d = (e = "filled", r = "blue", a = "base") => {
+  const b = t(l, s[a]), o = {
+    blue: i[e],
+    aqua: x[e],
+    red: g[e],
+    gray: v[e]
+  }[r];
+  return t(b, o);
+};
+export {
+  x as aquaVariants,
+  i as blueVariants,
+  v as grayVariants,
+  g as redVariants,
+  d as resolveButtonClasses
+};

package/dist/components/atoms/CenterModal/CenterModal.js

@@ -0,0 +1,79 @@
+import { j as i } from "../../../_virtual/jsx-runtime.js";
+import m from "../BoxContainer/BoxContainer.js";
+import { FontAwesomeIcon as c } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faX as d } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import x from "../Divider/Divider.js";
+import { AnimatePresence as p } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as s } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const b = ({
+  open: n,
+  onClose: e,
+  title: t,
+  children: a
+}) => {
+  const o = {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 }
+  }, r = {
+    hidden: {
+      opacity: 0,
+      scale: 0.9
+    },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      transition: {
+        duration: 0.15
+      }
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.9,
+      transition: {
+        duration: 0.15
+      }
+    }
+  };
+  return /* @__PURE__ */ i.jsx(p, { children: n && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
+    s.div,
+    {
+      className: "fixed inset-0 bg-black bg-opacity-50 z-9999 flex items-center justify-center",
+      initial: "hidden",
+      animate: "visible",
+      exit: "hidden",
+      variants: o,
+      onClick: e,
+      children: /* @__PURE__ */ i.jsx(
+        s.div,
+        {
+          className: "w-full max-w-screen-md mx-16 z-50",
+          variants: r,
+          initial: "hidden",
+          animate: "visible",
+          exit: "exit",
+          onClick: (l) => l.stopPropagation(),
+          children: /* @__PURE__ */ i.jsxs(m, { className: "flex flex-col gap-16 md:gap-24 !p-0", children: [
+            /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-16 md:gap-24 md:p-32 md:pb-0", children: [
+              /* @__PURE__ */ i.jsxs("div", { className: "flex justify-between items-center px-16 pt-16 md:px-0 md:pt-0", children: [
+                t && /* @__PURE__ */ i.jsx("h2", { className: "text-black font-700 text-2xl", children: t }),
+                /* @__PURE__ */ i.jsx(
+                  c,
+                  {
+                    icon: d,
+                    className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700 ml-auto",
+                    onClick: e
+                  }
+                )
+              ] }),
+              t && /* @__PURE__ */ i.jsx(x, { className: "!bg-gray-100" })
+            ] }),
+            /* @__PURE__ */ i.jsx("div", { className: "flex flex-col gap-16 md:gap-24 p-16 pt-0 md:p-32 md:pt-4", children: typeof a == "function" ? a(e) : a })
+          ] })
+        }
+      )
+    }
+  ) }) });
+};
+export {
+  b as default
+};