lawgic-dev-kit 0.2.4 → 0.3.4

package/dist/components/molecules/DateInput/DateInput.js

@@ -0,0 +1,73 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { useState as x } from "react";
+import { useController as C } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import g from "../CalendarSelector/CalendarSelector.js";
+import h from "../../atoms/UncontrolledTextInput/UncontrolledTextInput.js";
+import j from "../FloatingMenu/FloatingMenu.js";
+import { FontAwesomeIcon as D } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faX as S } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { useTheme as I } from "../../../providers/ThemeProvider.js";
+import { formatLocalizedDate as v } from "../../../utils/dates.js";
+import "../../../utils/files.js";
+import "../../../_virtual/lodash.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import "../../../_virtual/client.js";
+const O = ({ control: l, name: n, showTimeSelector: m = !1, label: p, placeholder: i }) => {
+  const {
+    field: { value: e = /* @__PURE__ */ new Date(), onChange: a, onBlur: u },
+    fieldState: { error: o }
+  } = C({ name: n, control: l }), { t: f } = I(), c = f(n), [d, s] = x(!1);
+  return /* @__PURE__ */ t.jsx(
+    j,
+    {
+      open: d,
+      strategy: "fixed",
+      padding: 0,
+      offset: 0,
+      onClose: () => s(!1),
+      className: "!p-0",
+      component: /* @__PURE__ */ t.jsx(
+        g,
+        {
+          date: e || /* @__PURE__ */ new Date(),
+          onDateChange: (r) => {
+            a(r);
+          },
+          showTimeSelector: m
+        }
+      ),
+      children: /* @__PURE__ */ t.jsx(
+        h,
+        {
+          onBlur: u,
+          name: c,
+          label: p,
+          onFocus: (r) => {
+            r.preventDefault(), s(!0);
+          },
+          value: e && v(e) || "",
+          disabledInput: !0,
+          onChange: () => {
+          },
+          onSelect: () => {
+          },
+          onSelectCapture: () => {
+          },
+          placeholder: i,
+          error: o == null ? void 0 : o.message,
+          rightSide: e && /* @__PURE__ */ t.jsx(
+            D,
+            {
+              icon: S,
+              className: "text-gray-500 cursor-pointer",
+              onClick: () => a(null)
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  O as default
+};

package/dist/components/molecules/DialogModal/DialogModal.js

@@ -0,0 +1,125 @@
+import { j as i } from "../../../_virtual/jsx-runtime.js";
+import { faX as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { FontAwesomeIcon as t } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "react";
+import "../../../utils/files.js";
+import "../../../_virtual/lodash.js";
+import "../../../providers/ThemeProvider.js";
+import y from "../../atoms/BoxContainer/BoxContainer.js";
+import "../../../_virtual/client.js";
+import a from "../../atoms/Button/Button.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import { AnimatePresence as u } 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 D = ({
+  title: n,
+  description: l,
+  open: r,
+  onClose: e,
+  onConfirm: c,
+  onCancel: o,
+  icon: x
+}) => {
+  const m = {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 }
+  }, d = {
+    hidden: {
+      opacity: 0,
+      scale: 0.8,
+      y: -20
+    },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      y: 0,
+      transition: {
+        type: "spring",
+        stiffness: 300,
+        damping: 25
+      }
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.8,
+      y: 20,
+      transition: {
+        duration: 0.2
+      }
+    }
+  }, p = () => {
+    c(), e();
+  }, f = () => {
+    o(), e();
+  };
+  return /* @__PURE__ */ i.jsx(u, { children: r && /* @__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: m,
+      onClick: e,
+      children: /* @__PURE__ */ i.jsx(
+        s.div,
+        {
+          className: "w-full max-w-4xl mx-16 z-50",
+          variants: d,
+          initial: "hidden",
+          animate: "visible",
+          exit: "exit",
+          onClick: (h) => h.stopPropagation(),
+          children: /* @__PURE__ */ i.jsxs(y, { className: "flex flex-col gap-20 p-32", children: [
+            /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ i.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ i.jsx(
+                t,
+                {
+                  icon: j,
+                  className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700",
+                  onClick: e
+                }
+              ) }),
+              /* @__PURE__ */ i.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ i.jsx("div", { className: "bg-blue-100 rounded-full w-76 h-76 flex justify-center items-center", children: /* @__PURE__ */ i.jsx(
+                t,
+                {
+                  icon: x,
+                  className: "w-32 h-36 min-h-36 min-w-36 text-blue-500",
+                  onClick: e
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-20 items-center", children: [
+              /* @__PURE__ */ i.jsxs("div", { children: [
+                /* @__PURE__ */ i.jsx("h3", { className: "text-black font-700 text-3xl", children: n }),
+                /* @__PURE__ */ i.jsx("p", { className: "text-gray-500 text-xl font-600", children: l })
+              ] }),
+              /* @__PURE__ */ i.jsxs("div", { className: "flex justify-center w-full gap-16", children: [
+                /* @__PURE__ */ i.jsx(
+                  a,
+                  {
+                    onClick: f,
+                    variant: "transparent",
+                    className: "px-36 !py-10 !text-lg",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ i.jsx(
+                  a,
+                  {
+                    onClick: p,
+                    className: "px-32 py-16 !text-lg",
+                    children: "Confirm"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        }
+      )
+    }
+  ) }) });
+};
+export {
+  D as default
+};

package/dist/components/molecules/Dropdown/Dropdown.js

@@ -0,0 +1,77 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { faChevronDown as u } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
+import { FontAwesomeIcon as h } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useState as p } from "react";
+import { useTheme as f } from "../../../providers/ThemeProvider.js";
+import { motion as n } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+import { AnimatePresence as b } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
+const i = {
+  duration: 0.3,
+  ease: [0.32, 0.72, 0, 1]
+}, g = {
+  initial: { opacity: 0, height: 0, y: -8 },
+  animate: { opacity: 1, height: "auto", y: 0 },
+  exit: { opacity: 0, height: 0, y: -8 }
+}, w = ({ isOpen: t }) => /* @__PURE__ */ e.jsx(
+  n.div,
+  {
+    animate: { rotate: t ? 180 : 0 },
+    transition: { duration: 0.5, ease: [0.16, 1, 0.3, 1] },
+    children: /* @__PURE__ */ e.jsx(
+      h,
+      {
+        icon: u,
+        className: "text-gray-500 w-12 h-12 max-w-12 max-h-12"
+      }
+    )
+  }
+), A = ({
+  label: t,
+  children: s,
+  subtitle: l,
+  open: a,
+  onClick: c
+}) => {
+  const { t: m } = f(), [r, d] = p(!1), o = a !== void 0 ? a : r, x = c || (() => d(!r));
+  return /* @__PURE__ */ e.jsxs(n.div, { className: "relative w-full bg-white border border-blue-100 rounded-2xl overflow-hidden", children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: x,
+        className: `py-24 px-32 text-black font-semibold border-b
+          ${o ? "border-blue-100 bg-gray-50/50" : "border-transparent"}
+          transition-all duration-200 ease-in-out
+          focus:outline-none hover:bg-gray-50/50
+          flex items-center gap-2 group w-full justify-between`,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "truncate text-nowrap text-lg md:text-xl font-[700]", children: m(t) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex gap-10 items-center", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "text-gray-500 font-normal text-base md:text-lg", children: l }),
+            /* @__PURE__ */ e.jsx(w, { isOpen: o })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(b, { mode: "wait", children: o && /* @__PURE__ */ e.jsx(
+      n.div,
+      {
+        ...g,
+        transition: {
+          height: {
+            duration: i.duration,
+            ease: i.ease
+          },
+          opacity: {
+            duration: 0.15,
+            ease: "easeOut"
+          }
+        },
+        className: "w-full bg-white overflow-hidden",
+        children: s
+      }
+    ) })
+  ] });
+};
+export {
+  A as default
+};

package/dist/components/molecules/FileUpload/FileUpload.js

@@ -0,0 +1,121 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { faFile as R, faTrash as I, faArrowsRotate as O } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { FontAwesomeIcon as c } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useState as d, useEffect as S } from "react";
+import { FileStatus as t } from "./FileUpload.types.js";
+import { useTheme as L } from "../../../providers/ThemeProvider.js";
+import { motion as M } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const G = ({
+  file: s,
+  onDelete: f,
+  onRetry: h,
+  uploadDuration: u = 4e3
+}) => {
+  const { t: n } = L(), l = () => s.error ? t.ERROR : s.loading ? t.LOADING : t.COMPLETE, [a, g] = d(l()), [o, m] = d(0), [p, j] = d(10);
+  S(() => {
+    const r = l();
+    g(r);
+    let i;
+    if (r === t.LOADING && o < 100) {
+      const w = 100 / (u / 100);
+      i = setInterval(() => {
+        m((E) => {
+          const x = Math.min(E + w, 99), v = Math.max(
+            0,
+            Math.round((100 - x) / 10)
+          );
+          return j(v), x;
+        });
+      }, 100);
+    } else r === t.COMPLETE && o < 100 && m(100);
+    return () => {
+      i && clearInterval(i);
+    };
+  }, [s.loading, s.error, u, l, o]);
+  const N = () => {
+    switch (a) {
+      case t.LOADING:
+        return `${Math.round(o)}% (${p} ${n("seconds_left")})`;
+      case t.COMPLETE:
+        return n("file_uploaded");
+      case t.ERROR:
+        return n("upload_error");
+      default:
+        return "";
+    }
+  }, b = () => {
+    switch (a) {
+      case t.COMPLETE:
+        return "text-green-500 font-600";
+      case t.ERROR:
+        return "text-red-500 font-600";
+      default:
+        return "text-gray-300 font-400";
+    }
+  }, y = () => {
+    if (!(s != null && s.file_size)) return n("unknown");
+    const r = s.file_size / 1024;
+    return r < 1024 ? `${r.toFixed(1)} KB` : `${(r / 1024).toFixed(1)} MB`;
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "border border-gray-100 bg-white rounded-lg p-16 shadow-sm w-full", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ e.jsx(
+          c,
+          {
+            icon: R,
+            className: "w-12 h-12 min-w-12 min-h-12 text-gray-400"
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "text-gray-500 text-sm", children: s.user_file_name })
+      ] }),
+      a === t.COMPLETE && /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: f,
+          className: "text-gray-400 transition-all duration-200 hover:text-gray-600 focus:outline-none",
+          children: /* @__PURE__ */ e.jsx(c, { icon: I })
+        }
+      ),
+      a === t.ERROR && /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: h,
+          className: "text-gray-400 transition-all duration-200 hover:text-gray-600 focus:outline-none",
+          children: /* @__PURE__ */ e.jsx(c, { icon: O })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center mt-2", children: s != null && s.analyzing ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-6", children: [
+      /* @__PURE__ */ e.jsx(
+        M.div,
+        {
+          className: "h-14 w-14 rounded-full border-2 border-t-blue-500 border-r-blue-300 border-b-blue-200 border-l-blue-400",
+          animate: { rotate: 360 },
+          transition: { duration: 1, repeat: 1 / 0, ease: "linear" }
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-500", children: [
+        n("analyzing_file_with_ai"),
+        "..."
+      ] })
+    ] }) : /* @__PURE__ */ e.jsxs("div", { className: "text-sm", children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "text-gray-500", children: [
+        y(),
+        " |"
+      ] }),
+      " ",
+      /* @__PURE__ */ e.jsx("span", { className: b(), children: N() })
+    ] }) }),
+    a === t.LOADING && /* @__PURE__ */ e.jsx("div", { className: "mt-2 bg-gray-200 rounded-full h-2", children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "h-2 rounded-full transition-all duration-100 ease-linear bg-blue-500",
+        style: { width: `${o}%` }
+      }
+    ) })
+  ] });
+};
+export {
+  G as default
+};

