lawgic-dev-kit 0.22.16 → 0.23.2

package/dist/_virtual/index2.js

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

package/dist/_virtual/index3.js

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

package/dist/_virtual/index4.js

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

package/dist/_virtual/index5.js

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

package/dist/_virtual/index6.js

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

package/dist/_virtual/index7.js

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

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

@@ -20,15 +20,15 @@ const V = ({
   } = w({ name: e, control: c }), [s, h] = y(!1), { t: u } = N(), l = {
     sm: {
       container: "px-16 py-8",
-      text: "text-14",
-      label: "text-14",
+      text: "text-sm",
+      label: "text-sm",
       error: "text-sm",
       gap: "gap-8"
     },
     md: {
       container: "p-16",
-      text: "text-body-m",
-      label: "text-body-m",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8"
     }

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

@@ -57,16 +57,16 @@ const me = ({
   const { t: o } = Q(), [s, j] = $(!1), [v, C] = $(""), [l, S] = $(i || null), w = z(null), O = z(null), r = {
     sm: {
       container: "px-16 py-8",
-      text: "text-14",
-      label: "text-14",
+      text: "text-sm",
+      label: "text-sm",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-12 h-12"
     },
     md: {
       container: "p-16",
-      text: "text-body-m",
-      label: "text-body-m",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-16 h-16"

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

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

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

@@ -1,24 +1,24 @@
 import { j as e } from "../../../_virtual/jsx-runtime.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 { faXmark as b, faCircleInfo as s, faBell as g, faTriangleExclamation as h, faCircleCheck as y } 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 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,
+  id: u,
   content: r,
-  type: u = "notification",
+  type: d = "notification",
   duration: o = 0,
   onClose: l
 }) => {
   const [n, m] = j(!0);
   let t, a = s, i;
-  switch (u) {
+  switch (d) {
     case "success":
-      i = "text-green-500", t = "bg-green-100", a = h;
+      i = "text-green-500", t = "bg-green-100", a = y;
       break;
     case "error":
-      i = "text-red-500", t = "bg-red-100", a = y;
+      i = "text-red-500", t = "bg-red-100", a = h;
       break;
     case "warning":
       i = "text-yellow-500", t = "bg-yellow-100", a = s;
@@ -27,7 +27,7 @@ const N = 500, B = ({
       i = "text-gray-500", t = "bg-gray-100", a = s;
       break;
     case "notification":
-      i = "text-blue-500", t = "bg-blue-100", a = b;
+      i = "text-blue-500", t = "bg-blue-100", a = g;
       break;
     default:
       i = "text-blue-500", t = "bg-blue-100", a = s;
@@ -44,7 +44,7 @@ const N = 500, B = ({
       return () => clearTimeout(c);
     }
   }, [n, l]);
-  const d = {
+  const p = {
     initial: {
       opacity: 0,
       y: 50,
@@ -74,28 +74,28 @@ const N = 500, B = ({
   return /* @__PURE__ */ e.jsx(k, { onExitComplete: l, children: n && /* @__PURE__ */ e.jsxs(
     w.div,
     {
-      id: p,
-      className: "toast w-[320px] rounded-xl border-[1.5px] p-[18px] shadow-md bg-white font-jakarta-sans",
+      id: u,
+      className: "toast w-[400px] rounded-2xl border-1 border-blue-200 p-[18px] shadow-blue-sh bg-white font-jakarta-sans",
       initial: "initial",
       animate: "animate",
       exit: "exit",
-      variants: d,
+      variants: p,
       layout: !0,
       children: [
         /* @__PURE__ */ e.jsx(
           x,
           {
-            icon: g,
+            icon: b,
             onClick: () => m(!1),
             className: "float-right text-lg text-[#9CA1B6] cursor-pointer"
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: "space-y-16", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "space-y-12", 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 })
+          r.description && /* @__PURE__ */ e.jsx("span", { className: "text-md text-gray-500 leading-[16px]", children: r.description })
         ] })
       ]
     }

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

@@ -22,21 +22,21 @@ const me = ({
   const [a, m] = N(!1), [l, p] = N(""), h = $(null), T = $(null), x = r.find((e) => e.value === s), n = {
     sm: {
       container: "px-16 py-8",
-      text: "text-14",
-      label: "text-14",
+      text: "text-sm",
+      label: "text-sm",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-12 h-12",
-      option: "text-14"
+      option: "text-sm"
     },
     md: {
       container: "p-16",
-      text: "text-body-m",
-      label: "text-body-m",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-16 h-16",
-      option: "text-body-m"
+      option: "text-14"
     }
   }[R], v = g(() => r.map((e) => ({
     ...e,

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

@@ -8,10 +8,10 @@ const w = ({
   name: t,
   error: l,
   placeholder: i,
-  className: d = "",
+  className: g = "",
   disabled: e = !1,
   disabledInput: s = !1,
-  size: g = "md",
+  size: d = "md",
   leftSide: a,
   rightSide: c,
   ...b
@@ -19,23 +19,23 @@ const w = ({
   const { t: x } = h(), r = {
     sm: {
       container: "px-16 py-8",
-      text: "text-14",
-      label: "text-14",
+      text: "text-sm",
+      label: "text-sm",
       error: "text-sm",
       gap: "gap-8"
     },
     md: {
       container: "p-16",
-      text: "text-body-m",
-      label: "text-body-m",
+      text: "text-14",
+      label: "text-14",
       error: "text-14",
       gap: "gap-8"
     }
-  }[g];
+  }[d];
   return /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${d}`,
+      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${g}`,
       htmlFor: t,
       children: [
         /* @__PURE__ */ o.jsx(

package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,5 +1,5 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import E, { useState as j, useRef as v, useCallback as _ } from "react";
+import E, { useState as b, useRef as v, useCallback as _ } from "react";
 import { useFloating as q, useClick as H, useDismiss as Y, useInteractions as A, useTransitionStyles as G } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import "../../../_virtual/lodash.js";
@@ -25,25 +25,25 @@ const fe = ({
   size: C = "md"
 }) => {
   var y;
-  const [l, h] = j(!1), [i, f] = j(""), $ = v(null), z = v(null), o = {
+  const [l, h] = b(!1), [i, f] = b(""), $ = v(null), z = v(null), o = {
     sm: {
       container: "px-16 py-8",
-      text: "text-14",
-      label: "text-14",
+      text: "text-sm",
+      label: "text-sm",
       icon: "w-12 h-12",
       checkboxSize: 16,
       gap: "gap-8",
-      searchText: "text-14",
+      searchText: "text-sm",
       searchIcon: "size-12"
     },
     md: {
       container: "p-16",
-      text: "text-body-m",
-      label: "text-body-m",
+      text: "text-14",
+      label: "text-14",
       icon: "w-16 h-16",
       checkboxSize: 20,
       gap: "gap-8",
-      searchText: "text-body-m",
+      searchText: "text-14",
       searchIcon: "size-16"
     }
   }[C], { x: S, y: L, strategy: M, refs: x, context: d } = q({
@@ -151,7 +151,7 @@ const fe = ({
             )
           ] }) }),
           /* @__PURE__ */ e.jsx("div", { className: "max-h-[450px] overflow-y-auto", children: g.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-4", children: g.map((t) => {
-            var a, c, b;
+            var a, c, j;
             const s = n.includes(t.value);
             return /* @__PURE__ */ e.jsxs(E.Fragment, { children: [
               t.dividerBefore && /* @__PURE__ */ e.jsx("div", { className: "px-16 py-8", children: /* @__PURE__ */ e.jsx("hr", { className: "border-t border-gray-200" }) }),
@@ -175,7 +175,7 @@ const fe = ({
                       {
                         className: `flex items-center rounded-[8px] py-4 px-8 gap-[6px] overflow-hidden ${((a = t.colors) == null ? void 0 : a.bgColor) || ""} ${((c = t.colors) == null ? void 0 : c.textColor) || ""}`,
                         children: [
-                          ((b = t.colors) == null ? void 0 : b.dotColor) && /* @__PURE__ */ e.jsx(
+                          ((j = t.colors) == null ? void 0 : j.dotColor) && /* @__PURE__ */ e.jsx(
                             "span",
                             {
                               className: "size-6 rounded-full flex-shrink-0",

package/dist/components/molecules/SingleSelectDropdown/SingleSelectDropdown.js

@@ -29,22 +29,22 @@ const je = ({
   const [n, i] = N(!1), [l, c] = N(""), R = w(null), B = w(null), s = {
     sm: {
       container: "px-16 py-8",
-      text: "text-14",
-      label: "text-14",
+      text: "text-sm",
+      label: "text-sm",
       icon: "w-12 h-12",
       checkboxSize: 16,
       gap: "gap-8",
-      searchText: "text-14",
+      searchText: "text-sm",
       searchIcon: "size-12"
     },
     md: {
       container: "p-16",
-      text: "text-body-m",
-      label: "text-body-m",
+      text: "text-14",
+      label: "text-14",
       icon: "w-16 h-16",
       checkboxSize: 20,
       gap: "gap-8",
-      searchText: "text-body-m",
+      searchText: "text-14",
       searchIcon: "size-16"
     }
   }[L], { x: I, y: O, strategy: T, refs: d, context: x } = q({
@@ -155,7 +155,7 @@ const je = ({
             )
           ] }) }),
           /* @__PURE__ */ e.jsx("div", { className: "max-h-[450px] overflow-y-auto", children: h.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-4", children: h.map((t) => {
-            var b, v, k;
+            var v, b, k;
             const p = a === t.value;
             return /* @__PURE__ */ e.jsxs(Y.Fragment, { children: [
               t.dividerBefore && /* @__PURE__ */ e.jsx("div", { className: "px-16 py-8", children: /* @__PURE__ */ e.jsx("hr", { className: "border-t border-gray-200" }) }),
@@ -177,7 +177,7 @@ const je = ({
                     /* @__PURE__ */ e.jsxs(
                       "div",
                       {
-                        className: `flex items-center rounded-[8px] py-4 px-8 gap-[6px] overflow-hidden ${((b = t.colors) == null ? void 0 : b.bgColor) || ""} ${((v = t.colors) == null ? void 0 : v.textColor) || ""}`,
+                        className: `flex items-center rounded-[8px] py-4 px-8 gap-[6px] overflow-hidden ${((v = t.colors) == null ? void 0 : v.bgColor) || ""} ${((b = t.colors) == null ? void 0 : b.textColor) || ""}`,
                         children: [
                           ((k = t.colors) == null ? void 0 : k.dotColor) && /* @__PURE__ */ e.jsx(
                             "span",

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 type TooltipLocation = 'top' | 'bottom' | 'left' | 'right';
+type TooltipBehavior = 'hover' | 'truncated' | 'both';
 interface TooltipProps {
     text: string;
     children: ReactNode;
@@ -8,14 +9,19 @@ interface TooltipProps {
     location?: TooltipLocation;
     childClassName?: string;
     forceShow?: boolean;
+    behavior?: TooltipBehavior;
 }
 /**
- * Smart Tooltip Component
- * * Automatically detects if the children's text is truncated.
- * The tooltip bubble only appears if the content overflows its container.
- * * Usage Note:
+ * Tooltip Component
+ *
+ * Supports three display behaviors via the `behavior` prop:
+ * - `"hover"`: Always shows the tooltip on hover.
+ * - `"truncated"`: Only shows the tooltip when the children's text is truncated (default).
+ * - `"both"`: Always shows on hover, and also detects truncation for styling.
+ *
+ * Usage Note:
  * By default, it truncates based on the parent's width. To truncate earlier,
  * pass a specific width class to `childClassName` (e.g., `max-w-[200px]`).
  */
-declare const Tooltip: ({ text, children, icon, location, childClassName, forceShow }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ text, children, icon, location, childClassName, forceShow, behavior }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/dist/components/molecules/Tooltip/Tooltip.js

@@ -1,41 +1,52 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { useState as m, useRef as u, useLayoutEffect as h } from "react";
-import { FontAwesomeIcon as w } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-const j = ({ text: s, children: a, icon: e, location: l = "top", childClassName: d = "", forceShow: p }) => {
-  const [x, i] = m(!1), n = u(null), b = {
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { useState as p, useRef as j, useLayoutEffect as N } from "react";
+import { FontAwesomeIcon as E } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+const T = ({ text: l, children: a, icon: t, location: n = "top", childClassName: c = "", forceShow: f, behavior: o = "hover" }) => {
+  const [b, m] = p(!1), [u, d] = p(!1), i = j(null), h = f || o === "hover" || o === "both" || o === "truncated" && b, v = {
     top: "bottom-full left-1/2 -translate-x-1/2 mb-2 flex-col",
     bottom: "top-full left-1/2 -translate-x-1/2 mt-2 flex-col-reverse",
     left: "right-full top-1/2 -translate-y-1/2 mr-2 flex-row",
     right: "left-full top-1/2 -translate-y-1/2 ml-2 flex-row-reverse"
-  }, c = {
+  }, g = {
     top: "border-l-[8px] border-l-transparent border-r-[8px] border-r-transparent border-t-[8px] border-t-gray-700",
     bottom: "border-l-[8px] border-l-transparent border-r-[8px] border-r-transparent border-b-[8px] border-b-gray-700",
     left: "border-t-[8px] border-t-transparent border-b-[8px] border-b-transparent border-l-[8px] border-l-gray-700",
     right: "border-t-[8px] border-t-transparent border-b-[8px] border-b-transparent border-r-[8px] border-r-gray-700"
-  }, t = () => {
-    const o = n.current;
-    if (o) {
-      const f = o.scrollWidth > o.offsetWidth;
-      i(f);
+  }, s = () => {
+    const r = i.current;
+    if (r) {
+      const w = r.scrollWidth > r.offsetWidth, y = Array.from(r.querySelectorAll("*")).some(
+        (x) => x.scrollWidth > x.offsetWidth
+      );
+      m(w || y);
     }
   };
-  return h(() => (t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), [s, a]), /* @__PURE__ */ r.jsxs("div", { className: "group relative grid min-w-0 w-full", children: [
-    /* @__PURE__ */ r.jsx("div", { ref: n, className: `truncate ${d}`, children: a }),
-    x || p && /* @__PURE__ */ r.jsxs("div", { className: `pointer-events-none absolute flex items-center opacity-0 transition-opacity group-hover:opacity-100 z-50 ${b[l]}`, children: [
-      /* @__PURE__ */ r.jsx("div", { className: "bg-gray-700 p-12 rounded-[8px] shadow-xl max-w-[320px] w-max border border-gray-700/50", children: /* @__PURE__ */ r.jsxs("div", { className: `flex items-start ${e ? "gap-8" : "justify-center"}`, children: [
-        e && /* @__PURE__ */ r.jsx("div", { className: "flex items-center h-[16px] flex-shrink-0", children: /* @__PURE__ */ r.jsx(
-          w,
-          {
-            icon: e,
-            className: "text-[16px] text-gray-100"
-          }
-        ) }),
-        /* @__PURE__ */ r.jsx("p", { className: "text-[12px] text-blue-50 leading-[16px] font-normal text-left", children: s })
-      ] }) }),
-      /* @__PURE__ */ r.jsx("div", { className: `w-0 h-0 ${c[l]}` })
-    ] })
-  ] });
+  return N(() => (s(), window.addEventListener("resize", s), () => window.removeEventListener("resize", s)), [l, a]), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: i,
+      className: `relative ${c}`,
+      onMouseEnter: () => d(!0),
+      onMouseLeave: () => d(!1),
+      children: [
+        a,
+        h && /* @__PURE__ */ e.jsxs("div", { className: `pointer-events-none absolute flex items-center z-50 transition-all duration-150 ${u ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${v[n]}`, children: [
+          /* @__PURE__ */ e.jsx("div", { className: "bg-gray-700 p-12 rounded-[8px] shadow-xl max-w-[320px] w-max border border-gray-700/50", children: /* @__PURE__ */ e.jsxs("div", { className: `flex items-start ${t ? "gap-8" : "justify-center"}`, children: [
+            t && /* @__PURE__ */ e.jsx("div", { className: "flex items-center h-[16px] flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+              E,
+              {
+                icon: t,
+                className: "text-[16px] text-gray-100"
+              }
+            ) }),
+            /* @__PURE__ */ e.jsx("p", { className: "text-[12px] text-blue-50 leading-[16px] font-normal text-left", children: l })
+          ] }) }),
+          /* @__PURE__ */ e.jsx("div", { className: `w-0 h-0 ${g[n]}` })
+        ] })
+      ]
+    }
+  );
 };
 export {
-  j as default
+  T as default
 };