lawgic-dev-kit 0.21.4 → 0.21.6

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

@@ -1,4 +1,4 @@
 import { FieldValues } from 'react-hook-form';
 import { SelectInputProps } from './SelectInput.types';
-declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, dropdownStyle, innerClassName }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, dropdownStyle, innerClassName, showChevron, }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default SelectInput;

package/dist/components/atoms/SelectInput/SelectInput.js

@@ -1,11 +1,11 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { useFloating as U, useClick as Y, useDismiss as _, useInteractions as q, useTransitionStyles as G } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
-import { useState as w, useRef as L, useEffect as J } from "react";
-import { Controller as K } from "react-hook-form";
-import { useTheme as Q } from "../../../hooks/useTheme.js";
-import { autoUpdate as V } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { offset as X, flip as Z, shift as ee, size as te, arrow as se } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-const ue = ({
+import { useFloating as Y, useClick as _, useDismiss as q, useInteractions as G, useTransitionStyles as J } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { useState as N, useRef as S, useEffect as K } from "react";
+import { Controller as Q } from "react-hook-form";
+import { useTheme as V } from "../../../hooks/useTheme.js";
+import { autoUpdate as X } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { offset as Z, flip as ee, shift as te, size as se, arrow as re } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const pe = ({
   options: c,
   name: l,
   control: p,
@@ -14,29 +14,31 @@ const ue = ({
   className: r = "",
   input: h = !0,
   dropdownStyle: f = {},
-  innerClassName: g = ""
+  innerClassName: g = "",
+  showChevron: b = !0
 }) => /* @__PURE__ */ e.jsx(
-  K,
+  Q,
   {
     name: l,
     control: p,
-    render: ({ field: { onChange: b, value: n }, fieldState: { error: s } }) => /* @__PURE__ */ e.jsx(
-      re,
+    render: ({ field: { onChange: y, value: n }, fieldState: { error: s } }) => /* @__PURE__ */ e.jsx(
+      ne,
       {
         options: c,
         value: n,
-        onChange: b,
+        onChange: y,
         label: x,
         placeholder: m,
         error: s == null ? void 0 : s.message,
         className: r,
         input: h,
         dropdownStyle: f,
-        innerClassName: g
+        innerClassName: g,
+        showChevron: b
       }
     )
   }
-), re = ({
+), ne = ({
   options: c,
   value: l,
   onChange: p,
@@ -46,18 +48,19 @@ const ue = ({
   input: h = !0,
   className: f = "",
   dropdownStyle: g = {},
-  innerClassName: b = ""
+  innerClassName: b = "",
+  showChevron: y = !0
 }) => {
-  const { t: n } = Q(), [s, y] = w(!1), [a, j] = w(""), [i, N] = w(
+  const { t: n } = V(), [s, j] = N(!1), [a, k] = N(""), [i, C] = N(
     l || null
-  ), k = L(null), S = L(null), { x: M, y: T, strategy: $, refs: d, context: v } = U({
+  ), v = S(null), M = S(null), { x: T, y: $, strategy: O, refs: d, context: w } = Y({
     open: s,
-    onOpenChange: y,
+    onOpenChange: j,
     middleware: [
-      X(8),
-      Z(),
-      ee({ padding: 8 }),
-      te({
+      Z(8),
+      ee(),
+      te({ padding: 8 }),
+      se({
         apply({ availableHeight: t, elements: o }) {
           Object.assign(o.floating.style, {
             maxHeight: `${Math.min(t - 10, 300)}px`
@@ -65,38 +68,38 @@ const ue = ({
         },
         padding: 8
       }),
-      se({ element: S })
+      re({ element: M })
     ],
     placement: "bottom-start",
-    whileElementsMounted: V
-  }), O = Y(v), P = _(v), { getReferenceProps: R, getFloatingProps: z } = q([
-    O,
-    P
-  ]), { isMounted: F, styles: I } = G(v, {
+    whileElementsMounted: X
+  }), P = _(w), R = q(w), { getReferenceProps: z, getFloatingProps: F } = G([
+    P,
+    R
+  ]), { isMounted: I, styles: W } = J(w, {
     duration: { open: 200, close: 150 },
     initial: { opacity: 0, transform: "translateY(-4px)" }
-  }), C = (() => {
+  }), L = (() => {
     const t = Array.isArray(c) ? c : [];
     if (!a.trim()) return t;
     const o = a.toLowerCase();
     return t.filter((u) => {
-      const D = u.label.toLowerCase(), H = u.key.toLowerCase();
-      return D.includes(o) || H.includes(o);
+      const H = u.label.toLowerCase(), U = u.key.toLowerCase();
+      return H.includes(o) || U.includes(o);
     });
-  })(), W = (t) => {
-    N(t), y(!1), j(""), p(t);
-  }, B = () => {
-    y(!s), !s && k.current && setTimeout(() => {
+  })(), B = (t) => {
+    C(t), j(!1), k(""), p(t);
+  }, E = () => {
+    j(!s), !s && v.current && setTimeout(() => {
       var t;
-      return (t = k.current) == null ? void 0 : t.focus();
+      return (t = v.current) == null ? void 0 : t.focus();
     }, 100);
   };
-  J(() => {
-    N(l);
+  K(() => {
+    C(l);
   }, [l]);
-  const E = R({
-    onClick: B
-  }), A = n(m);
+  const A = z({
+    onClick: E
+  }), D = n(m);
   return /* @__PURE__ */ e.jsxs("div", { className: `w-full relative flex flex-col gap-8 ${f}`, children: [
     /* @__PURE__ */ e.jsx(
       "h6",
@@ -112,10 +115,10 @@ const ue = ({
         className: `${b} flex items-center justify-between bg-light rounded-full p-16 cursor-pointer
           border transition-all duration-200 hover:border-blue-400
           ${r ? "border-red-500 hover:border-red-600" : ""} ${s ? "border-blue-400" : "border-blue-100"}`,
-        ...E,
+        ...A,
         children: [
-          i ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center w-full", children: /* @__PURE__ */ e.jsx("span", { className: "flex-grow font-600 text-body-m", children: n(i.label) }) }) : /* @__PURE__ */ e.jsx("span", { className: "text-gray-400 font-600 text-body-m", children: A }),
-          /* @__PURE__ */ e.jsx(
+          i ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center w-full", children: /* @__PURE__ */ e.jsx("span", { className: "flex-grow font-600 text-body-m", children: n(i.label) }) }) : /* @__PURE__ */ e.jsx("span", { className: "text-gray-400 font-600 text-body-m", children: D }),
+          y && /* @__PURE__ */ e.jsx(
             "svg",
             {
               className: `w-16 h-16 transition-transform ${s ? "transform rotate-180" : ""}`,
@@ -137,33 +140,33 @@ const ue = ({
       }
     ),
     r && /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-sm text-red-600", children: r }),
-    F && /* @__PURE__ */ e.jsxs(
+    I && /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: d.setFloating,
         style: {
-          position: $,
-          top: T ?? 0,
-          left: M ?? 0,
-          ...I,
+          position: O,
+          top: $ ?? 0,
+          left: T ?? 0,
+          ...W,
           width: d.reference.current instanceof Element ? d.reference.current.clientWidth : void 0,
           zIndex: 50,
           ...g
         },
         className: "bg-white border border-blue-400 rounded-3xl shadow-lg overflow-hidden",
-        ...z(),
+        ...F(),
         children: [
           h && /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 bg-white p-8 border-b border-gray-100 z-20", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ e.jsx("div", { className: "absolute inset-y-0 left-0 pl-12 flex items-center pointer-events-none", children: /* @__PURE__ */ e.jsx("svg", { className: "h-16 w-16 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
             /* @__PURE__ */ e.jsx(
               "input",
               {
-                ref: k,
+                ref: v,
                 type: "text",
                 className: "w-full py-8 pl-40 pr-12 rounded-full focus:outline-none text-body-s",
                 placeholder: n("search_options"),
                 value: a,
-                onChange: (t) => j(t.target.value),
+                onChange: (t) => k(t.target.value),
                 onClick: (t) => t.stopPropagation(),
                 autoFocus: !0
               }
@@ -173,18 +176,18 @@ const ue = ({
               {
                 className: "absolute inset-y-0 right-0 pr-12 flex items-center",
                 onClick: (t) => {
-                  t.stopPropagation(), j("");
+                  t.stopPropagation(), k("");
                 },
                 children: /* @__PURE__ */ e.jsx("svg", { className: "h-16 w-16 text-gray-400 hover:text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) })
               }
             )
           ] }) }),
-          /* @__PURE__ */ e.jsx("div", { className: "max-h-[250px] overflow-y-auto", children: C.length > 0 ? /* @__PURE__ */ e.jsx("ul", { className: "py-4", children: C.map((t, o) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { className: "max-h-[250px] overflow-y-auto", children: L.length > 0 ? /* @__PURE__ */ e.jsx("ul", { className: "py-4", children: L.map((t, o) => /* @__PURE__ */ e.jsx(
             "li",
             {
               className: `flex items-center px-16 py-10 transition-all duration-200 hover:bg-blue-50 cursor-pointer ${(i == null ? void 0 : i.key) === t.key ? "bg-blue-100/30 text-blue-500 font-medium" : ""}`,
               onClick: (u) => {
-                u.stopPropagation(), W(t);
+                u.stopPropagation(), B(t);
               },
               children: /* @__PURE__ */ e.jsx("span", { children: typeof t.label == "string" ? n(t.label) : t.expandedLabel || t.label })
             },
@@ -203,5 +206,5 @@ const ue = ({
   ] });
 };
 export {
-  ue as default
+  pe as default
 };

package/dist/components/atoms/SelectInput/SelectInput.types.d.ts

@@ -14,6 +14,7 @@ export interface SelectInputProps<T extends FieldValues> {
     className?: string;
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
+    showChevron?: boolean;
 }
 export interface SelectInputFieldProps {
     options: Option[];
@@ -26,4 +27,5 @@ export interface SelectInputFieldProps {
     className?: string;
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
+    showChevron?: boolean;
 }

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

@@ -16,6 +16,7 @@ interface UncontrolledSelectorProps {
     className?: string;
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
+    showChevron?: boolean;
 }
 declare const UncontrolledSelector: React.FC<UncontrolledSelectorProps>;
 export default UncontrolledSelector;

package/dist/components/atoms/UncontrolledSelector/UncontrolledSelector.js

@@ -1,10 +1,10 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
 import M, { useState as k, useRef as N, useMemo as p } from "react";
-import { useFloating as U, useClick as _, useDismiss as H, useInteractions as Y, useTransitionStyles as q } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
-import G from "fuse.js";
-import { autoUpdate as J } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { offset as K, flip as Q, shift as X, size as Z, arrow as ee } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-const ie = ({
+import { useFloating as _, useClick as H, useDismiss as Y, useInteractions as q, useTransitionStyles as G } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import J from "fuse.js";
+import { autoUpdate as K } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { offset as Q, flip as X, shift as Z, size as ee, arrow as te } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const ce = ({
   options: r,
   onChange: x,
   value: s,
@@ -15,9 +15,10 @@ const ie = ({
   allowSearch: b = !1,
   className: C = "",
   innerClassName: $ = "",
-  dropdownStyle: S = {}
+  dropdownStyle: S = {},
+  showChevron: O = !0
 }) => {
-  const [a, u] = k(!1), [l, m] = k(""), h = N(null), O = N(null), y = r.find((e) => e.value === s), j = p(() => r.map((e) => ({
+  const [a, u] = k(!1), [l, m] = k(""), h = N(null), R = N(null), y = r.find((e) => e.value === s), j = p(() => r.map((e) => ({
     ...e,
     // Extract text from React nodes if needed
     searchableLabel: typeof e.label == "string" ? e.label : M.isValidElement(e.label) ? c(e.label) : String(e.label),
@@ -40,15 +41,15 @@ const ie = ({
       shouldSort: !0,
       findAllMatches: !0
     };
-    return new G(j, e);
-  }, [j]), { x: R, y: T, strategy: F, refs: i, context: f } = U({
+    return new J(j, e);
+  }, [j]), { x: T, y: F, strategy: P, refs: i, context: f } = _({
     open: a,
     onOpenChange: u,
     middleware: [
-      K(8),
-      Q(),
-      X({ padding: 8 }),
-      Z({
+      Q(8),
+      X(),
+      Z({ padding: 8 }),
+      ee({
         apply({ availableHeight: e, elements: n }) {
           Object.assign(n.floating.style, {
             maxHeight: `${Math.min(e - 10, 300)}px`
@@ -56,23 +57,23 @@ const ie = ({
         },
         padding: 8
       }),
-      ee({ element: O })
+      te({ element: R })
     ],
     placement: "bottom-start",
-    whileElementsMounted: J
-  }), P = _(f), z = H(f), { getReferenceProps: A, getFloatingProps: E } = Y([
-    P,
-    z
-  ]), { isMounted: W, styles: B } = q(f, {
+    whileElementsMounted: K
+  }), z = H(f), A = Y(f), { getReferenceProps: E, getFloatingProps: W } = q([
+    z,
+    A
+  ]), { isMounted: B, styles: V } = G(f, {
     duration: { open: 200, close: 150 },
     initial: { opacity: 0, transform: "translateY(-4px)" }
   }), w = p(() => l.trim() ? v.search(l).map((n) => ({
     ...n.item,
     score: n.score,
     matches: n.matches
-  })) : r, [l, v, r]), V = (e) => {
+  })) : r, [l, v, r]), D = (e) => {
     x(e.value), u(!1), m("");
-  }, D = A({
+  }, I = E({
     onClick: () => {
       d || (u(!a), !a && h.current && b && setTimeout(() => {
         var e;
@@ -95,10 +96,10 @@ const ie = ({
         className: `${$} flex items-center justify-between bg-light rounded-full p-16 cursor-pointer
           border transition-all duration-200 ${d ? "opacity-60 cursor-not-allowed" : "hover:border-blue-400"}
           ${o ? "border-red-500 hover:border-red-600" : ""} ${a ? "border-blue-400" : "border-blue-100"}`,
-        ...D,
+        ...I,
         children: [
           y ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center w-full", children: /* @__PURE__ */ t.jsx("span", { className: "flex-grow font-600 text-body-m", children: y.label }) }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-400 font-600 text-body-m", children: L }),
-          /* @__PURE__ */ t.jsx(
+          O && /* @__PURE__ */ t.jsx(
             "svg",
             {
               className: `w-16 h-16 transition-transform ${a ? "transform rotate-180" : ""}`,
@@ -120,21 +121,21 @@ const ie = ({
       }
     ),
     o && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: o }),
-    W && /* @__PURE__ */ t.jsxs(
+    B && /* @__PURE__ */ t.jsxs(
       "div",
       {
         ref: i.setFloating,
         style: {
-          position: F,
-          top: T ?? 0,
-          left: R ?? 0,
-          ...B,
+          position: P,
+          top: F ?? 0,
+          left: T ?? 0,
+          ...V,
           width: i.reference.current instanceof Element ? i.reference.current.clientWidth : void 0,
           zIndex: 50,
           ...S
         },
         className: "bg-white border border-blue-400 rounded-3xl shadow-lg overflow-hidden",
-        ...E(),
+        ...W(),
         children: [
           b && /* @__PURE__ */ t.jsx("div", { className: "sticky top-0 bg-white p-8 border-b border-gray-100 z-20", children: /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ t.jsx("div", { className: "absolute inset-y-0 left-0 pl-12 flex items-center pointer-events-none", children: /* @__PURE__ */ t.jsx("svg", { className: "h-16 w-16 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
@@ -166,8 +167,8 @@ const ie = ({
             "li",
             {
               className: `flex items-center px-16 py-10 transition-all duration-200 hover:bg-blue-50 cursor-pointer ${s === e.value ? "bg-blue-100/30 text-blue-500 font-medium" : ""}`,
-              onClick: (I) => {
-                I.stopPropagation(), V(e);
+              onClick: (U) => {
+                U.stopPropagation(), D(e);
               },
               children: /* @__PURE__ */ t.jsx("span", { children: (e == null ? void 0 : e.expandedLabel) || e.label })
             },
@@ -195,5 +196,5 @@ const ie = ({
   return Array.isArray(r) ? r.map(c).join(" ") : "";
 };
 export {
-  ie as default
+  ce as default
 };