lawgic-dev-kit 0.19.0 → 0.19.2

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

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/tiny-case/index.js";
+var a = r();
 export {
-  s as default
+  a as t
 };

package/dist/_virtual/index5.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/_virtual/index6.js

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

package/dist/_virtual/index7.js

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

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

@@ -1,9 +1,10 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { resolveButtonClasses as d } from "./Button.styles.js";
-import { useTheme as i } from "../../../hooks/useTheme.js";
+import { resolveButtonClasses as i } from "./Button.styles.js";
+import { useTheme as d } from "../../../hooks/useTheme.js";
+import "react";
 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 v = ({
   icon: e,
   rightIcon: t,
   color: l,
@@ -11,15 +12,15 @@ const h = ({
   size: o = "base",
   children: n,
   className: c,
-  ...u
+  ...p
 }) => {
-  const { defaultColorScheme: f } = i(), p = l || f;
+  const { defaultColorScheme: u } = d(), f = l || u;
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: d(a, p, o) + " " + c,
-      ...u,
+      className: i(a, f, o) + " " + c,
+      ...p,
       children: [
         e && /* @__PURE__ */ s.jsx(r, { icon: e, className: m(o) }),
         n,
@@ -35,5 +36,5 @@ const h = ({
   );
 };
 export {
-  h as default
+  v as default
 };

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

@@ -0,0 +1,8 @@
+import { Filter, FilterControl } from '../../../types/filters';
+interface FilterPillProps<T> {
+    filter: Omit<Filter<T>, "fn">;
+    filterControl: FilterControl<T>;
+    translations?: Record<string, string>;
+}
+declare const FilterPill: <T>({ filter, filterControl, translations, }: FilterPillProps<T>) => React.ReactElement;
+export default FilterPill;

package/dist/components/atoms/FilterPill/index.d.ts

@@ -0,0 +1 @@
+export { default as FilterPill } from './FilterPill';

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

@@ -1,14 +1,15 @@
 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 { FontAwesomeIcon as i } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { resolveIconButtonClasses as p, resolveIconClasses as d } from "./IconButton.styles.js";
 import { useTheme as x } from "../../../hooks/useTheme.js";
-const b = ({
+import "react";
+const v = ({
   variant: t = "filled",
   color: r,
   size: o = "base",
-  shadow: n = "none",
+  shadow: m = "none",
   icon: e,
-  iconProps: m = {},
+  iconProps: n = {},
   children: l,
   className: a,
   ...c
@@ -18,12 +19,12 @@ const b = ({
     "button",
     {
       ...c,
-      className: `${i(t, f, o, n)} ${a}`,
+      className: `${p(t, f, o, m)} ${a}`,
       children: e ? /* @__PURE__ */ s.jsx(
-        d,
+        i,
         {
-          ...m,
-          className: p(o),
+          ...n,
+          className: d(o),
           icon: e
         }
       ) : l
@@ -31,5 +32,5 @@ const b = ({
   );
 };
 export {
-  b as default
+  v as default
 };

package/dist/components/atoms/ProgressBar/ProgressBar.js

@@ -1,7 +1,8 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { resolveProgressBarColors as c } from "./ProgressBar.styles.js";
 import { useTheme as f } from "../../../hooks/useTheme.js";
-const p = ({
+import "react";
+const g = ({
   progress: r,
   showPercentage: o = !1,
   color: l,
@@ -24,5 +25,5 @@ const p = ({
   ] });
 };
 export {
-  p as default
+  g as default
 };

package/dist/components/atoms/SectionButton/desktop/SectionButton.js

@@ -1,16 +1,17 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.js";
+import { j as e } from "../../../../_virtual/jsx-runtime.js";
 import { FontAwesomeIcon as u } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { resolveSectionButtonClasses as $ } from "./SectionButton.styles.js";
 import { resolveIconClasses as f } from "../../IconButton/IconButton.styles.js";
 import { useTheme as d } from "../../../../hooks/useTheme.js";
-const g = ({
+import "react";
+const w = ({
   label: r,
   href: a,
   onClick: o,
   active: p = !1,
   disabled: s = !1,
   className: m,
-  icon: e,
+  icon: t,
   color: i
 }) => {
   const { defaultColorScheme: x } = d(), j = i || x, n = (c) => {
@@ -20,7 +21,7 @@ const g = ({
     }
     o == null || o(c);
   }, l = `${$(p, j)} ${s ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""}`;
-  return a ? /* @__PURE__ */ t.jsxs(
+  return a ? /* @__PURE__ */ e.jsxs(
     "a",
     {
       href: a,
@@ -28,27 +29,27 @@ const g = ({
       onClick: n,
       "aria-disabled": s,
       children: [
-        e && /* @__PURE__ */ t.jsx(
+        t && /* @__PURE__ */ e.jsx(
           u,
           {
-            icon: e,
+            icon: t,
             className: f()
           }
         ),
         r
       ]
     }
-  ) : /* @__PURE__ */ t.jsxs(
+  ) : /* @__PURE__ */ e.jsxs(
     "button",
     {
       className: `${l} ${m || ""}`,
       onClick: n,
       disabled: s,
       children: [
-        e && /* @__PURE__ */ t.jsx(
+        t && /* @__PURE__ */ e.jsx(
           u,
           {
-            icon: e,
+            icon: t,
             className: f()
           }
         ),
@@ -58,5 +59,5 @@ const g = ({
   );
 };
 export {
-  g as default
+  w as default
 };

package/dist/components/atoms/SectionButton/mobile/SectionButton.js

@@ -1,8 +1,9 @@
 import { j as s } from "../../../../_virtual/jsx-runtime.js";
-import { FontAwesomeIcon as i } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { useTheme as j } from "../../../../hooks/useTheme.js";
-import { resolveSectionButtonClasses as p, resolveSectionButtonIconClasses as f } from "./MobileSectionButton.styles.js";
-const S = ({
+import { FontAwesomeIcon as u } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useTheme as h } from "../../../../hooks/useTheme.js";
+import "react";
+import { resolveSectionButtonClasses as j, resolveSectionButtonIconClasses as f } from "./MobileSectionButton.styles.js";
+const v = ({
   label: m,
   href: n,
   onClick: o,
@@ -10,15 +11,15 @@ const S = ({
   disabled: e = !1,
   className: l,
   icon: t,
-  color: d
+  color: p
 }) => {
-  const { defaultColorScheme: h } = j(), a = d || h, c = (u) => {
+  const { defaultColorScheme: d } = h(), a = p || d, c = (i) => {
     if (e) {
-      u.preventDefault();
+      i.preventDefault();
       return;
     }
-    o == null || o(u);
-  }, x = `${p(r, a)} ${e ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""}`;
+    o == null || o(i);
+  }, x = `${j(r, a)} ${e ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""}`;
   return n ? /* @__PURE__ */ s.jsxs(
     "a",
     {
@@ -28,7 +29,7 @@ const S = ({
       "aria-disabled": e,
       children: [
         t && /* @__PURE__ */ s.jsx("div", { className: f(r, a), children: /* @__PURE__ */ s.jsx(
-          i,
+          u,
           {
             icon: t,
             className: "size-16 max-h-16 max-w-16"
@@ -45,7 +46,7 @@ const S = ({
       disabled: e,
       children: [
         t && /* @__PURE__ */ s.jsx("div", { className: f(r, a), children: /* @__PURE__ */ s.jsx(
-          i,
+          u,
           {
             icon: t,
             className: "size-16 max-h-16 max-w-16"
@@ -57,5 +58,5 @@ const S = ({
   );
 };
 export {
-  S as default
+  v as default
 };

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

@@ -2,7 +2,8 @@ import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { FontAwesomeIcon as f } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { resolveSidebarButtonColors as d } from "./SidebarButton.styles.js";
 import { useTheme as h } from "../../../hooks/useTheme.js";
-const y = ({
+import "react";
+const j = ({
   active: o,
   icon: l,
   label: n,
@@ -58,5 +59,5 @@ const y = ({
   );
 };
 export {
-  y as default
+  j as default
 };

package/dist/components/atoms/Switch/Switch.js

@@ -1,6 +1,7 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
 import { useTheme as t } from "../../../hooks/useTheme.js";
-const l = ({ active: n, onClick: e }) => {
+import "react";
+const i = ({ active: n, onClick: e }) => {
   const { defaultColorScheme: o } = t();
   return /* @__PURE__ */ s.jsxs(
     "button",
@@ -29,5 +30,5 @@ const l = ({ active: n, onClick: e }) => {
   );
 };
 export {
-  l as default
+  i as default
 };

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

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

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

@@ -1,7 +1,8 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { useController as w } from "react-hook-form";
 import { useTheme as v } from "../../../hooks/useTheme.js";
-const I = ({
+import "react";
+const S = ({
   label: c,
   control: x,
   name: e,
@@ -94,5 +95,5 @@ const I = ({
   );
 };
 export {
-  I as default
+  S as default
 };

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

@@ -1,16 +1,17 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { useTheme as h } from "../../../hooks/useTheme.js";
-const j = ({
+import "react";
+const w = ({
   label: x,
   onChange: p,
   value: s,
   name: t,
   error: l,
-  placeholder: b,
-  className: g = "",
+  placeholder: i,
+  className: b = "",
   disabled: e = !1,
   disabledInput: n = !1,
-  size: i = "base",
+  size: g = "base",
   leftSide: a,
   rightSide: c,
   ...d
@@ -30,11 +31,11 @@ const j = ({
       error: "text-label",
       gap: "gap-8"
     }
-  }[i];
+  }[g];
   return /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${g}`,
+      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${b}`,
       htmlFor: t,
       children: [
         /* @__PURE__ */ o.jsx(
@@ -74,7 +75,7 @@ const j = ({
                   id: t,
                   name: t,
                   disabled: e,
-                  placeholder: b,
+                  placeholder: i,
                   value: s,
                   onChange: (f) => {
                     p(f.target.value);
@@ -92,5 +93,5 @@ const j = ({
   );
 };
 export {
-  j as default
+  w as default
 };

package/dist/components/molecules/AutocompleteInput/AutocompleteInput.js

@@ -10,7 +10,7 @@ import { offset as re, flip as se, shift as oe, size as ne } from "../../../node
 const ge = ({
   name: p,
   error: c,
-  value: r,
+  value: r = "",
   onChange: n,
   onOptionClick: u,
   onKeyDown: y,

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

@@ -5,7 +5,7 @@ export interface AutocompleteInputProps {
     onChange?: (value: string) => void;
     onSelect?: (value: unknown) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onOptionClick?: (option: {
+    onOptionClick?: ({ label, value }: {
         label: string;
         value: unknown;
     }) => void;

package/dist/components/molecules/DateInput/DateInput.d.ts

@@ -8,6 +8,7 @@ export type DateInputProps<T extends FieldValues = FieldValues> = {
     translateKey?: string;
     futureDates?: boolean;
     pastDates?: boolean;
+    size?: "sm" | "base";
 };
-declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, translateKey, placeholder, futureDates, pastDates }: DateInputProps<T>) => React.ReactElement;
+declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, translateKey, placeholder, futureDates, pastDates, size, }: DateInputProps<T>) => React.ReactElement;
 export default DateInput;

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

@@ -1,50 +1,60 @@
 import { j as c } from "../../../_virtual/jsx-runtime.js";
-import { useState as x, useEffect as E } from "react";
-import { useController as V } from "react-hook-form";
-import { faX as k } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import { FontAwesomeIcon as A } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import B from "../FloatingMenu/FloatingMenu.js";
-import K from "../CalendarSelector/CalendarSelector.js";
-import O from "../../atoms/UncontrolledTextInput/UncontrolledTextInput.js";
-import { useTheme as R } from "../../../hooks/useTheme.js";
-import { formatDate as U } from "../../../node_modules/date-fns/format.js";
-const N = (a) => U(a, "dd/MM/yyyy"), D = (a) => {
+import { useState as x, useEffect as V } from "react";
+import { useController as k } from "react-hook-form";
+import { faX as A } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { FontAwesomeIcon as B } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import K from "../FloatingMenu/FloatingMenu.js";
+import O from "../CalendarSelector/CalendarSelector.js";
+import R from "../../atoms/UncontrolledTextInput/UncontrolledTextInput.js";
+import { useTheme as U } from "../../../hooks/useTheme.js";
+import { formatDate as X } from "../../../node_modules/date-fns/format.js";
+const N = (a) => X(a, "dd/MM/yyyy"), D = (a) => {
   const [t, n, o] = a.split("/");
   if ((t == null ? void 0 : t.length) === 2 && (n == null ? void 0 : n.length) === 2 && (o == null ? void 0 : o.length) === 4) {
     const l = new Date(Number(o), Number(n) - 1, Number(t));
     return isNaN(l.getTime()) ? null : l;
   }
   return null;
-}, Y = ({ control: a, name: t, showTimeSelector: n = !1, label: o, translateKey: l = "", placeholder: j, futureDates: I = !1, pastDates: b = !0 }) => {
+}, Z = ({
+  control: a,
+  name: t,
+  showTimeSelector: n = !1,
+  label: o,
+  translateKey: l = "",
+  placeholder: j,
+  futureDates: I = !1,
+  pastDates: b = !0,
+  size: S
+}) => {
   const {
-    field: { value: i, onChange: p, onBlur: S },
+    field: { value: i, onChange: p, onBlur: T },
     fieldState: { error: m }
-  } = V({ name: t, control: a }), { t: g } = R(), T = g(t), v = g(l), [y, f] = x(!1), [h, r] = x("");
-  E(() => {
+  } = k({ name: t, control: a }), { t: g } = U(), v = g(t), y = g(l), [F, f] = x(!1), [h, r] = x("");
+  V(() => {
     i instanceof Date && !isNaN(i.getTime()) ? r(N(i)) : r("");
   }, [i]);
-  const C = D(h), F = (e) => {
+  const C = D(h), M = (e) => {
     const s = e.replace(/\D/g, "").slice(0, 8), u = [];
     s.length > 0 && u.push(s.slice(0, 2)), s.length > 2 && u.push(s.slice(2, 4)), s.length > 4 && u.push(s.slice(4, 8));
     const d = u.join("/");
     if (r(d), f(!1), d.length === 10) {
-      const w = D(d);
-      p(w);
+      const E = D(d);
+      p(E);
     }
-  }, M = () => {
+  }, w = () => {
     p(null), r("");
   };
   return /* @__PURE__ */ c.jsx(
-    B,
+    K,
     {
-      open: y,
+      open: F,
       strategy: "fixed",
       padding: 0,
       offset: 0,
       onClose: () => f(!1),
       className: "p-0!",
       component: /* @__PURE__ */ c.jsx(
-        K,
+        O,
         {
           date: C || /* @__PURE__ */ new Date(),
           onDateChange: (e) => {
@@ -56,25 +66,26 @@ const N = (a) => U(a, "dd/MM/yyyy"), D = (a) => {
         }
       ),
       children: /* @__PURE__ */ c.jsx(
-        O,
+        R,
         {
-          onBlur: S,
-          name: v || T,
+          size: S,
+          onBlur: T,
+          name: y || v,
           label: o,
           value: h,
           onFocus: (e) => {
             e.preventDefault(), f(!0);
           },
           disabledInput: !0,
-          onChange: (e) => F(e),
+          onChange: (e) => M(e),
           placeholder: j,
           error: m == null ? void 0 : m.message,
           rightSide: !!C && /* @__PURE__ */ c.jsx(
-            A,
+            B,
             {
-              icon: k,
+              icon: A,
               className: "text-gray-500 cursor-pointer",
-              onClick: M
+              onClick: w
             }
           )
         }
@@ -83,5 +94,5 @@ const N = (a) => U(a, "dd/MM/yyyy"), D = (a) => {
   );
 };
 export {
-  Y as default
+  Z as default
 };

package/dist/components/molecules/FiltersMenu/FiltersMenu.d.ts

@@ -0,0 +1,13 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { FilterControl } from '../../../types/filters';
+import { Cycle } from 'motion/react';
+interface FiltersMenuProps {
+    filters: {
+        icon: IconProp;
+        label: string;
+        onClick: () => void;
+    }[];
+    filterControl: FilterControl<Cycle>;
+}
+declare const FiltersMenu: React.FC<FiltersMenuProps>;
+export default FiltersMenu;

package/dist/components/molecules/FiltersMenu/index.d.ts

@@ -0,0 +1 @@
+export { default as FiltersMenu } from './FiltersMenu';

package/dist/components/molecules/PillsContainer/PillsContainer.d.ts

@@ -1,6 +1,9 @@
 interface PillsContainerProps {
-    values: string[];
-    onPillRemove: (index: number) => void;
+    values: {
+        label: string;
+        value: string;
+    }[];
+    onPillRemove: (id: string) => void;
 }
 declare const PillsContainer: ({ values, onPillRemove, }: PillsContainerProps) => React.ReactElement;
 export default PillsContainer;