package/dist/components/molecules/FileUpload/FileUpload.types.js

@@ -0,0 +1,8 @@
+const e = {
+  LOADING: "loading",
+  COMPLETE: "complete",
+  ERROR: "error"
+};
+export {
+  e as FileStatus
+};

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

@@ -0,0 +1,82 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { useFloating as N, useClick as O, useDismiss as R, useInteractions as S, useTransitionStyles as b } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { useState as k, useEffect as w } from "react";
+import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "../../../utils/files.js";
+import "../../../_virtual/lodash.js";
+import "../../../providers/ThemeProvider.js";
+import P from "../../atoms/BoxContainer/BoxContainer.js";
+import "../../../_virtual/client.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import { autoUpdate as z } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { offset as B, flip as D, shift as T } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const W = ({
+  open: e,
+  onClose: s,
+  component: i,
+  children: a,
+  placement: l = "bottom",
+  className: f = "",
+  strategy: m = "absolute",
+  offset: p = 8,
+  padding: c = 8
+}) => {
+  const [d, r] = k(e);
+  w(() => {
+    r(e);
+  }, [e]);
+  const u = () => {
+    r(!1), s == null || s();
+  }, { x: g, y: x, strategy: y, refs: n, context: o } = N({
+    strategy: m,
+    open: d,
+    onOpenChange: (M) => {
+      M || u();
+    },
+    middleware: [B(p), D(), T({ padding: c })],
+    whileElementsMounted: z,
+    placement: l
+  }), h = O(o), j = R(o), { getReferenceProps: v, getFloatingProps: F } = S([
+    h,
+    j
+  ]), { isMounted: E, styles: I } = b(o, {
+    duration: {
+      open: 200,
+      close: 150
+    },
+    initial: {
+      opacity: 0,
+      transform: "translateY(-4px) scale(0.95)"
+    }
+  });
+  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        ref: n.setReference,
+        ...v(),
+        className: "reference-element",
+        children: a
+      }
+    ),
+    E && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        ref: n.setFloating,
+        style: {
+          position: y,
+          top: x ?? 0,
+          left: g ?? 0,
+          ...I,
+          zIndex: 9999
+        },
+        ...F(),
+        className: "floating-element",
+        children: /* @__PURE__ */ t.jsx(P, { className: f, children: typeof i == "function" ? i() : i })
+      }
+    )
+  ] });
+};
+export {
+  W as default
+};

