lawgic-dev-kit 0.8.8 → 0.9.1

package/dist/_virtual/index2.js

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

package/dist/_virtual/index3.js

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

package/dist/_virtual/index4.js

@@ -1,7 +1,5 @@
-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);
+import { __require as r } from "../node_modules/property-expr/index.js";
+var e = r();
 export {
-  s as default
+  e as p
 };

package/dist/_virtual/index5.js

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

package/dist/_virtual/index6.js

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

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

@@ -5,7 +5,7 @@ import { useState as W } from "react";
 import { stringToColor as h } from "../../../utils/strings.js";
 import { getImageUrl as E } from "../../../utils/images.js";
 import "../../../_virtual/lodash.js";
-import "../../../providers/ThemeProvider.js";
+import "../../../contexts/themeContext.js";
 import "../ImageProfileInput/ImageProfileInput.validators.js";
 import "../../../constants/countries.js";
 import "react-dom";

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

@@ -1,26 +1,27 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { resolveButtonClasses as d } from "./Button.styles.js";
-import { useTheme as i } from "../../../providers/ThemeProvider.js";
+import { resolveButtonClasses as x } from "./Button.styles.js";
+import { useTheme as j } from "../../../hooks/useTheme.js";
 import { FontAwesomeIcon as r } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { resolveIconClasses as m } from "../IconButton/IconButton.styles.js";
