lawgic-dev-kit 0.22.9 → 0.22.13

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/PasswordInput/PasswordInput.js

@@ -11,28 +11,28 @@ const V = ({
   placeholder: p,
   className: x = "",
   disabled: t = !1,
-  size: m = "md",
+  size: d = "md",
   leftSide: a
 }) => {
   const {
-    field: { value: n = "", onChange: d, ref: f, onBlur: g },
+    field: { value: n = "", onChange: m, ref: g, onBlur: f },
     fieldState: { error: o }
   } = w({ name: e, control: c }), [s, h] = y(!1), { t: u } = N(), l = {
     sm: {
       container: "px-16 py-8",
-      text: "text-sm",
-      label: "text-sm",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8"
     },
     md: {
       container: "p-16",
-      text: "text-14",
-      label: "text-14",
+      text: "text-body-m",
+      label: "text-body-m",
       error: "text-sm",
       gap: "gap-8"
     }
-  }[m];
+  }[d];
   return /* @__PURE__ */ r.jsxs(
     "label",
     {
@@ -42,7 +42,7 @@ const V = ({
         /* @__PURE__ */ r.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 group ${o && "!text-red-500"} ${l.label} ${t && "text-gray-300"}`,
+            className: `text-gray-600 font-600 leading-none group ${o && "!text-red-500"} ${l.label} ${t && "text-gray-300"}`,
             children: i
           }
         ),
@@ -80,10 +80,10 @@ const V = ({
                   disabled: t,
                   placeholder: p,
                   value: n,
-                  onChange: (b) => d(b.target.value),
-                  onBlur: g,
-                  ref: f,
-                  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-none`
+                  onChange: (b) => m(b.target.value),
+                  onBlur: f,
+                  ref: g,
+                  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-none`
                 }
               ),
               /* @__PURE__ */ r.jsx(

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-sm",
-      label: "text-sm",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-12 h-12"
     },
     md: {
       container: "p-16",
-      text: "text-14",
-      label: "text-14",
+      text: "text-body-m",
+      label: "text-body-m",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-16 h-16"
@@ -115,7 +115,7 @@ const me = ({
     onClick: V
   });
   return /* @__PURE__ */ t.jsxs("div", { className: `relative flex flex-col ${r.gap} ${f}`, children: [
-    d && /* @__PURE__ */ t.jsx("h6", { className: `text-gray-600 font-600 ${n ? "!text-red-500" : ""} ${r.label}`, children: d }),
+    d && /* @__PURE__ */ t.jsx("h6", { className: `text-gray-600 font-600 leading-none ${n ? "!text-red-500" : ""} ${r.label}`, children: d }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {

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

@@ -4,46 +4,46 @@ import { useTheme as v } from "../../../hooks/useTheme.js";
 import "react";
 const S = ({
   label: c,
-  control: x,
+  control: d,
   name: e,
-  placeholder: d,
-  className: p = "",
+  placeholder: x,
+  className: i = "",
   disabled: t = !1,
   leftSide: a,
   rightSide: n,
-  translateKey: i = "",
+  translateKey: p = "",
   size: g = "md",
-  ...m
+  ...b
 }) => {
   const {
-    field: { value: u = "", onChange: b, ref: f, onBlur: h },
+    field: { value: u = "", onChange: m, ref: f, onBlur: h },
     fieldState: { error: r }
-  } = w({ name: e, control: x }), { t: s } = v(), o = {
+  } = w({ name: e, control: d }), { t: s } = v(), o = {
     sm: {
       container: "px-16 py-8",
-      text: "text-sm",
-      label: "text-sm",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8"
     },
     md: {
       container: "p-16",
-      text: "text-14",
-      label: "text-14",
+      text: "text-body-m",
+      label: "text-body-m",
       error: "text-sm",
       gap: "gap-8"
     }
-  }[g], $ = s(e), y = s(i);
+  }[g], y = s(e), $ = s(p);
   return /* @__PURE__ */ l.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${p}`,
+      className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${i}`,
       htmlFor: e,
       children: [
         /* @__PURE__ */ l.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 group ${r && "text-red-500!"} ${o.label} ${t && "text-gray-300"}`,
+            className: `text-gray-600 font-600 leading-none group ${r && "text-red-500!"} ${o.label} ${t && "text-gray-300"}`,
             children: c
           }
         ),
@@ -76,20 +76,20 @@ const S = ({
                   id: e,
                   name: e,
                   disabled: t,
-                  placeholder: d,
+                  placeholder: x,
                   value: u,
-                  onChange: (j) => b(j.target.value),
+                  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`,
-                  ...m
+                  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
                 }
               ),
               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__ */ l.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: s(r.message, { x: $ || y }) })
       ]
     }
   );

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-sm",
-      label: "text-sm",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-12 h-12",
-      option: "text-sm"
+      option: "text-14"
     },
     md: {
       container: "p-16",
-      text: "text-14",
-      label: "text-14",
+      text: "text-body-m",
+      label: "text-body-m",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-16 h-16",
-      option: "text-14"
+      option: "text-body-m"
     }
   }[R], v = g(() => r.map((e) => ({
     ...e,
@@ -105,7 +105,7 @@ const me = ({
     y && /* @__PURE__ */ t.jsx(
       "h6",
       {
-        className: `text-gray-600 font-600 group ${i ? "!text-red-500" : ""} ${n.label} ${u ? "text-gray-300" : ""}`,
+        className: `text-gray-600 font-600 leading-none group ${i ? "!text-red-500" : ""} ${n.label} ${u ? "text-gray-300" : ""}`,
         children: y
       }
     ),

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

@@ -8,10 +8,10 @@ const w = ({
   name: t,
   error: l,
   placeholder: i,
-  className: g = "",
+  className: d = "",
   disabled: e = !1,
   disabledInput: s = !1,
-  size: d = "md",
+  size: g = "md",
   leftSide: a,
   rightSide: c,
   ...b
@@ -19,29 +19,29 @@ const w = ({
   const { t: x } = h(), r = {
     sm: {
       container: "px-16 py-8",
-      text: "text-sm",
-      label: "text-sm",
+      text: "text-14",
+      label: "text-14",
       error: "text-sm",
       gap: "gap-8"
     },
     md: {
       container: "p-16",
-      text: "text-14",
-      label: "text-14",
+      text: "text-body-m",
+      label: "text-body-m",
       error: "text-14",
       gap: "gap-8"
     }
-  }[d];
+  }[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"} ${d}`,
       htmlFor: t,
       children: [
         /* @__PURE__ */ o.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 group ${l && "!text-red-500"} ${r.label} ${e && "text-gray-300"}`,
+            className: `text-gray-600 font-600 leading-none group ${l && "!text-red-500"} ${r.label} ${e && "text-gray-300"}`,
             children: u
           }
         ),
@@ -74,7 +74,7 @@ const w = ({
                   onChange: (f) => {
                     p(f.target.value);
                   },
-                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 ${r.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${s && "pointer-events-none !select-none !caret-transparent"}`
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 select-text ${r.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${s && "pointer-events-none !select-none !caret-transparent"}`
                 }
               ),
               c && c

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

@@ -1,5 +1,5 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import E, { useState as b, useRef as v, useCallback as _ } from "react";
+import E, { useState as j, 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] = b(!1), [i, f] = b(""), $ = v(null), z = v(null), o = {
+  const [l, h] = j(!1), [i, f] = j(""), $ = v(null), z = v(null), o = {
     sm: {
       container: "px-16 py-8",
-      text: "text-sm",
-      label: "text-sm",
+      text: "text-14",
+      label: "text-14",
       icon: "w-12 h-12",
       checkboxSize: 16,
       gap: "gap-8",
-      searchText: "text-sm",
+      searchText: "text-14",
       searchIcon: "size-12"
     },
     md: {
       container: "p-16",
-      text: "text-14",
-      label: "text-14",
+      text: "text-body-m",
+      label: "text-body-m",
       icon: "w-16 h-16",
       checkboxSize: 20,
       gap: "gap-8",
-      searchText: "text-14",
+      searchText: "text-body-m",
       searchIcon: "size-16"
     }
   }[C], { x: S, y: L, strategy: M, refs: x, context: d } = q({
@@ -82,7 +82,7 @@ const fe = ({
     onClick: () => !r && h(!l)
   });
   return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col select-none ${o.gap} ${r ? "cursor-not-allowed" : ""} ${N}`, children: [
-    p && /* @__PURE__ */ e.jsx("h6", { className: `text-gray-600 font-600 ${o.label} ${r ? "text-gray-300" : ""}`, children: p }),
+    p && /* @__PURE__ */ e.jsx("h6", { className: `text-gray-600 font-600 leading-none ${o.label} ${r ? "text-gray-300" : ""}`, children: p }),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -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, j;
+            var a, c, b;
             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: [
-                          ((j = t.colors) == null ? void 0 : j.dotColor) && /* @__PURE__ */ e.jsx(
+                          ((b = t.colors) == null ? void 0 : b.dotColor) && /* @__PURE__ */ e.jsx(
                             "span",
                             {
                               className: "size-6 rounded-full flex-shrink-0",

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

@@ -29,25 +29,25 @@ 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-sm",
-      label: "text-sm",
+      text: "text-14",
+      label: "text-14",
       icon: "w-12 h-12",
       checkboxSize: 16,
       gap: "gap-8",
-      searchText: "text-sm",
+      searchText: "text-14",
       searchIcon: "size-12"
     },
     md: {
       container: "p-16",
-      text: "text-14",
-      label: "text-14",
+      text: "text-body-m",
+      label: "text-body-m",
       icon: "w-16 h-16",
       checkboxSize: 20,
       gap: "gap-8",
-      searchText: "text-14",
+      searchText: "text-body-m",
       searchIcon: "size-16"
     }
-  }[L], { x: I, y: O, strategy: T, refs: x, context: d } = q({
+  }[L], { x: I, y: O, strategy: T, refs: d, context: x } = q({
     open: n && !r,
     onOpenChange: (t) => !r && i(t),
     middleware: [
@@ -66,7 +66,7 @@ const je = ({
     ],
     placement: "bottom-start",
     whileElementsMounted: X
-  }), F = A(d, { enabled: !r }), P = G(d), { getReferenceProps: W, getFloatingProps: D } = J([F, P]), { isMounted: E, styles: _ } = K(d, {
+  }), F = A(x, { enabled: !r }), P = G(x), { getReferenceProps: W, getFloatingProps: D } = J([F, P]), { isMounted: E, styles: _ } = K(x, {
     duration: { open: 200, close: 150 },
     initial: { opacity: 0, transform: "translateY(-4px)" }
   }), o = m.find((t) => t.value === a), H = (t) => {
@@ -77,11 +77,11 @@ const je = ({
     onClick: () => !r && i(!n)
   });
   return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col select-none ${s.gap} ${r ? "cursor-not-allowed" : ""} ${S}`, children: [
-    u && /* @__PURE__ */ e.jsx("h6", { className: `text-gray-600 font-600 ${s.label} ${r ? "text-gray-300" : ""}`, children: u }),
+    u && /* @__PURE__ */ e.jsx("h6", { className: `text-gray-600 font-600 leading-none ${s.label} ${r ? "text-gray-300" : ""}`, children: u }),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: x.setReference,
+        ref: d.setReference,
         className: `
                     flex items-center justify-between rounded-full border transition-all duration-200
                     ${s.container}
@@ -116,13 +116,13 @@ const je = ({
     E && !r && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: x.setFloating,
+        ref: d.setFloating,
         style: {
           position: T,
           top: O ?? 0,
           left: I ?? 0,
           ..._,
-          width: (j = x.reference.current) == null ? void 0 : j.clientWidth,
+          width: (j = d.reference.current) == null ? void 0 : j.clientWidth,
           zIndex: 50
         },
         className: "bg-white border border-blue-400 rounded-3xl shadow-lg overflow-hidden",
@@ -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 v, b, k;
+            var b, v, 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 ${((v = t.colors) == null ? void 0 : v.bgColor) || ""} ${((b = t.colors) == null ? void 0 : b.textColor) || ""}`,
+                        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) || ""}`,
                         children: [
                           ((k = t.colors) == null ? void 0 : k.dotColor) && /* @__PURE__ */ e.jsx(
                             "span",

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

@@ -7,6 +7,7 @@ interface TooltipProps {
     icon?: IconDefinition;
     location?: TooltipLocation;
     childClassName?: string;
+    forceShow?: boolean;
 }
 /**
  * Smart Tooltip Component
@@ -16,5 +17,5 @@ interface TooltipProps {
  * 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 }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ text, children, icon, location, childClassName, forceShow }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

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

@@ -1,13 +1,13 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { useState as f, useRef as m, useLayoutEffect as u } from "react";
-import { FontAwesomeIcon as h } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-const y = ({ text: s, children: a, icon: e, location: l = "top", childClassName: d = "" }) => {
-  const [p, x] = f(!1), n = m(null), i = {
+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 = {
     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"
-  }, b = {
+  }, c = {
     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",
@@ -15,16 +15,16 @@ const y = ({ text: s, children: a, icon: e, location: l = "top", childClassName:
   }, t = () => {
     const o = n.current;
     if (o) {
-      const c = o.scrollWidth > o.offsetWidth;
-      x(c);
+      const f = o.scrollWidth > o.offsetWidth;
+      i(f);
     }
   };
-  return u(() => (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: [
+  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 }),
-    p && /* @__PURE__ */ r.jsxs("div", { className: `pointer-events-none absolute flex items-center opacity-0 transition-opacity group-hover:opacity-100 z-50 ${i[l]}`, children: [
+    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(
-          h,
+          w,
           {
             icon: e,
             className: "text-[16px] text-gray-100"
@@ -32,10 +32,10 @@ const y = ({ text: s, children: a, icon: e, location: l = "top", childClassName:
         ) }),
         /* @__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 ${b[l]}` })
+      /* @__PURE__ */ r.jsx("div", { className: `w-0 h-0 ${c[l]}` })
     ] })
   ] });
 };
 export {
-  y as default
+  j as default
 };