lawgic-dev-kit 0.21.4 → 0.22.2

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

@@ -1,4 +1,4 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
+import { j as l } from "../../../_virtual/jsx-runtime.js";
 import { useController as w } from "react-hook-form";
 import { useTheme as v } from "../../../hooks/useTheme.js";
 import "react";
@@ -6,59 +6,59 @@ const S = ({
   label: c,
   control: x,
   name: e,
-  placeholder: d,
-  className: i = "",
+  placeholder: p,
+  className: d = "",
   disabled: t = !1,
-  leftSide: s,
+  leftSide: a,
   rightSide: n,
-  translateKey: p = "",
-  size: b = "base",
-  ...g
+  translateKey: i = "",
+  size: g = "base",
+  ...b
 }) => {
   const {
-    field: { value: u = "", onChange: f, ref: h, onBlur: m },
+    field: { value: u = "", onChange: m, ref: f, onBlur: h },
     fieldState: { error: r }
-  } = w({ name: e, control: x }), { t: a } = v(), l = {
+  } = w({ name: e, control: x }), { t: s } = v(), o = {
     sm: {
-      container: "p-8",
-      text: "text-body-s",
-      label: "text-xs",
-      error: "text-xs",
-      gap: "gap-6"
+      container: "px-16 py-8",
+      text: "text-sm",
+      label: "text-sm",
+      error: "text-sm",
+      gap: "gap-8"
     },
     base: {
       container: "p-16",
       text: "text-body-m",
-      label: "text-label",
-      error: "text-label",
+      label: "text-14",
+      error: "text-sm",
       gap: "gap-8"
     }
-  }[b], y = a(e), $ = a(p);
-  return /* @__PURE__ */ o.jsxs(
+  }[g], y = s(e), $ = s(i);
+  return /* @__PURE__ */ l.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${l.gap} ${t && "cursor-not-allowed"} ${i}`,
+      className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${d}`,
       htmlFor: e,
       children: [
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ l.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 group ${r && "text-red-500!"} ${l.label} ${t && "text-gray-300"}`,
+            className: `text-gray-600 font-600 group ${r && "text-red-500!"} ${o.label} ${t && "text-gray-300"}`,
             children: c
           }
         ),
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ l.jsxs(
           "label",
           {
             htmlFor: e,
             className: `
-					flex items-center justify-between gap-8 ${l.container}
+					flex items-center justify-between gap-8 ${o.container}
 				
 				${r && "border-red-500!"} 
 
 				!bg-blue-50
 				
-				w-full h-full rounded-full border 
+				rounded-full border 
 				
 				${u && !t ? "border-blue-200" : "border-blue-100"} 
 				${!t && "group-hover:border-blue-300"} 
@@ -69,27 +69,27 @@ const S = ({
 				group-disabled:bg-gray-500
 				`,
             children: [
-              s && s,
-              /* @__PURE__ */ o.jsx(
+              a && a,
+              /* @__PURE__ */ l.jsx(
                 "input",
                 {
                   id: e,
                   name: e,
                   disabled: t,
-                  placeholder: d,
+                  placeholder: p,
                   value: u,
-                  onChange: (j) => f(j.target.value),
-                  onBlur: m,
-                  ref: h,
-                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 ${l.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden`,
-                  ...g
+                  onChange: (j) => m(j.target.value),
+                  onBlur: h,
+                  ref: f,
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 ${o.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden`,
+                  ...b
                 }
               ),
               n && n
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx("h4", { className: `font-500 text-red-500 leading-none ${l.error}`, children: (r == null ? void 0 : r.message) && a(r.message, { x: $ || y }) })
+        /* @__PURE__ */ l.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: (r == null ? void 0 : r.message) && s(r.message, { x: $ || y }) })
       ]
     }
   );

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

@@ -1,5 +1,4 @@
-import { ToastType } from '../../../types';
-type ToastContent = string | React.ReactNode;
+import { ToastContent, ToastType } from '../../../types';
 interface ToastProps {
     id?: string;
     content: ToastContent;
@@ -13,7 +12,7 @@ interface ToastManagerProps {
     toasts: Array<{
         id: string;
         content: ToastContent;
-        type: "success" | "error" | "warning" | "info" | "loading";
+        type: "success" | "error" | "warning" | "notification" | "loading";
         duration?: number;
     }>;
     removeToast: (id: string) => void;

package/dist/components/atoms/Toast/Toast.js

@@ -1,48 +1,50 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { faCircleInfo as c, faXmark as p, faCircleExclamation as y, faTriangleExclamation as h, faCircleCheck as w } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { faXmark as g, faCircleInfo as s, faBell as b, faTriangleExclamation as y, faCircleCheck as h } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
 import { FontAwesomeIcon as x } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { useState as j, useEffect as f } from "react";
-import { AnimatePresence as N } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion as T } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-const k = 500, D = ({
-  id: d,
-  content: b,
-  type: u = "info",
-  duration: s = 0,
-  onClose: o
+import { AnimatePresence as k } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as w } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+const N = 500, B = ({
+  id: p,
+  content: r,
+  type: u = "notification",
+  duration: o = 0,
+  onClose: l
 }) => {
   const [n, m] = j(!0);
-  let t = c, a, r, i;
+  let t, a = s, i;
   switch (u) {
     case "success":
-      a = "text-green-500", r = "bg-green-50", i = "border-green-500", t = w;
+      i = "text-green-500", t = "bg-green-100", a = h;
       break;
     case "error":
-      a = "text-red-500", r = "bg-red-50", i = "border-red-500", t = h;
+      i = "text-red-500", t = "bg-red-100", a = y;
       break;
     case "warning":
-      a = "text-yellow-500", r = "bg-yellow-50", i = "border-yellow-500", t = y;
+      i = "text-yellow-500", t = "bg-yellow-100", a = s;
       break;
     case "loading":
-      a = "text-gray-500", r = "bg-gray-50", i = "border-gray-500", t = c;
+      i = "text-gray-500", t = "bg-gray-100", a = s;
+      break;
+    case "notification":
+      i = "text-blue-500", t = "bg-blue-100", a = b;
       break;
-    case "info":
     default:
-      a = "text-blue-500", r = "bg-blue-50", i = "border-blue-500", t = c;
+      i = "text-blue-500", t = "bg-blue-100", a = s;
   }
   f(() => {
-    if (s === 0) return;
-    const l = setTimeout(() => {
+    if (o === 0) return;
+    const c = setTimeout(() => {
       m(!1);
-    }, s);
-    return () => clearTimeout(l);
-  }, [s]), f(() => {
+    }, o);
+    return () => clearTimeout(c);
+  }, [o]), f(() => {
     if (!n) {
-      const l = setTimeout(o, k);
-      return () => clearTimeout(l);
+      const c = setTimeout(l, N);
+      return () => clearTimeout(c);
     }
-  }, [n, o]);
-  const g = {
+  }, [n, l]);
+  const d = {
     initial: {
       opacity: 0,
       y: 50,
@@ -69,45 +71,36 @@ const k = 500, D = ({
       }
     }
   };
-  return /* @__PURE__ */ e.jsx(N, { onExitComplete: o, children: n && /* @__PURE__ */ e.jsx(
-    T.div,
+  return /* @__PURE__ */ e.jsx(k, { onExitComplete: l, children: n && /* @__PURE__ */ e.jsxs(
+    w.div,
     {
-      id: d,
-      className: `toast w-[320px] rounded-xl border-[1.5px] p-8 shadow-md ${r} ${i}`,
+      id: p,
+      className: "toast w-[320px] rounded-xl border-[1.5px] p-[18px] shadow-md bg-white font-jakarta-sans",
       initial: "initial",
       animate: "animate",
       exit: "exit",
-      variants: g,
+      variants: d,
       layout: !0,
-      children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center p-3", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-6", children: [
-          /* @__PURE__ */ e.jsx(
-            x,
-            {
-              icon: t,
-              className: `w-20 h-20 min-h-20 min-w-20 ${a}`
-            }
-          ),
-          /* @__PURE__ */ e.jsx("span", { className: "text-gray-800 font-medium text-base", children: b })
-        ] }),
+      children: [
         /* @__PURE__ */ e.jsx(
-          "button",
+          x,
           {
+            icon: g,
             onClick: () => m(!1),
-            className: "text-gray-500 transition-all hover:text-gray-700 flex items-center",
-            children: /* @__PURE__ */ e.jsx(
-              x,
-              {
-                icon: p,
-                className: "w-20 h-20 min-h-20 min-w-20"
-              }
-            )
+            className: "float-right text-lg text-[#9CA1B6] cursor-pointer"
           }
-        )
-      ] })
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "space-y-16", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex gap-12", children: [
+            /* @__PURE__ */ e.jsx(x, { icon: a, className: `text-[20px] p-6 rounded-full self-start ${i} ${t}` }),
+            /* @__PURE__ */ e.jsx("h5", { className: "text-lg font-bold text-blue-900 self-center", children: r.title })
+          ] }),
+          r.description && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-500 leading-[16px]", children: r.description })
+        ] })
+      ]
     }
   ) });
 };
 export {
-  D as default
+  B as default
 };

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

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

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

@@ -1,28 +1,49 @@
 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 M, { useState as N, useRef as $, useMemo as g } from "react";
+import { useFloating as Y, useClick as q, useDismiss as G, useInteractions as J, useTransitionStyles as K } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import Q from "fuse.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 re, arrow as se } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+const me = ({
   options: r,
-  onChange: x,
+  onChange: b,
   value: s,
-  disabled: d,
-  error: o,
-  label: g = "",
+  disabled: u,
+  error: i,
+  label: y = "",
   placeholder: L = "",
-  allowSearch: b = !1,
-  className: C = "",
-  innerClassName: $ = "",
-  dropdownStyle: S = {}
+  allowSearch: j = !1,
+  className: S = "",
+  innerClassName: C = "",
+  dropdownStyle: O = {},
+  showChevron: z = !0,
+  size: R = "base"
 }) => {
-  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 [l, m] = N(!1), [a, p] = N(""), h = $(null), T = $(null), x = r.find((e) => e.value === s), n = {
+    sm: {
+      container: "px-16 py-8",
+      text: "text-sm",
+      label: "text-sm",
+      error: "text-sm",
+      gap: "gap-8",
+      icon: "w-12 h-12",
+      option: "text-sm"
+    },
+    base: {
+      container: "p-16",
+      text: "text-body-m",
+      label: "text-14",
+      error: "text-sm",
+      gap: "gap-8",
+      icon: "w-16 h-16",
+      option: "text-body-m"
+    }
+  }[R], v = g(() => 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),
+    searchableLabel: typeof e.label == "string" ? e.label : M.isValidElement(e.label) ? d(e.label) : String(e.label),
     searchableValue: String(e.value)
-  })), [r]), v = p(() => {
+  })), [r]), w = g(() => {
     const e = {
       keys: [
         { name: "searchableLabel", weight: 2 },
@@ -40,103 +61,97 @@ const ie = ({
       shouldSort: !0,
       findAllMatches: !0
     };
-    return new G(j, e);
-  }, [j]), { x: R, y: T, strategy: F, refs: i, context: f } = U({
-    open: a,
-    onOpenChange: u,
+    return new Q(v, e);
+  }, [v]), { x: F, y: P, strategy: A, refs: c, context: f } = Y({
+    open: l,
+    onOpenChange: m,
     middleware: [
-      K(8),
-      Q(),
-      X({ padding: 8 }),
-      Z({
-        apply({ availableHeight: e, elements: n }) {
-          Object.assign(n.floating.style, {
+      Z(8),
+      ee(),
+      te({ padding: 8 }),
+      re({
+        apply({ availableHeight: e, elements: o }) {
+          Object.assign(o.floating.style, {
             maxHeight: `${Math.min(e - 10, 300)}px`
           });
         },
         padding: 8
       }),
-      ee({ element: O })
+      se({ element: T })
     ],
     placement: "bottom-start",
-    whileElementsMounted: J
-  }), P = _(f), z = H(f), { getReferenceProps: A, getFloatingProps: E } = Y([
-    P,
-    z
-  ]), { isMounted: W, styles: B } = q(f, {
+    whileElementsMounted: X
+  }), E = q(f), W = G(f), { getReferenceProps: B, getFloatingProps: V } = J([
+    E,
+    W
+  ]), { isMounted: D, styles: I } = K(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) => {
-    x(e.value), u(!1), m("");
-  }, D = A({
+  }), k = g(() => a.trim() ? w.search(a).map((o) => ({
+    ...o.item,
+    score: o.score,
+    matches: o.matches
+  })) : r, [a, w, r]), U = (e) => {
+    b(e.value), m(!1), p("");
+  }, _ = B({
     onClick: () => {
-      d || (u(!a), !a && h.current && b && setTimeout(() => {
+      u || (m(!l), !l && h.current && j && setTimeout(() => {
         var e;
         return (e = h.current) == null ? void 0 : e.focus();
       }, 100));
     }
   });
-  return /* @__PURE__ */ t.jsxs("div", { className: `w-full relative flex flex-col gap-8 ${C}`, children: [
-    g && /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: `relative flex flex-col ${n.gap} ${S}`, children: [
+    y && /* @__PURE__ */ t.jsx(
       "h6",
       {
-        className: `text-gray-600 font-600 group ${o ? "!text-red-500" : ""} text-label ${d ? "text-gray-300" : ""}`,
-        children: g
+        className: `text-gray-600 font-600 group ${i ? "!text-red-500" : ""} ${n.label} ${u ? "text-gray-300" : ""}`,
+        children: y
       }
     ),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        ref: i.setReference,
-        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,
+        ref: c.setReference,
+        className: `${C} flex items-center justify-between bg-light rounded-full 
+          ${n.container} cursor-pointer border transition-all duration-200 
+          ${u ? "opacity-60 cursor-not-allowed" : "hover:border-blue-400"}
+          ${i ? "border-red-500 hover:border-red-600" : ""} 
+          ${l ? "border-blue-400" : "border-blue-100"}`,
+        ..._,
         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(
+          /* @__PURE__ */ t.jsx("div", { className: "flex items-center w-full overflow-hidden", children: /* @__PURE__ */ t.jsx("span", { className: `flex-grow font-600 truncate ${n.text} ${x ? "" : "text-gray-400"}`, children: x ? x.label : L }) }),
+          z && /* @__PURE__ */ t.jsx(
             "svg",
             {
-              className: `w-16 h-16 transition-transform ${a ? "transform rotate-180" : ""}`,
+              className: `${n.icon} transition-transform ${l ? "transform rotate-180" : ""}`,
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ t.jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: "M19 9l-7 7-7-7"
-                }
-              )
+              children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 9l-7 7-7-7" })
             }
           )
         ]
       }
     ),
-    o && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: o }),
-    W && /* @__PURE__ */ t.jsxs(
+    i && /* @__PURE__ */ t.jsx("p", { className: `font-500 text-red-500 leading-none ${n.error}`, children: i }),
+    D && /* @__PURE__ */ t.jsxs(
       "div",
       {
-        ref: i.setFloating,
+        ref: c.setFloating,
         style: {
-          position: F,
-          top: T ?? 0,
-          left: R ?? 0,
-          ...B,
-          width: i.reference.current instanceof Element ? i.reference.current.clientWidth : void 0,
+          position: A,
+          top: P ?? 0,
+          left: F ?? 0,
+          ...I,
+          width: c.reference.current instanceof Element ? c.reference.current.clientWidth : void 0,
           zIndex: 50,
-          ...S
+          ...O
         },
         className: "bg-white border border-blue-400 rounded-3xl shadow-lg overflow-hidden",
-        ...E(),
+        ...V(),
         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: [
+          j && /* @__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" }) }) }),
             /* @__PURE__ */ t.jsx(
               "input",
@@ -145,38 +160,38 @@ const ie = ({
                 type: "text",
                 className: "w-full py-8 pl-40 pr-12 rounded-full focus:outline-none text-body-s",
                 placeholder: "Search options...",
-                value: l,
-                onChange: (e) => m(e.target.value),
+                value: a,
+                onChange: (e) => p(e.target.value),
                 onClick: (e) => e.stopPropagation(),
                 autoFocus: !0
               }
             ),
-            l && /* @__PURE__ */ t.jsx(
+            a && /* @__PURE__ */ t.jsx(
               "button",
               {
                 className: "absolute inset-y-0 right-0 pr-12 flex items-center",
                 onClick: (e) => {
-                  e.stopPropagation(), m("");
+                  e.stopPropagation(), p("");
                 },
                 children: /* @__PURE__ */ t.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__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) })
               }
             )
           ] }) }),
-          /* @__PURE__ */ t.jsx("div", { className: "max-h-[250px] overflow-y-auto", children: w.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "py-4", children: w.map((e, n) => /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx("div", { className: "max-h-[250px] overflow-y-auto", children: k.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "py-4", children: k.map((e, o) => /* @__PURE__ */ t.jsx(
             "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);
+              className: `flex items-center px-16 py-10 transition-all duration-200 hover:bg-blue-50 cursor-pointer ${n.option} ${s === e.value ? "bg-blue-100/30 text-blue-500 font-medium text" : ""}`,
+              onClick: (H) => {
+                H.stopPropagation(), U(e);
               },
               children: /* @__PURE__ */ t.jsx("span", { children: (e == null ? void 0 : e.expandedLabel) || e.label })
             },
-            `${e.value}-${n}`
+            `${e.value}-${o}`
           )) }) : /* @__PURE__ */ t.jsxs("div", { className: "px-16 py-16 text-center text-gray-500", children: [
             /* @__PURE__ */ t.jsx("svg", { className: "mx-auto h-24 w-24 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
             /* @__PURE__ */ t.jsxs("p", { className: "mt-8 text-body-s", children: [
               'No matches found for "',
-              l,
+              a,
               '"'
             ] })
           ] }) })
@@ -184,16 +199,16 @@ const ie = ({
       }
     )
   ] });
-}, c = (r) => {
+}, d = (r) => {
   if (typeof r == "string") return r;
   if (typeof r == "number" || typeof r == "boolean") return String(r);
   if (!r) return "";
   if (M.isValidElement(r)) {
     const s = r.props.children;
-    return s ? Array.isArray(s) ? s.map(c).join(" ") : c(s) : "";
+    return s ? Array.isArray(s) ? s.map(d).join(" ") : d(s) : "";
   }
-  return Array.isArray(r) ? r.map(c).join(" ") : "";
+  return Array.isArray(r) ? r.map(d).join(" ") : "";
 };
 export {
-  ie as default
+  me as default
 };