-const h = ({
+const B = ({
   icon: e,
   rightIcon: t,
-  color: l,
-  variant: a = "filled",
+  color: a,
+  variant: l = "filled",
   size: o = "base",
   children: n,
   className: c,
   ...u
 }) => {
-  const { defaultColorScheme: f } = i(), p = l || f;
+  const { defaultColorScheme: f, t: p } = j(), d = p("cancel"), i = a || f;
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: d(a, p, o) + " " + c,
+      className: x(l, i, o) + " " + c,
       ...u,
       children: [
+        d,
         e && /* @__PURE__ */ s.jsx(r, { icon: e, className: m(o) }),
         n,
         t && /* @__PURE__ */ s.jsx(
@@ -35,5 +36,5 @@ const h = ({
   );
 };
 export {
-  h as default
+  B as default
 };

package/dist/components/atoms/CountrySelectInput/CountryDropdown.js

@@ -2,7 +2,7 @@ import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { useState as S, useRef as z, useEffect as J } from "react";
 import { Controller as K } from "../../../node_modules/react-hook-form/dist/index.esm.js";
 import { useFloating as Q, useClick as V, useDismiss as Z, useInteractions as ee, useTransitionStyles as te } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
-import { useTheme as D } from "../../../providers/ThemeProvider.js";
+import { useTheme as D } from "../../../hooks/useTheme.js";
 import { autoUpdate as oe } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { offset as se, flip as re, shift as le, size as ne, arrow as ae } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
 const ge = ({

package/dist/components/atoms/IconButton/IconButton.js

@@ -1,7 +1,7 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
 import { FontAwesomeIcon as d } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { resolveIconButtonClasses as i, resolveIconClasses as p } from "./IconButton.styles.js";
-import { useTheme as x } from "../../../providers/ThemeProvider.js";
+import { useTheme as x } from "../../../hooks/useTheme.js";
 const b = ({
   variant: t = "filled",
   color: r,

package/dist/components/atoms/PasswordInput/PasswordInput.js

@@ -3,7 +3,7 @@ import { useState as m } from "react";
 import { useController as b } from "../../../node_modules/react-hook-form/dist/index.esm.js";
 import { FontAwesomeIcon as w } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { faEye as y, faEyeSlash as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
-import { useTheme as $ } from "../../../providers/ThemeProvider.js";
+import { useTheme as $ } from "../../../hooks/useTheme.js";
 const P = ({
   label: u,
   control: i,

package/dist/components/atoms/PhoneInput/PhoneInput.js

@@ -4,7 +4,7 @@ import { useController as xe } from "../../../node_modules/react-hook-form/dist/
 import { useFloating as be, useClick as we, useDismiss as Ce, useInteractions as ve, useTransitionStyles as je } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
 import { FontAwesomeIcon as Ne } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { faChevronDown as ye } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
-import { useTheme as Se } from "../../../providers/ThemeProvider.js";
+import { useTheme as Se } from "../../../hooks/useTheme.js";
 import Le from "../../../constants/countries.js";
 import { autoUpdate as Te } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { offset as Ie, flip as $e, shift as Ee, size as Oe, arrow as Pe } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";

package/dist/components/atoms/SelectDropdown/SelectDropdown.js

@@ -2,7 +2,7 @@ import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { useFloating as B, useClick as H, useDismiss as U, useInteractions as W, useTransitionStyles as Y } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
 import { useState as b, useRef as k, useEffect as q } from "react";
 import { Controller as G } from "../../../node_modules/react-hook-form/dist/index.esm.js";
-import { useTheme as J } from "../../../providers/ThemeProvider.js";
+import { useTheme as J } from "../../../hooks/useTheme.js";
 import { autoUpdate as K } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { offset as Q, flip as V, shift as X, size as Z, arrow as _ } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
 const ie = ({

package/dist/components/atoms/TextButton/TextButton.js

@@ -1,6 +1,6 @@
 import { j as n } from "../../../_virtual/jsx-runtime.js";
 import { resolveTextButtonClasses as u } from "./TextButton.styles.js";
-import { useTheme as a } from "../../../providers/ThemeProvider.js";
+import { useTheme as a } from "../../../hooks/useTheme.js";
 const c = ({
   color: t,
   children: o,

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { TextInputProps } from './TextInput.types';
 import { FieldValues } from 'react-hook-form';
-declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, ...props }: TextInputProps<T>) => React.ReactElement;
+declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, translateKey, ...props }: TextInputProps<T>) => React.ReactElement;
 export default TextInput;

package/dist/components/atoms/TextInput/TextInput.js

@@ -1,81 +1,82 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { useController as b } from "../../../node_modules/react-hook-form/dist/index.esm.js";
-const j = ({
-  label: n,
-  control: s,
-  name: l,
-  placeholder: d,
-  className: x = "",
-  disabled: e = !1,
-  leftSide: t,
-  rightSide: o,
-  // translateKey = '',
-  ...c
+import { useController as j } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { useTheme as w } from "../../../hooks/useTheme.js";
+const C = ({
+  label: u,
+  control: d,
+  name: e,
+  placeholder: c,
+  className: g = "",
+  disabled: t = !1,
+  leftSide: a,
+  rightSide: s,
+  translateKey: i = "",
+  ...x
 }) => {
   const {
-    field: { value: a = "", onChange: f, ref: g, onBlur: i },
-    fieldState: { error: u }
-  } = b({ name: l, control: s });
+    field: { value: n = "", onChange: f, ref: p, onBlur: b },
+    fieldState: { error: l }
+  } = j({ name: e, control: d }), { t: o } = w(), h = o(e), m = o(i);
   return /* @__PURE__ */ r.jsxs(
     "label",
     {
-      className: `flex flex-col group gap-8 select-none ${e && "cursor-not-allowed"} ${x}`,
-      htmlFor: l,
+      className: `flex flex-col group gap-8 select-none ${t && "cursor-not-allowed"} ${g}`,
+      htmlFor: e,
       children: [
         /* @__PURE__ */ r.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 group ${u && "text-red-500!"} text-label ${e && "text-gray-300"}`,
-            children: n
+            className: `text-gray-600 font-600 group ${l && "text-red-500!"} text-label ${t && "text-gray-300"}`,
+            children: u
           }
         ),
         /* @__PURE__ */ r.jsxs(
           "label",
           {
-            htmlFor: l,
+            htmlFor: e,
             className: `
 					flex items-center justify-between gap-8 p-16
 				
-				${u && "border-red-500!"} 
+				${l && "border-red-500!"} 
 
 				bg-light
 				
 				w-full h-full rounded-full border 
 				
-				${a && !e ? "border-blue-200" : "border-blue-100"} 
-				${!e && "group-hover:border-blue-300"} 
-				${e && "cursor-not-allowed"}
+				${n && !t ? "border-blue-200" : "border-blue-100"} 
+				${!t && "group-hover:border-blue-300"} 
+				${t && "cursor-not-allowed"}
 				
 				group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
 				
 				group-disabled:bg-gray-500
 				`,
             children: [
-              t && t,
+              a && a,
               /* @__PURE__ */ r.jsx(
                 "input",
                 {
-                  id: l,
-                  name: l,
-                  disabled: e,
-                  placeholder: d,
-                  value: a,
-                  onChange: (p) => f(p.target.value),
-                  onBlur: i,
-                  ref: g,
+                  id: e,
+                  name: e,
+                  disabled: t,
+                  placeholder: c,
+                  value: n,
+                  onChange: (y) => f(y.target.value),
+                  onBlur: b,
+                  ref: p,
                   className: "group bg-transparent w-full h-full font-600 placeholder:font-600 text-body-m disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden",
-                  ...c
+                  ...x
                 }
               ),
-              o && o
+              s && s
             ]
           }
         ),
-        /* @__PURE__ */ r.jsx("h4", { className: "font-500 text-label text-red-500 leading-none" })
+        /* @__PURE__ */ r.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: (l == null ? void 0 : l.message) && o(l.message, { x: m || h }) })
       ]
     }
   );
 };
 export {
-  j as default
+  C as default
 };

package/dist/components/atoms/UncontrolledTextInput/UncontrolledTextInput.js

@@ -1,5 +1,5 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
-import { useTheme as i } from "../../../providers/ThemeProvider.js";
+import { useTheme as i } from "../../../hooks/useTheme.js";
 const m = ({
   label: c,
   onChange: x,

package/dist/components/atoms/UploadContainer/UploadContainer.js

@@ -1,7 +1,7 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { useState as g, useRef as $ } from "react";
 import k from "../TextButton/TextButton.js";
-import { useTheme as B } from "../../../providers/ThemeProvider.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
 import { translateBytes as F } from "../../../utils/files.js";
 import "../../../_virtual/lodash.js";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";

package/dist/components/molecules/AlertModal/AlertModal.js

@@ -3,7 +3,7 @@ import { faX as h } from "../../../node_modules/@fortawesome/pro-light-svg-icons
 import { FontAwesomeIcon as y } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "react";
 import "../../../_virtual/lodash.js";
-import { useTheme as j } from "../../../providers/ThemeProvider.js";
+import { useTheme as j } from "../../../hooks/useTheme.js";
 import g from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
 import a from "../../atoms/Button/Button.js";

package/dist/components/molecules/CalendarSelector/CalendarSelector.js

@@ -4,7 +4,7 @@ import { faChevronLeft as K } from "../../../node_modules/@fortawesome/pro-solid
 import { useState as c, useEffect as Q } from "react";
 import { FontAwesomeIcon as V } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "../../../_virtual/lodash.js";
-import { useTheme as X } from "../../../providers/ThemeProvider.js";
+import { useTheme as X } from "../../../hooks/useTheme.js";
 import k from "../FloatingMenu/FloatingMenu.js";
 import Z from "./PeriodToggle.js";
 import ee from "./TimeDisplay.js";

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

@@ -6,7 +6,7 @@ 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 { useTheme as I } from "../../../hooks/useTheme.js";
 import { formatLocalizedDate as v } from "../../../utils/dates.js";
 import "../../../_virtual/lodash.js";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";

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

@@ -3,7 +3,7 @@ import { faX as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons
 import { FontAwesomeIcon as t } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "react";
 import "../../../_virtual/lodash.js";
-import "../../../providers/ThemeProvider.js";
+import "../../../contexts/themeContext.js";
 import y from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
 import a from "../../atoms/Button/Button.js";

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

@@ -2,7 +2,7 @@ import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { faChevronDown as p } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
 import { FontAwesomeIcon as f } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { useState as b } from "react";
-import { useTheme as g } from "../../../providers/ThemeProvider.js";
+import { useTheme as g } from "../../../hooks/useTheme.js";
 import { motion as n } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
 import { AnimatePresence as w } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 const i = {

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

@@ -3,7 +3,7 @@ import { faFile as R, faTrash as I, faArrowsRotate as O } from "../../../node_mo
 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 { useTheme as L } from "../../../hooks/useTheme.js";
 import { motion as M } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
 const G = ({
   file: s,

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

@@ -3,7 +3,7 @@ import { useFloating as N, useClick as O, useDismiss as R, useInteractions as S,
 import { useState as k, useEffect as w } from "react";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "../../../_virtual/lodash.js";
-import "../../../providers/ThemeProvider.js";
+import "../../../contexts/themeContext.js";
 import P from "../../atoms/BoxContainer/BoxContainer.js";
 import "react-dom";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";

package/dist/components/molecules/Stepper/Stepper.js

@@ -2,7 +2,7 @@ import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { faCheck as h, faClockSix as g } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
 import { FontAwesomeIcon as p } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { useState as u, useEffect as F } from "react";
-import { useTheme as y } from "../../../providers/ThemeProvider.js";
+import { useTheme as y } from "../../../hooks/useTheme.js";
 import { motion as c } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
 import { AnimatePresence as v } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
 const k = ({

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

@@ -2,7 +2,7 @@ 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 "../../../providers/ThemeProvider.js";
+import { useTheme as S } from "../../../hooks/useTheme.js";
 import "react-dom";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import L from "../../atoms/Tab/Tab.js";

package/dist/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './themeContext';

package/dist/contexts/themeContext.d.ts

@@ -0,0 +1,3 @@
+import { LawgicTheme } from '../themes';
+declare const ThemeContext: import('react').Context<LawgicTheme>;
+export default ThemeContext;

package/dist/contexts/themeContext.js

@@ -0,0 +1,6 @@
+import { defaultTheme as e } from "../themes/default.js";
+import { createContext as t } from "react";
+const r = t(e);
+export {
+  r as default
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTheme';

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1 @@
+export declare const useTheme: () => import('..').LawgicTheme;

package/dist/hooks/useTheme.js

@@ -0,0 +1,6 @@
+import e from "../contexts/themeContext.js";
+import { useContext as o } from "react";
+const r = () => o(e);
+export {
+  r as useTheme
+};

package/dist/index.d.ts

@@ -2,4 +2,6 @@ export * from './components/index';
 export * from './types/index';
 export * from './utils/index';
 export * from './providers/index';
+export * from './hooks/index';
+export * from './contexts/index';
 export * from './themes/index';