@refinn/core-ui 0.1.20 → 0.1.21

package/dist/index.js

@@ -1654,19 +1654,114 @@ Dialog.displayName = "Dialog";
 
 // src/components/Drawer/Drawer.tsx
 import {
-  forwardRef as forwardRef14,
-  useEffect as useEffect3,
-  useState as useState7
+  forwardRef as forwardRef15,
+  useEffect as useEffect4,
+  useState as useState8
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
+
+// src/components/Tooltip/Tooltip.tsx
+import {
+  useState as useState7,
+  useEffect as useEffect3,
+  useRef as useRef3,
+  forwardRef as forwardRef14
+} from "react";
 import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var Tooltip = forwardRef14(
+  (_a, ref) => {
+    var _b = _a, {
+      size = "md",
+      children,
+      headText,
+      text,
+      position = "top",
+      className = ""
+    } = _b, rest = __objRest(_b, [
+      "size",
+      "children",
+      "headText",
+      "text",
+      "position",
+      "className"
+    ]);
+    const wrapperRef = useRef3(null);
+    const [isVisible, setIsVisible] = useState7(false);
+    const [isHovered, setIsHovered] = useState7(false);
+    useEffect3(() => {
+      const handleClickOutside = (event) => {
+        if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
+          setIsVisible(false);
+          setIsHovered(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, []);
+    return /* @__PURE__ */ jsxs12(
+      "div",
+      __spreadProps(__spreadValues({
+        className: `group relative inline-block ${className}`,
+        ref
+      }, rest), {
+        children: [
+          /* @__PURE__ */ jsx14(
+            "div",
+            {
+              ref: wrapperRef,
+              onClick: () => {
+                if (isVisible) {
+                  setIsVisible(false);
+                  setIsHovered(false);
+                } else {
+                  setIsVisible(true);
+                }
+              },
+              onMouseEnter: () => setIsHovered(true),
+              onMouseLeave: () => setIsHovered(false),
+              children
+            }
+          ),
+          /* @__PURE__ */ jsxs12(
+            "div",
+            {
+              className: `min-w-100 max-w-300 whitespace-nowrap rounded bg-gray-900 text-white ${size === "lg" ? "text-body-regular py-12 px-16" : size === "md" ? "text-body-small px-12 pt-10 pb-8" : "text-body-small px-8 pt-6 pb-4"} ${position === "right" && `absolute left-full top-1/2 z-20 ml-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "top" && `absolute bottom-full left-1/2 z-20 mb-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "left" && `absolute right-full top-1/2 z-20 mr-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "bottom" && `absolute left-1/2 top-full z-20 mt-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}`}`,
+              children: [
+                /* @__PURE__ */ jsx14(
+                  "span",
+                  {
+                    className: ` ${position === "right" && `absolute -left-3 top-1/2 -z-10 h-8 w-8 -translate-y-1/2 rotate-45 rounded-xs bg-black` || position === "top" && `absolute -bottom-3 left-1/2 -z-10 h-8 w-8 -translate-x-1/2 rotate-45 rounded-xs bg-black` || position === "left" && `absolute -right-3 top-1/2 -z-10 h-8 w-8 -translate-y-1/2 rotate-45 rounded-xs bg-black` || position === "bottom" && `absolute left-1/2 -top-3 -z-10 h-8 w-8 -translate-x-1/2 rotate-45 rounded-xs bg-black`} `
+                  }
+                ),
+                headText ? /* @__PURE__ */ jsx14(
+                  "p",
+                  {
+                    className: `text-sm text-white font-semibold text-center ${text ? "mb-5" : ""}`,
+                    children: headText
+                  }
+                ) : /* @__PURE__ */ jsx14(Fragment3, {}),
+                text ? /* @__PURE__ */ jsx14("p", { className: "text-xs text-white font-normal text-center text-wrap", children: text }) : /* @__PURE__ */ jsx14(Fragment3, {})
+              ]
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+Tooltip.displayName = "Tooltip";
+
+// src/components/Drawer/Drawer.tsx
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function CloseIcon3({ className }) {
-  return /* @__PURE__ */ jsx14("svg", { className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx14("path", { d: "M12 4 4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx15("svg", { className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx15("path", { d: "M12 4 4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function useMountTransition2(open, duration = 300) {
-  const [mounted, setMounted] = useState7(open);
-  const [animate, setAnimate] = useState7(open);
-  useEffect3(() => {
+  const [mounted, setMounted] = useState8(open);
+  const [animate, setAnimate] = useState8(open);
+  useEffect4(() => {
     if (open) {
       setMounted(true);
       return;
@@ -1675,7 +1770,7 @@ function useMountTransition2(open, duration = 300) {
     const timer = setTimeout(() => setMounted(false), duration);
     return () => clearTimeout(timer);
   }, [open, duration]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!open || !mounted) return;
     let raf2 = 0;
     const raf1 = requestAnimationFrame(() => {
@@ -1695,7 +1790,7 @@ function DrawerAction({
 }) {
   if (!action) return null;
   const _a = action, { label, className = "" } = _a, rest = __objRest(_a, ["label", "className"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Button,
     __spreadProps(__spreadValues({
       variant,
@@ -1706,7 +1801,7 @@ function DrawerAction({
     })
   );
 }
-var Drawer = forwardRef14(
+var Drawer = forwardRef15(
   (_a, ref) => {
     var _b = _a, {
       open,
@@ -1742,7 +1837,7 @@ var Drawer = forwardRef14(
       "className"
     ]);
     const { mounted, animate } = useMountTransition2(open);
-    useEffect3(() => {
+    useEffect4(() => {
       if (!open || !closable) return;
       const handleKeyDown = (e) => {
         if (e.key === "Escape") onOpenChange == null ? void 0 : onOpenChange(false);
@@ -1759,7 +1854,7 @@ var Drawer = forwardRef14(
     const showFooter = Boolean(dismiss || secondary || confirm);
     const allActions = Boolean(dismiss && secondary && confirm);
     return createPortal2(
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "div",
         {
           className: [
@@ -1770,7 +1865,7 @@ var Drawer = forwardRef14(
           ].filter(Boolean).join(" "),
           role: "presentation",
           onMouseDown: handleBackdropMouseDown,
-          children: /* @__PURE__ */ jsxs12(
+          children: /* @__PURE__ */ jsxs13(
             "div",
             __spreadProps(__spreadValues({
               ref,
@@ -1790,7 +1885,7 @@ var Drawer = forwardRef14(
               onMouseDown: (e) => e.stopPropagation()
             }, rest), {
               children: [
-                showHeader && /* @__PURE__ */ jsx14("div", { className: "flex flex-col w-full items-center border-b border-border-subtle bg-dialog-background-primary", children: /* @__PURE__ */ jsxs12(
+                showHeader && /* @__PURE__ */ jsx15("div", { className: "flex flex-col w-full items-center border-b border-border-subtle bg-dialog-background-primary", children: /* @__PURE__ */ jsxs13(
                   "div",
                   {
                     className: [
@@ -1798,36 +1893,35 @@ var Drawer = forwardRef14(
                       fullScreen ? "lg:gap-16 lg:px-0 lg:py-24 lg:max-w-1216" : "lg:px-24 lg:pb-16 lg:pt-20"
                     ].join(" "),
                     children: [
-                      /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-                        title && /* @__PURE__ */ jsx14("p", { className: "text-heading-3 text-dialog-text-primary lg:text-heading-3-md", children: title }),
-                        subtitle && /* @__PURE__ */ jsx14("p", { className: "text-body-small text-dialog-text-secondary", children: subtitle })
+                      /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+                        title && /* @__PURE__ */ jsx15("p", { className: "text-heading-3 text-dialog-text-primary lg:text-heading-3-md", children: title }),
+                        subtitle && /* @__PURE__ */ jsx15("p", { className: "text-body-small text-dialog-text-secondary", children: subtitle })
                       ] }),
-                      closable && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-                        /* @__PURE__ */ jsx14(
+                      closable && /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                        /* @__PURE__ */ jsx15(
                           IconButton,
                           {
-                            icon: /* @__PURE__ */ jsx14(CloseIcon3, { className: "h-20 w-20" }),
+                            icon: /* @__PURE__ */ jsx15(CloseIcon3, { className: "h-20 w-20" }),
                             size: "sm",
                             "aria-label": "\u0E1B\u0E34\u0E14",
                             onClick: handleClose,
                             className: "lg:hidden!"
                           }
                         ),
-                        /* @__PURE__ */ jsx14(
+                        /* @__PURE__ */ jsx15(Tooltip, { size: "sm", position: "left", text: "\u0E1B\u0E34\u0E14\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07", className: "hidden! lg:inline-block!", children: /* @__PURE__ */ jsx15(
                           IconButton,
                           {
-                            icon: /* @__PURE__ */ jsx14(CloseIcon3, { className: "h-24 w-24" }),
+                            icon: /* @__PURE__ */ jsx15(CloseIcon3, { className: "h-24 w-24" }),
                             size: fullScreen ? "lg" : "md",
                             "aria-label": "\u0E1B\u0E34\u0E14",
-                            onClick: handleClose,
-                            className: "hidden! lg:inline-flex!"
+                            onClick: handleClose
                           }
-                        )
+                        ) })
                       ] })
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(
                   "div",
                   {
                     className: [
@@ -1838,23 +1932,23 @@ var Drawer = forwardRef14(
                     children
                   }
                 ),
-                showFooter && /* @__PURE__ */ jsx14("div", { className: `flex shrink-0 w-full flex-col items-center border-t border-border-subtle bg-dialog-background-primary`, children: /* @__PURE__ */ jsx14(
+                showFooter && /* @__PURE__ */ jsx15("div", { className: `flex shrink-0 w-full flex-col items-center border-t border-border-subtle bg-dialog-background-primary`, children: /* @__PURE__ */ jsx15(
                   "div",
                   {
                     className: [
                       "flex shrink-0 flex-col gap-8 px-16 pb-16 pt-12 lg:flex-row lg:items-center lg:justify-end",
                       fullScreen ? "lg:gap-16 lg:px-0 lg:max-w-1216 lg:py-24" : "lg:px-24 lg:pb-24 lg:pt-16"
                     ].join(" "),
-                    children: allActions ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
-                      /* @__PURE__ */ jsx14(DrawerAction, { action: dismiss, variant: "tertiary", orderClass: "order-3 lg:order-1" }),
-                      /* @__PURE__ */ jsxs12("div", { className: "contents gap-8 lg:order-2 lg:ml-auto lg:flex lg:items-center", children: [
-                        /* @__PURE__ */ jsx14(DrawerAction, { action: secondary, variant: "secondary", orderClass: "order-1" }),
-                        /* @__PURE__ */ jsx14(DrawerAction, { action: confirm, variant: "primary", orderClass: "order-2" })
+                    children: allActions ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                      /* @__PURE__ */ jsx15(DrawerAction, { action: dismiss, variant: "tertiary", orderClass: "order-3 lg:order-1" }),
+                      /* @__PURE__ */ jsxs13("div", { className: "contents gap-8 lg:order-2 lg:ml-auto lg:flex lg:items-center", children: [
+                        /* @__PURE__ */ jsx15(DrawerAction, { action: secondary, variant: "secondary", orderClass: "order-1" }),
+                        /* @__PURE__ */ jsx15(DrawerAction, { action: confirm, variant: "primary", orderClass: "order-2" })
                       ] })
-                    ] }) : /* @__PURE__ */ jsxs12(Fragment3, { children: [
-                      /* @__PURE__ */ jsx14(DrawerAction, { action: secondary, variant: "secondary", orderClass: "order-1 lg:order-2" }),
-                      /* @__PURE__ */ jsx14(DrawerAction, { action: confirm, variant: "primary", orderClass: "order-2 lg:order-3" }),
-                      /* @__PURE__ */ jsx14(DrawerAction, { action: dismiss, variant: "tertiary", orderClass: "order-3 lg:order-1" })
+                    ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                      /* @__PURE__ */ jsx15(DrawerAction, { action: secondary, variant: "secondary", orderClass: "order-1 lg:order-2" }),
+                      /* @__PURE__ */ jsx15(DrawerAction, { action: confirm, variant: "primary", orderClass: "order-2 lg:order-3" }),
+                      /* @__PURE__ */ jsx15(DrawerAction, { action: dismiss, variant: "tertiary", orderClass: "order-3 lg:order-1" })
                     ] })
                   }
                 ) })
@@ -1871,14 +1965,14 @@ Drawer.displayName = "Drawer";
 
 // src/components/Dropdown/Dropdown.tsx
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useId as useId3,
-  useRef as useRef3,
-  useState as useState8,
-  forwardRef as forwardRef15
+  useRef as useRef4,
+  useState as useState9,
+  forwardRef as forwardRef16
 } from "react";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-var IconDanger = () => /* @__PURE__ */ jsx15(
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var IconDanger = () => /* @__PURE__ */ jsx16(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1886,7 +1980,7 @@ var IconDanger = () => /* @__PURE__ */ jsx15(
     height: "20",
     viewBox: "0 0 20 20",
     fill: "none",
-    children: /* @__PURE__ */ jsx15(
+    children: /* @__PURE__ */ jsx16(
       "path",
       {
         d: "M10.0078 2.41699C11.0548 2.41699 12.0363 2.61407 12.9512 3.00879C13.8657 3.40341 14.6687 3.94646 15.3604 4.6377C16.0522 5.32922 16.5962 6.13426 16.9912 7.05176C17.386 7.96936 17.583 8.95002 17.583 9.99316C17.583 11.0363 17.3859 12.0187 16.9912 12.9404C16.5966 13.862 16.0536 14.6687 15.3623 15.3604C14.6708 16.0522 13.8657 16.5962 12.9482 16.9912C12.0306 17.386 11.05 17.583 10.0068 17.583C8.96373 17.583 7.9813 17.3859 7.05957 16.9912C6.13798 16.5966 5.33135 16.0536 4.63965 15.3623C3.94784 14.6708 3.40379 13.8642 3.00879 12.9434C2.61398 12.0228 2.41703 11.039 2.41699 9.99219C2.41699 8.94524 2.61407 7.96369 3.00879 7.04883C3.40341 6.13429 3.94646 5.33128 4.6377 4.63965C5.32922 3.94784 6.13581 3.40379 7.05664 3.00879C7.97723 2.61398 8.961 2.41703 10.0078 2.41699ZM10.0039 12.5967C9.83828 12.5968 9.69804 12.6527 9.58301 12.7646C9.46793 12.8769 9.41016 13.0159 9.41016 13.1816C9.4102 13.3472 9.46621 13.4875 9.57812 13.6025C9.69035 13.7177 9.83026 13.7754 9.99609 13.7754C10.1617 13.7753 10.302 13.7195 10.417 13.6074C10.5321 13.4952 10.5898 13.3562 10.5898 13.1904C10.5898 13.0246 10.534 12.8837 10.4219 12.7686C10.3097 12.6536 10.1697 12.5967 10.0039 12.5967ZM9.45801 11.0645H10.542V6.06445H9.45801V11.0645Z",
@@ -1896,7 +1990,7 @@ var IconDanger = () => /* @__PURE__ */ jsx15(
   }
 );
 function IconCheck({ className }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1905,7 +1999,7 @@ function IconCheck({ className }) {
       viewBox: "0 0 20 20",
       fill: "none",
       className,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx16(
         "path",
         {
           d: "M15.6328 6.64062L8.10449 14.1494L4.36719 10.4326L5.13281 9.64551L8.10449 12.6172L14.8672 5.875L15.6328 6.64062Z",
@@ -1916,7 +2010,7 @@ function IconCheck({ className }) {
   );
 }
 function ChevronDown({ className }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1925,7 +2019,7 @@ function ChevronDown({ className }) {
       viewBox: "0 0 20 20",
       fill: "none",
       className,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx16(
         "path",
         {
           d: "M14.7119 8.0625L10 12.7744L5.28809 8.0625L6.0625 7.28809L10 11.2256L13.9375 7.28809L14.7119 8.0625Z",
@@ -1935,7 +2029,7 @@ function ChevronDown({ className }) {
     }
   );
 }
-var Dropdown = forwardRef15(
+var Dropdown = forwardRef16(
   (_a, ref) => {
     var _b = _a, {
       size = "md",
@@ -1972,14 +2066,14 @@ var Dropdown = forwardRef15(
     ]);
     const isCombobox = variant === "combobox";
     const iconButtonSize = size === "lg" ? "md" : "sm";
-    const [isOpen, setIsOpen] = useState8(false);
-    const [isFocused, setIsFocused] = useState8(false);
-    const [query, setQuery] = useState8(value.label || "");
-    const [filterText, setFilterText] = useState8("");
-    const dropdownRef = useRef3(null);
-    const inputRef = useRef3(null);
+    const [isOpen, setIsOpen] = useState9(false);
+    const [isFocused, setIsFocused] = useState9(false);
+    const [query, setQuery] = useState9(value.label || "");
+    const [filterText, setFilterText] = useState9("");
+    const dropdownRef = useRef4(null);
+    const inputRef = useRef4(null);
     const listboxId = useId3();
-    const [prevLabel, setPrevLabel] = useState8(value.label);
+    const [prevLabel, setPrevLabel] = useState9(value.label);
     if (value.label !== prevLabel) {
       setPrevLabel(value.label);
       setQuery(value.label || "");
@@ -1987,7 +2081,7 @@ var Dropdown = forwardRef15(
     const filteredItems = isCombobox ? dropDownItems.filter(
       (item) => item.label.toLowerCase().includes(filterText.toLowerCase())
     ) : dropDownItems;
-    useEffect4(() => {
+    useEffect5(() => {
       function handleClickOutside(event) {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
           setIsOpen(false);
@@ -2004,16 +2098,16 @@ var Dropdown = forwardRef15(
       ${!isCombobox ? disabled ? "text-dropdown-text-disabled cursor-not-allowed" : value ? "text-dropdown-text-primary cursor-pointer" : "text-dropdown-text-secondary cursor-pointer" : ""}
       ${disabled ? "pointer-events-none bg-dropdown-background-disabled border-dropdown-border-disabled" : error ? `bg-dropdown-background-enabled border-dropdown-border-danger ${isOpen ? "ring-1 ring-inset ring-dropdown-border-danger" : ""}` : isOpen ? "bg-dropdown-background-enabled border-dropdown-border-active ring-1 ring-inset ring-dropdown-border-active" : isFocused ? "bg-dropdown-background-enabled border-dropdown-border-focus ring-1 ring-inset ring-dropdown-border-focus" : "bg-dropdown-background-enabled border-dropdown-border-enabled hover:border-dropdown-border-hover"}
       ${className}`;
-    return /* @__PURE__ */ jsxs13("div", { className: "w-full flex flex-col gap-4 font-sans", children: [
-      label ? /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsxs14("div", { className: "w-full flex flex-col gap-4 font-sans", children: [
+      label ? /* @__PURE__ */ jsx16(
         "p",
         {
           className: `text-label-medium text-left items-left font-medium ${disabled ? "text-dropdown-text-disabled" : "text-dropdown-text-primary"}`,
           children: label
         }
-      ) : /* @__PURE__ */ jsx15(Fragment4, {}),
-      /* @__PURE__ */ jsxs13("div", { className: "w-full flex flex-col relative", ref: dropdownRef, children: [
-        isCombobox ? /* @__PURE__ */ jsxs13(
+      ) : /* @__PURE__ */ jsx16(Fragment5, {}),
+      /* @__PURE__ */ jsxs14("div", { className: "w-full flex flex-col relative", ref: dropdownRef, children: [
+        isCombobox ? /* @__PURE__ */ jsxs14(
           "div",
           __spreadProps(__spreadValues({
             ref
@@ -2024,7 +2118,7 @@ var Dropdown = forwardRef15(
             },
             className: triggerClassName,
             children: [
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(
                 "input",
                 {
                   ref: inputRef,
@@ -2057,9 +2151,9 @@ var Dropdown = forwardRef15(
                   className: `grow w-full min-w-0 bg-transparent focus:outline-none ${disabled ? "text-dropdown-text-disabled cursor-not-allowed" : "text-dropdown-text-primary cursor-text"}`
                 }
               ),
-              /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-4", children: [
-                disabled ? /* @__PURE__ */ jsx15(Fragment4, {}) : error ? /* @__PURE__ */ jsx15(IconDanger, {}) : /* @__PURE__ */ jsx15(Fragment4, {}),
-                /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-4", children: [
+                disabled ? /* @__PURE__ */ jsx16(Fragment5, {}) : error ? /* @__PURE__ */ jsx16(IconDanger, {}) : /* @__PURE__ */ jsx16(Fragment5, {}),
+                /* @__PURE__ */ jsx16(
                   IconButton,
                   {
                     size: iconButtonSize,
@@ -2067,7 +2161,7 @@ var Dropdown = forwardRef15(
                     disabled,
                     tabIndex: -1,
                     "aria-label": "\u0E40\u0E1B\u0E34\u0E14/\u0E1B\u0E34\u0E14\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E15\u0E31\u0E27\u0E40\u0E25\u0E37\u0E2D\u0E01",
-                    icon: /* @__PURE__ */ jsx15(
+                    icon: /* @__PURE__ */ jsx16(
                       ChevronDown,
                       {
                         className: `h-20 w-20 duration-300 ${isOpen ? "rotate-180" : ""}`
@@ -2090,7 +2184,7 @@ var Dropdown = forwardRef15(
               ] })
             ]
           })
-        ) : /* @__PURE__ */ jsxs13(
+        ) : /* @__PURE__ */ jsxs14(
           "div",
           __spreadProps(__spreadValues({
             ref
@@ -2123,16 +2217,16 @@ var Dropdown = forwardRef15(
             },
             className: `focus:outline-none ${triggerClassName}`,
             children: [
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(
                 "p",
                 {
                   className: `grow truncate ${textCenter ? "text-center" : "text-start"}`,
                   children: value.label || placeholder
                 }
               ),
-              /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-4", children: [
-                disabled ? /* @__PURE__ */ jsx15(Fragment4, {}) : error ? /* @__PURE__ */ jsx15(IconDanger, {}) : /* @__PURE__ */ jsx15(Fragment4, {}),
-                /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-4", children: [
+                disabled ? /* @__PURE__ */ jsx16(Fragment5, {}) : error ? /* @__PURE__ */ jsx16(IconDanger, {}) : /* @__PURE__ */ jsx16(Fragment5, {}),
+                /* @__PURE__ */ jsx16(
                   IconButton,
                   {
                     size: iconButtonSize,
@@ -2140,7 +2234,7 @@ var Dropdown = forwardRef15(
                     disabled,
                     tabIndex: -1,
                     "aria-label": "\u0E40\u0E1B\u0E34\u0E14/\u0E1B\u0E34\u0E14\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E15\u0E31\u0E27\u0E40\u0E25\u0E37\u0E2D\u0E01",
-                    icon: /* @__PURE__ */ jsx15(
+                    icon: /* @__PURE__ */ jsx16(
                       ChevronDown,
                       {
                         className: `h-20 w-20 duration-300 ${isOpen ? "rotate-180" : ""}`
@@ -2157,17 +2251,17 @@ var Dropdown = forwardRef15(
             ]
           })
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           "div",
           {
             className: `${isOpen ? "flex" : "hidden"} top-[calc(100%+4px)] left-0 absolute z-10000 bg-dropdown-background-enabled rounded-6 shadow-base w-full flex-col pt-4 overflow-hidden`,
-            children: /* @__PURE__ */ jsx15(
+            children: /* @__PURE__ */ jsx16(
               "ul",
               {
                 id: isCombobox ? listboxId : void 0,
                 role: isCombobox ? "listbox" : void 0,
                 className: "h-auto max-h-200 overflow-y-auto cursor-pointer",
-                children: filteredItems.length > 0 ? filteredItems.map((item, idx) => /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsxs13(
+                children: filteredItems.length > 0 ? filteredItems.map((item, idx) => /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsxs14(
                   "div",
                   {
                     onClick: () => {
@@ -2177,31 +2271,31 @@ var Dropdown = forwardRef15(
                     },
                     className: "relative h-48 py-8 px-16 border-t border-gray-50 text-label-medium hover:bg-dropdown-background-hover active:bg-dropdown-background-active flex items-center justify-between gap-12",
                     children: [
-                      /* @__PURE__ */ jsx15("p", { className: "text-label-medium text-dropdown-text-primary", children: item.label }),
-                      value.value === item.value && /* @__PURE__ */ jsx15(IconCheck, { className: "h-20 w-20" })
+                      /* @__PURE__ */ jsx16("p", { className: "text-label-medium text-dropdown-text-primary", children: item.label }),
+                      value.value === item.value && /* @__PURE__ */ jsx16(IconCheck, { className: "h-20 w-20" })
                     ]
                   }
-                ) }, idx)) : /* @__PURE__ */ jsx15("li", { className: "px-16 py-8 text-label-medium text-dropdown-text-secondary", children: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" })
+                ) }, idx)) : /* @__PURE__ */ jsx16("li", { className: "px-16 py-8 text-label-medium text-dropdown-text-secondary", children: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" })
               }
             )
           }
         )
       ] }),
-      error ? /* @__PURE__ */ jsx15("p", { className: "text-caption-caption text-left items-left text-dropdown-text-danger", children: error }) : helperText ? /* @__PURE__ */ jsx15(
+      error ? /* @__PURE__ */ jsx16("p", { className: "text-caption-caption text-left items-left text-dropdown-text-danger", children: error }) : helperText ? /* @__PURE__ */ jsx16(
         "p",
         {
           className: `text-caption-caption text-left items-left ${disabled ? "text-dropdown-text-disabled" : "text-dropdown-text-secondary"}`,
           children: helperText
         }
-      ) : /* @__PURE__ */ jsx15(Fragment4, {})
+      ) : /* @__PURE__ */ jsx16(Fragment5, {})
     ] });
   }
 );
 Dropdown.displayName = "Dropdown";
 
 // src/components/FinancialLogo/FinancialLogo.tsx
-import { forwardRef as forwardRef16 } from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var inlineClasses = {
   info: "bg-alert-inline-info-bg border-alert-inline-info-border text-alert-text-primary",
   success: "bg-alert-inline-success-bg border-alert-inline-success-border text-alert-text-primary",
@@ -2231,25 +2325,25 @@ var inlineIconClasses2 = {
   common: "text-alert-inline-common-icon"
 };
 function InfoIcon2({ className }) {
-  return /* @__PURE__ */ jsx16("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM10 6h.01M9 10h1v4h1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx17("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM10 6h.01M9 10h1v4h1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function SuccessIcon2({ className }) {
-  return /* @__PURE__ */ jsxs14("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx16("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ jsx16("path", { d: "m7 10 2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  return /* @__PURE__ */ jsxs15("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx17("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx17("path", { d: "m7 10 2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
 function WarningIcon3({ className }) {
-  return /* @__PURE__ */ jsx16("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M8.57 3.22 1.53 15.5a1.67 1.67 0 0 0 1.43 2.5h14.08a1.67 1.67 0 0 0 1.43-2.5L11.43 3.22a1.67 1.67 0 0 0-2.86 0ZM10 7.5v3.33M10 14.17h.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx17("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M8.57 3.22 1.53 15.5a1.67 1.67 0 0 0 1.43 2.5h14.08a1.67 1.67 0 0 0 1.43-2.5L11.43 3.22a1.67 1.67 0 0 0-2.86 0ZM10 7.5v3.33M10 14.17h.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function DangerIcon2({ className }) {
-  return /* @__PURE__ */ jsx16("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM12.5 7.5l-5 5M7.5 7.5l5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx17("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM12.5 7.5l-5 5M7.5 7.5l5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function CommonIcon({ className }) {
-  return /* @__PURE__ */ jsx16("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM10 6v4M10 14h.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx17("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM10 6v4M10 14h.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function CloseIcon4({ className }) {
-  return /* @__PURE__ */ jsx16("svg", { className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M12 4 4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx17("svg", { className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M12 4 4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 var defaultIcons2 = {
   info: InfoIcon2,
@@ -2258,7 +2352,7 @@ var defaultIcons2 = {
   danger: DangerIcon2,
   common: CommonIcon
 };
-var FinancialLogo = forwardRef16(
+var FinancialLogo = forwardRef17(
   (_a, ref) => {
     var _b = _a, {
       variant = "info",
@@ -2294,22 +2388,22 @@ var FinancialLogo = forwardRef16(
       variantClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxs14("div", __spreadProps(__spreadValues({ ref, role: "alert", className: classes }, rest), { children: [
-      /* @__PURE__ */ jsx16("span", { className: `shrink-0 mt-2 ${iconColorClass}`, children: icon != null ? icon : /* @__PURE__ */ jsx16(DefaultIcon, { className: "h-20 w-20" }) }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
-        title && /* @__PURE__ */ jsx16("p", { className: "text-sm font-medium leading-20", children: title }),
-        description && /* @__PURE__ */ jsx16("p", { className: `text-sm leading-20 ${descColorClass} ${title ? "mt-4" : ""}`, children: description }),
+    return /* @__PURE__ */ jsxs15("div", __spreadProps(__spreadValues({ ref, role: "alert", className: classes }, rest), { children: [
+      /* @__PURE__ */ jsx17("span", { className: `shrink-0 mt-2 ${iconColorClass}`, children: icon != null ? icon : /* @__PURE__ */ jsx17(DefaultIcon, { className: "h-20 w-20" }) }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
+        title && /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium leading-20", children: title }),
+        description && /* @__PURE__ */ jsx17("p", { className: `text-sm leading-20 ${descColorClass} ${title ? "mt-4" : ""}`, children: description }),
         children
       ] }),
-      action && /* @__PURE__ */ jsx16("div", { className: `${actionClass} underline text-sm font-medium`, children: action }),
-      onClose && /* @__PURE__ */ jsx16(
+      action && /* @__PURE__ */ jsx17("div", { className: `${actionClass} underline text-sm font-medium`, children: action }),
+      onClose && /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
           onClick: onClose,
           className: `shrink-0 p-2 rounded transition-colors ${closeColorClass}`,
           "aria-label": "Close",
-          children: /* @__PURE__ */ jsx16(CloseIcon4, { className: "h-16 w-16" })
+          children: /* @__PURE__ */ jsx17(CloseIcon4, { className: "h-16 w-16" })
         }
       )
     ] }));
@@ -2318,9 +2412,9 @@ var FinancialLogo = forwardRef16(
 FinancialLogo.displayName = "FinancialLogo";
 
 // src/components/Icon/Icon.tsx
-import { forwardRef as forwardRef17 } from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Icon = forwardRef17(
+import { forwardRef as forwardRef18 } from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Icon = forwardRef18(
   (_a, ref) => {
     var _b = _a, {
       name,
@@ -2348,7 +2442,7 @@ var Icon = forwardRef17(
       "material-symbols-outlined select-none shrink-0 inline-block leading-none",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       "span",
       __spreadProps(__spreadValues({
         ref,
@@ -2371,8 +2465,8 @@ var Icon = forwardRef17(
 Icon.displayName = "Icon";
 
 // src/components/Link/Link.tsx
-import { forwardRef as forwardRef18, cloneElement } from "react";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { forwardRef as forwardRef19, cloneElement } from "react";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var linkStyleClasses = {
   brand: "font-sans text-link-text-enabled",
   white: "font-sans text-link-text-enabled-inverse",
@@ -2393,7 +2487,7 @@ var iconVariantClasses = {
   md: "w-20 h-20 text-[20px]",
   lg: "w-24 h-24 text-[24px]"
 };
-var Link = forwardRef18(
+var Link = forwardRef19(
   (_a, ref) => {
     var _b = _a, {
       variant = "sm",
@@ -2425,8 +2519,8 @@ var Link = forwardRef18(
       variantClass,
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxs15("span", __spreadProps(__spreadValues({ ref, role: "link", className: classes }, rest), { children: [
-      /* @__PURE__ */ jsx18("a", { href, target: "_blank", rel: "noopener noreferrer", children: text }),
+    return /* @__PURE__ */ jsxs16("span", __spreadProps(__spreadValues({ ref, role: "link", className: classes }, rest), { children: [
+      /* @__PURE__ */ jsx19("a", { href, target: "_blank", rel: "noopener noreferrer", children: text }),
       icon && cloneElement(icon, {
         className: `${(_a2 = icon.props.className) != null ? _a2 : ""} ${iconClass}`
       })
@@ -2437,11 +2531,11 @@ Link.displayName = "Link";
 
 // src/components/Radio/Radio.tsx
 import {
-  forwardRef as forwardRef19,
+  forwardRef as forwardRef20,
   useId as useId4
 } from "react";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-var Radio = forwardRef19(
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+var Radio = forwardRef20(
   (_a, ref) => {
     var _b = _a, {
       size = "sm",
@@ -2468,18 +2562,18 @@ var Radio = forwardRef19(
     ]);
     const reactId = useId4();
     const inputId = id != null ? id : reactId;
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "div",
       {
         className: `${disabled ? "cursor-not-allowed" : "cursor-pointer"} ${className}`,
-        children: /* @__PURE__ */ jsxs16(
+        children: /* @__PURE__ */ jsxs17(
           "label",
           {
             htmlFor: inputId,
             className: `flex gap-4 ${disabled ? "pointer-events-none text-gray-400" : "text-gray-900 cursor-pointer"}`,
             children: [
-              /* @__PURE__ */ jsxs16("div", { children: [
-                /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsxs17("div", { children: [
+                /* @__PURE__ */ jsx20(
                   "input",
                   __spreadValues({
                     ref,
@@ -2492,14 +2586,14 @@ var Radio = forwardRef19(
                     name
                   }, rest)
                 ),
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20(
                   "div",
                   {
                     className: `relative box flex items-center justify-center rounded-full border-2 group bg-white 
                 ${size === "sm" ? "h-16 w-16 my-4 ml-3 mr-3" : "m-3 h-20 w-20 text-label-large"} 
                 ${error ? "border-red-500" : "border-gray-600 peer-checked:border-blue-600 peer-disabled:border-gray-400!"}
               `,
-                    children: /* @__PURE__ */ jsx19(
+                    children: /* @__PURE__ */ jsx20(
                       "span",
                       {
                         className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 
@@ -2510,12 +2604,12 @@ var Radio = forwardRef19(
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs16(
+              /* @__PURE__ */ jsxs17(
                 "div",
                 {
                   className: `flex flex-col gap-1 ${size === "sm" ? "mt-2" : "mt-4"}`,
                   children: [
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "p",
                       {
                         className: `
@@ -2525,7 +2619,7 @@ var Radio = forwardRef19(
                         children: label
                       }
                     ),
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "p",
                       {
                         className: `text-caption-caption ${disabled ? "text-gray-400" : error ? "text-red-600" : "text-gray-600"}`,
@@ -2545,17 +2639,17 @@ var Radio = forwardRef19(
 Radio.displayName = "Radio";
 
 // src/components/SegmentControl/SegmentControl.tsx
-import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { forwardRef as forwardRef21 } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var itemSizeClasses = {
   sm: "min-h-32 px-8 py-6 text-label-medium",
   md: "min-h-40 px-12 py-8 text-label-large",
   lg: "min-h-48 px-16 py-8 text-label-large"
 };
-var SegmentControl = forwardRef20(
+var SegmentControl = forwardRef21(
   (_a, ref) => {
     var _b = _a, { size = "md", items, selected, setSelected, onChange, className = "" } = _b, rest = __objRest(_b, ["size", "items", "selected", "setSelected", "onChange", "className"]);
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       "div",
       __spreadProps(__spreadValues({
         ref,
@@ -2563,7 +2657,7 @@ var SegmentControl = forwardRef20(
       }, rest), {
         children: items.map((item) => {
           const isSelected = selected === item.value;
-          return /* @__PURE__ */ jsx20(
+          return /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
@@ -2573,7 +2667,7 @@ var SegmentControl = forwardRef20(
                 onChange == null ? void 0 : onChange(item.value);
               },
               className: "group flex-1 min-w-0 rounded-full border-2 border-transparent p-2 outline-none cursor-pointer transition-colors focus-visible:border-segmented-control-border-focus",
-              children: /* @__PURE__ */ jsx20(
+              children: /* @__PURE__ */ jsx21(
                 "span",
                 {
                   className: `flex w-full items-center justify-center rounded-full text-center transition-colors ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
@@ -2592,12 +2686,12 @@ SegmentControl.displayName = "SegmentControl";
 
 // src/components/Slider/Slider.tsx
 import {
-  forwardRef as forwardRef21,
+  forwardRef as forwardRef22,
   useCallback as useCallback2,
   useId as useId5,
-  useState as useState9
+  useState as useState10
 } from "react";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var sizeConfig = {
   small: {
     trackH: "h-4",
@@ -2628,7 +2722,7 @@ var sizeConfig = {
   }
 };
 function ChevronGlyphs({ size, color }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "svg",
     {
       width: size,
@@ -2638,7 +2732,7 @@ function ChevronGlyphs({ size, color }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "path",
           {
             d: "M4.75 3.25L2.25 6L4.75 8.75",
@@ -2648,7 +2742,7 @@ function ChevronGlyphs({ size, color }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "path",
           {
             d: "M7.25 3.25L9.75 6L7.25 8.75",
@@ -2662,7 +2756,7 @@ function ChevronGlyphs({ size, color }) {
     }
   );
 }
-var Slider = forwardRef21(
+var Slider = forwardRef22(
   (_a, ref) => {
     var _b = _a, {
       size = "medium",
@@ -2703,7 +2797,7 @@ var Slider = forwardRef21(
     const ariaLabel = ariaLabelProp != null ? ariaLabelProp : typeof label === "string" ? void 0 : "Slider";
     const ariaDescriptionId = description ? `${inputId}-description` : void 0;
     const isControlled = controlledValue !== void 0;
-    const [internalValue, setInternalValue] = useState9(defaultValue != null ? defaultValue : min);
+    const [internalValue, setInternalValue] = useState10(defaultValue != null ? defaultValue : min);
     const currentValue = isControlled ? controlledValue : internalValue;
     const handleChange = useCallback2(
       (e) => {
@@ -2725,13 +2819,13 @@ var Slider = forwardRef21(
     const descriptionColor = disabled ? "text-slider-label-disabled" : "text-slider-description";
     const thumbOffset = percent * sz.thumbPx / 100;
     const fillOffset = sz.thumbPx / 2 - thumbOffset;
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "div",
       {
         className: ["flex w-full flex-col gap-8 font-sans", className].filter(Boolean).join(" "),
         children: [
-          (label || showValue && !disabled) && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
-            label && /* @__PURE__ */ jsx21(
+          (label || showValue && !disabled) && /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
+            label && /* @__PURE__ */ jsx22(
               "label",
               {
                 htmlFor: inputId,
@@ -2744,7 +2838,7 @@ var Slider = forwardRef21(
                 children: label
               }
             ),
-            showValue && /* @__PURE__ */ jsx21(
+            showValue && /* @__PURE__ */ jsx22(
               "span",
               {
                 className: [sz.description, "tabular-nums", labelColor].join(" "),
@@ -2752,7 +2846,7 @@ var Slider = forwardRef21(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs18(
             "div",
             {
               className: [
@@ -2761,7 +2855,7 @@ var Slider = forwardRef21(
                 disabled ? "cursor-not-allowed" : "cursor-pointer"
               ].join(" "),
               children: [
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "div",
                   {
                     className: [
@@ -2771,14 +2865,14 @@ var Slider = forwardRef21(
                     ].join(" ")
                   }
                 ),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "div",
                   {
                     className: ["absolute left-0 rounded-full", sz.trackH, fillBg].join(" "),
                     style: { width: `calc(${percent}% + ${fillOffset}px)` }
                   }
                 ),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "input",
                   __spreadValues({
                     ref,
@@ -2799,7 +2893,7 @@ var Slider = forwardRef21(
                     ].join(" ")
                   }, rest)
                 ),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "div",
                   {
                     className: [
@@ -2812,13 +2906,13 @@ var Slider = forwardRef21(
                       !disabled && "peer-hover:shadow-medium"
                     ].filter(Boolean).join(" "),
                     style: { left: `calc(${percent}% - ${thumbOffset}px)` },
-                    children: /* @__PURE__ */ jsx21(ChevronGlyphs, { size: sz.iconPx, color: iconColor })
+                    children: /* @__PURE__ */ jsx22(ChevronGlyphs, { size: sz.iconPx, color: iconColor })
                   }
                 )
               ]
             }
           ),
-          description && /* @__PURE__ */ jsx21(
+          description && /* @__PURE__ */ jsx22(
             "span",
             {
               id: ariaDescriptionId,
@@ -2834,9 +2928,9 @@ var Slider = forwardRef21(
 Slider.displayName = "Slider";
 
 // src/components/Tab/Tab.tsx
-import { forwardRef as forwardRef22 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Tab = forwardRef22(
+import { forwardRef as forwardRef23 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Tab = forwardRef23(
   (_a, ref) => {
     var _b = _a, {
       size = "md",
@@ -2855,7 +2949,7 @@ var Tab = forwardRef22(
       "setSelected",
       "className"
     ]);
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       __spreadProps(__spreadValues({
         ref,
@@ -2874,11 +2968,11 @@ Tab.displayName = "Tab";
 
 // src/components/TextArea/TextArea.tsx
 import {
-  useState as useState10,
-  forwardRef as forwardRef23
+  useState as useState11,
+  forwardRef as forwardRef24
 } from "react";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
-var TextArea = forwardRef23(
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+var TextArea = forwardRef24(
   (_a, ref) => {
     var _b = _a, {
       error,
@@ -2918,21 +3012,21 @@ var TextArea = forwardRef23(
       "className"
     ]);
     var _a2;
-    const [isFocused, setIsFocused] = useState10(false);
+    const [isFocused, setIsFocused] = useState11(false);
     const isActive = isFocused && !!value;
-    return /* @__PURE__ */ jsxs18("div", { className: "w-full flex flex-col gap-4 font-sans", children: [
-      label || showCounter ? /* @__PURE__ */ jsxs18("div", { className: "w-full flex justify-between items-center gap-8", children: [
-        label ? /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs19("div", { className: "w-full flex flex-col gap-4 font-sans", children: [
+      label || showCounter ? /* @__PURE__ */ jsxs19("div", { className: "w-full flex justify-between items-center gap-8", children: [
+        label ? /* @__PURE__ */ jsxs19(
           "p",
           {
             className: `text-label-medium text-left items-left flex gap-4 ${disabled ? "text-text-area-text-disabled" : "text-text-area-text-primary"}`,
             children: [
               label,
-              optional && /* @__PURE__ */ jsx23("span", { className: "text-text-area-text-secondary", children: `(\u0E44\u0E21\u0E48\u0E1A\u0E31\u0E07\u0E04\u0E31\u0E1A)` })
+              optional && /* @__PURE__ */ jsx24("span", { className: "text-text-area-text-secondary", children: `(\u0E44\u0E21\u0E48\u0E1A\u0E31\u0E07\u0E04\u0E31\u0E1A)` })
             ]
           }
-        ) : /* @__PURE__ */ jsx23("span", {}),
-        showCounter && /* @__PURE__ */ jsxs18(
+        ) : /* @__PURE__ */ jsx24("span", {}),
+        showCounter && /* @__PURE__ */ jsxs19(
           "p",
           {
             className: `shrink-0 text-caption-caption ${disabled ? "text-text-area-text-disabled" : "text-text-area-text-tertiary"}`,
@@ -2943,13 +3037,13 @@ var TextArea = forwardRef23(
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsx23(Fragment5, {}),
-      /* @__PURE__ */ jsxs18(
+      ] }) : /* @__PURE__ */ jsx24(Fragment6, {}),
+      /* @__PURE__ */ jsxs19(
         "div",
         {
           className: `relative w-full rounded-6 border ${disabled ? "bg-text-area-background-disabled border-text-area-border-disabled" : error ? `bg-text-area-background-enabled border-text-area-border-danger ${isFocused ? "ring-1 ring-inset ring-text-area-border-danger" : ""}` : isActive ? "bg-text-area-background-enabled border-text-area-border-active ring-1 ring-inset ring-text-area-border-active" : isFocused ? "bg-text-area-background-enabled border-text-area-border-focus ring-1 ring-inset ring-text-area-border-focus" : "bg-text-area-background-enabled border-text-area-border-enabled hover:border-text-area-border-hover"} ${className != null ? className : ""}`,
           children: [
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(
               "textarea",
               __spreadValues({
                 ref,
@@ -2970,14 +3064,14 @@ var TextArea = forwardRef23(
                 className: `block w-full min-w-0 pt-12 pb-8 pl-16 pr-48 text-body-small bg-transparent focus:outline-none placeholder:text-text-area-text-tertiary ${disabled ? "resize-none text-text-area-text-disabled" : "resize-y text-text-area-text-primary"}`
               }, props)
             ),
-            pending ? /* @__PURE__ */ jsx23(Loading, { size: "sm", className: "shrink-0 absolute right-12 top-12" }) : clearable && isFocused && value ? /* @__PURE__ */ jsx23(
+            pending ? /* @__PURE__ */ jsx24(Loading, { size: "sm", className: "shrink-0 absolute right-12 top-12" }) : clearable && isFocused && value ? /* @__PURE__ */ jsx24(
               IconButton,
               {
                 size: "sm",
                 transparent: true,
                 "aria-label": "\u0E25\u0E49\u0E32\u0E07\u0E02\u0E49\u0E2D\u0E04\u0E27\u0E32\u0E21",
                 className: "absolute right-6 top-6",
-                icon: /* @__PURE__ */ jsx23(
+                icon: /* @__PURE__ */ jsx24(
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -2985,7 +3079,7 @@ var TextArea = forwardRef23(
                     height: "20",
                     viewBox: "0 0 20 20",
                     fill: "none",
-                    children: /* @__PURE__ */ jsx23(
+                    children: /* @__PURE__ */ jsx24(
                       "path",
                       {
                         d: "M14.7119 6.0625L10.7744 10L14.7119 13.9375L13.9375 14.7119L10 10.7744L6.0625 14.7119L5.28809 13.9375L9.22559 10L5.28809 6.0625L6.0625 5.28809L10 9.22559L13.9375 5.28809L14.7119 6.0625Z",
@@ -3003,7 +3097,7 @@ var TextArea = forwardRef23(
                   });
                 }
               }
-            ) : success ? /* @__PURE__ */ jsx23(
+            ) : success ? /* @__PURE__ */ jsx24(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -3012,7 +3106,7 @@ var TextArea = forwardRef23(
                 viewBox: "0 0 20 20",
                 fill: "none",
                 className: "shrink-0 text-accent-success flex h-20 w-20 items-center justify-center absolute right-12 top-12",
-                children: /* @__PURE__ */ jsx23(
+                children: /* @__PURE__ */ jsx24(
                   "path",
                   {
                     fillRule: "evenodd",
@@ -3022,7 +3116,7 @@ var TextArea = forwardRef23(
                   }
                 )
               }
-            ) : error ? /* @__PURE__ */ jsx23(
+            ) : error ? /* @__PURE__ */ jsx24(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -3031,7 +3125,7 @@ var TextArea = forwardRef23(
                 viewBox: "0 0 20 20",
                 fill: "none",
                 className: "shrink-0 text-text-area-text-danger flex h-20 w-20 items-center justify-center absolute right-12 top-12",
-                children: /* @__PURE__ */ jsx23(
+                children: /* @__PURE__ */ jsx24(
                   "path",
                   {
                     d: "M10.0078 2.41699C11.0548 2.41699 12.0363 2.61407 12.9512 3.00879C13.8657 3.40341 14.6687 3.94646 15.3604 4.6377C16.0522 5.32922 16.5962 6.13426 16.9912 7.05176C17.386 7.96936 17.583 8.95002 17.583 9.99316C17.583 11.0363 17.3859 12.0187 16.9912 12.9404C16.5966 13.862 16.0536 14.6687 15.3623 15.3604C14.6708 16.0522 13.8657 16.5962 12.9482 16.9912C12.0306 17.386 11.05 17.583 10.0068 17.583C8.96373 17.583 7.9813 17.3859 7.05957 16.9912C6.13798 16.5966 5.33135 16.0536 4.63965 15.3623C3.94784 14.6708 3.40379 13.8642 3.00879 12.9434C2.61398 12.0228 2.41703 11.039 2.41699 9.99219C2.41699 8.94524 2.61407 7.96369 3.00879 7.04883C3.40341 6.13429 3.94646 5.33128 4.6377 4.63965C5.32922 3.94784 6.13581 3.40379 7.05664 3.00879C7.97723 2.61398 8.961 2.41703 10.0078 2.41699ZM10.0039 12.5967C9.83828 12.5968 9.69804 12.6527 9.58301 12.7646C9.46793 12.8769 9.41016 13.0159 9.41016 13.1816C9.4102 13.3472 9.46621 13.4875 9.57812 13.6025C9.69035 13.7177 9.83026 13.7754 9.99609 13.7754C10.1617 13.7753 10.302 13.7195 10.417 13.6074C10.5321 13.4952 10.5898 13.3562 10.5898 13.1904C10.5898 13.0246 10.534 12.8837 10.4219 12.7686C10.3097 12.6536 10.1697 12.5967 10.0039 12.5967ZM9.45801 11.0645H10.542V6.06445H9.45801V11.0645Z",
@@ -3039,42 +3133,42 @@ var TextArea = forwardRef23(
                   }
                 )
               }
-            ) : /* @__PURE__ */ jsx23(Fragment5, {})
+            ) : /* @__PURE__ */ jsx24(Fragment6, {})
           ]
         }
       ),
-      error ? /* @__PURE__ */ jsx23("p", { className: "text-caption-caption text-left items-left text-text-area-text-danger", children: error }) : helperText ? /* @__PURE__ */ jsx23(
+      error ? /* @__PURE__ */ jsx24("p", { className: "text-caption-caption text-left items-left text-text-area-text-danger", children: error }) : helperText ? /* @__PURE__ */ jsx24(
         "p",
         {
           className: `text-caption-caption text-left items-left ${disabled ? "text-text-area-text-disabled" : "text-text-area-text-secondary"}`,
           children: helperText
         }
-      ) : /* @__PURE__ */ jsx23(Fragment5, {})
+      ) : /* @__PURE__ */ jsx24(Fragment6, {})
     ] });
   }
 );
 TextArea.displayName = "TextArea";
 
 // src/components/Toast/Toast.tsx
-import { forwardRef as forwardRef24 } from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { forwardRef as forwardRef25 } from "react";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function CheckCircleIcon({ className }) {
-  return /* @__PURE__ */ jsxs19("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx24("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ jsx24("path", { d: "m7 10 2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  return /* @__PURE__ */ jsxs20("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx25("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx25("path", { d: "m7 10 2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
 function ProgressIcon({ className }) {
-  return /* @__PURE__ */ jsx24(Loading, { size: "sm", className });
+  return /* @__PURE__ */ jsx25(Loading, { size: "sm", className });
 }
 function ErrorIcon({ className }) {
-  return /* @__PURE__ */ jsxs19("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx24("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ jsx24("path", { d: "M10 6.5v4M10 13.5h.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  return /* @__PURE__ */ jsxs20("svg", { className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx25("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx25("path", { d: "M10 6.5v4M10 13.5h.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
   ] });
 }
 function CloseIcon5({ className }) {
-  return /* @__PURE__ */ jsx24("svg", { className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx24("path", { d: "M12 4 4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx25("svg", { className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx25("path", { d: "M12 4 4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 var defaultIcons3 = {
   default: CheckCircleIcon,
@@ -3091,7 +3185,7 @@ var iconColorClasses = {
   progress: "text-toast-progress-icon",
   error: "text-toast-error-icon"
 };
-var Toast = forwardRef24(
+var Toast = forwardRef25(
   (_a, ref) => {
     var _b = _a, {
       type = "default",
@@ -3119,10 +3213,10 @@ var Toast = forwardRef24(
       typeClasses[type],
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxs19("div", __spreadProps(__spreadValues({ ref, role: "alert", className: classes }, rest), { children: [
-      icon && /* @__PURE__ */ jsx24("span", { className: `shrink-0 ${iconColorClasses[type]}`, children: /* @__PURE__ */ jsx24(DefaultIcon, { className: "h-20 w-20" }) }),
-      /* @__PURE__ */ jsx24("span", { className: "flex-1 text-sm font-medium leading-20 truncate", children }),
-      actionLabel && onAction && /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsxs20("div", __spreadProps(__spreadValues({ ref, role: "alert", className: classes }, rest), { children: [
+      icon && /* @__PURE__ */ jsx25("span", { className: `shrink-0 ${iconColorClasses[type]}`, children: /* @__PURE__ */ jsx25(DefaultIcon, { className: "h-20 w-20" }) }),
+      /* @__PURE__ */ jsx25("span", { className: "flex-1 text-sm font-medium leading-20 truncate", children }),
+      actionLabel && onAction && /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -3131,14 +3225,14 @@ var Toast = forwardRef24(
           children: actionLabel
         }
       ),
-      onDismiss && /* @__PURE__ */ jsx24(
+      onDismiss && /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
           onClick: onDismiss,
           className: "shrink-0 p-4 rounded-md text-toast-dismiss hover:text-toast-dismiss-hover transition-colors",
           "aria-label": "Dismiss",
-          children: /* @__PURE__ */ jsx24(CloseIcon5, { className: "h-16 w-16" })
+          children: /* @__PURE__ */ jsx25(CloseIcon5, { className: "h-16 w-16" })
         }
       )
     ] }));
@@ -3147,9 +3241,9 @@ var Toast = forwardRef24(
 Toast.displayName = "Toast";
 
 // src/components/ToggleSwitch/ToggleSwitch.tsx
-import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
-var ToggleSwitch = forwardRef25(
+import { forwardRef as forwardRef26 } from "react";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+var ToggleSwitch = forwardRef26(
   (_a, ref) => {
     var _b = _a, {
       value,
@@ -3164,14 +3258,14 @@ var ToggleSwitch = forwardRef25(
       "setIsSelected",
       "className"
     ]);
-    return /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs21(
       "label",
       __spreadProps(__spreadValues({
         ref,
         className: `inline-flex items-center ${className}`
       }, rest), {
         children: [
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             "input",
             {
               type: "checkbox",
@@ -3181,7 +3275,7 @@ var ToggleSwitch = forwardRef25(
               onChange: () => !isDisabled && (setIsSelected == null ? void 0 : setIsSelected(!isSelected))
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             "div",
             {
               className: `${isDisabled ? "opacity-40 cursor-not-allowed" : "cursor-pointer hover:bg-gray-300 hover:peer-checked:bg-green-700"} relative w-48 h-26 bg-gray-200 rounded-full peer-checked:after:translate-x-22 rtl:peer-checked:after:-translate-x-22 peer-checked:after:border-white after:content-[''] after:absolute after:top-4 after:left-4 after:bg-white after:border-gray-300 after:border after:rounded-full after:h-18 after:w-18 after:transition-all peer-checked:bg-green-600 `
@@ -3193,99 +3287,6 @@ var ToggleSwitch = forwardRef25(
   }
 );
 ToggleSwitch.displayName = "ToggleSwitch";
-
-// src/components/Tooltip/Tooltip.tsx
-import {
-  useState as useState11,
-  useEffect as useEffect5,
-  useRef as useRef4,
-  forwardRef as forwardRef26
-} from "react";
-import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
-var Tooltip = forwardRef26(
-  (_a, ref) => {
-    var _b = _a, {
-      size = "md",
-      children,
-      headText,
-      text,
-      position = "top",
-      className = ""
-    } = _b, rest = __objRest(_b, [
-      "size",
-      "children",
-      "headText",
-      "text",
-      "position",
-      "className"
-    ]);
-    const wrapperRef = useRef4(null);
-    const [isVisible, setIsVisible] = useState11(false);
-    const [isHovered, setIsHovered] = useState11(false);
-    useEffect5(() => {
-      const handleClickOutside = (event) => {
-        if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
-          setIsVisible(false);
-          setIsHovered(false);
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => {
-        document.removeEventListener("mousedown", handleClickOutside);
-      };
-    }, []);
-    return /* @__PURE__ */ jsxs21(
-      "div",
-      __spreadProps(__spreadValues({
-        className: `group relative inline-block ${className}`,
-        ref
-      }, rest), {
-        children: [
-          /* @__PURE__ */ jsx26(
-            "div",
-            {
-              ref: wrapperRef,
-              onClick: () => {
-                if (isVisible) {
-                  setIsVisible(false);
-                  setIsHovered(false);
-                } else {
-                  setIsVisible(true);
-                }
-              },
-              onMouseEnter: () => setIsHovered(true),
-              onMouseLeave: () => setIsHovered(false),
-              children
-            }
-          ),
-          /* @__PURE__ */ jsxs21(
-            "div",
-            {
-              className: `min-w-100 max-w-300 whitespace-nowrap rounded bg-gray-900 text-white ${size === "lg" ? "text-body-regular py-12 px-16" : size === "md" ? "text-body-small px-12 pt-10 pb-8" : "text-body-small px-8 pt-6 pb-4"} ${position === "right" && `absolute left-full top-1/2 z-20 ml-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "top" && `absolute bottom-full left-1/2 z-20 mb-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "left" && `absolute right-full top-1/2 z-20 mr-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "bottom" && `absolute left-1/2 top-full z-20 mt-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}`}`,
-              children: [
-                /* @__PURE__ */ jsx26(
-                  "span",
-                  {
-                    className: ` ${position === "right" && `absolute -left-3 top-1/2 -z-10 h-8 w-8 -translate-y-1/2 rotate-45 rounded-xs bg-black` || position === "top" && `absolute -bottom-3 left-1/2 -z-10 h-8 w-8 -translate-x-1/2 rotate-45 rounded-xs bg-black` || position === "left" && `absolute -right-3 top-1/2 -z-10 h-8 w-8 -translate-y-1/2 rotate-45 rounded-xs bg-black` || position === "bottom" && `absolute left-1/2 -top-3 -z-10 h-8 w-8 -translate-x-1/2 rotate-45 rounded-xs bg-black`} `
-                  }
-                ),
-                headText ? /* @__PURE__ */ jsx26(
-                  "p",
-                  {
-                    className: `text-sm text-white font-semibold text-center ${text ? "mb-5" : ""}`,
-                    children: headText
-                  }
-                ) : /* @__PURE__ */ jsx26(Fragment6, {}),
-                text ? /* @__PURE__ */ jsx26("p", { className: "text-xs text-white font-normal text-center text-wrap", children: text }) : /* @__PURE__ */ jsx26(Fragment6, {})
-              ]
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-Tooltip.displayName = "Tooltip";
 export {
   Accordion,
   AlertBanner,