package/dist/components/molecules/SearchModal/SearchModal.js

@@ -0,0 +1,64 @@
+import { j as i } from "../../../_virtual/jsx-runtime.js";
+import r from "../../atoms/BoxContainer/BoxContainer.js";
+import { AnimatePresence as l } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as e } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const p = ({
+  isOpen: a,
+  onClose: t
+  // onSearch,
+}) => {
+  const n = {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 }
+  }, s = {
+    hidden: {
+      opacity: 0,
+      scale: 0.8,
+      y: -20
+    },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      y: 0,
+      transition: {
+        type: "spring",
+        stiffness: 300,
+        damping: 25
+      }
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.8,
+      y: 20,
+      transition: {
+        duration: 0.2
+      }
+    }
+  };
+  return /* @__PURE__ */ i.jsx(l, { children: a && /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(
+    e.div,
+    {
+      className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center",
+      initial: "hidden",
+      animate: "visible",
+      exit: "hidden",
+      variants: n,
+      onClick: t,
+      children: /* @__PURE__ */ i.jsx(
+        e.div,
+        {
+          className: "w-full max-w-4xl mx-16 z-50",
+          variants: s,
+          initial: "hidden",
+          animate: "visible",
+          exit: "exit",
+          onClick: (o) => o.stopPropagation(),
+          children: /* @__PURE__ */ i.jsx(r, { className: "flex flex-col gap-16 md:gap-24 !p-0", children: /* @__PURE__ */ i.jsx(i.Fragment, {}) })
+        }
+      )
+    }
+  ) }) });
+};
+export {
+  p as default
+};