@lolmath/ui 2.6.0 → 2.7.0

package/dist/index.cjs

@@ -47,7 +47,9 @@ __export(src_exports, {
   TabPanel: () => TabPanel,
   Tabs: () => Tabs,
   TextArea: () => TextArea,
-  TextField: () => TextField
+  TextField: () => TextField,
+  Tooltip: () => Tooltip,
+  TooltipTrigger: () => import_react_aria_components16.TooltipTrigger
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -1020,6 +1022,63 @@ function TextArea({
     }
   );
 }
+
+// src/components/tooltip.tsx
+var import_react_aria_components15 = require("react-aria-components");
+var import_tailwind_merge17 = require("tailwind-merge");
+var import_react_aria_components16 = require("react-aria-components");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Tooltip({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components15.Tooltip,
+    {
+      ...props,
+      className: (values) => (0, import_tailwind_merge17.twMerge)(
+        `p-0.5 drop-shadow-lg bg-black`,
+        borderClassName,
+        "w-[280px]",
+        values.isEntering && "animate-in fade-in data-[placement=bottom]:slide-in-from-top-1 data-[placement=top]:slide-in-from-bottom-1 ease-out duration-200 fill-mode-forwards",
+        values.isExiting && "animate-out fade-out data-[placement=bottom]:slide-out-to-top-1 data-[placement=top]:slide-out-to-bottom-1 ease-in duration-150 fill-mode-forwards",
+        values.placement === "bottom" && "mt-2",
+        values.placement === "top" && "mb-2",
+        resolveClassname(props.className, values)
+      ),
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components15.OverlayArrow, { className: "transform translate-y-1", children: (values2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "svg",
+            {
+              viewBox: "0 0 12 12",
+              className: (0, import_tailwind_merge17.twMerge)(
+                "block fill-lol-gold-600 w-5 h-5 absolute",
+                values2.placement === "top" && "-translate-y-[1px] -left-0.5 ",
+                values2.placement === "bottom" && "-translate-y-[3px] rotate-180 -left-0.5 fill-lol-gold-400",
+                values2.placement === "left" && "-translate-x-px -rotate-90 -top-0.5 fill-lol-gold-500",
+                values2.placement === "right" && "-translate-x-[3px] rotate-90 -top-0.5 fill-lol-gold-500"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M0 0,L6 6,L12 0" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "svg",
+            {
+              viewBox: "0 0 12 12",
+              className: (0, import_tailwind_merge17.twMerge)(
+                "block fill-lol-gray-900 w-4 h-4",
+                values2.placement === "top" && "-translate-y-0.5",
+                values2.placement === "bottom" && "translate-y-0.5 rotate-180",
+                values2.placement === "left" && "-translate-x-0.5 -rotate-90",
+                values2.placement === "right" && "translate-x-0.5 rotate-90"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M0 0,L6 6,L12 0" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "bg-lol-gray-900", children: typeof children === "function" ? children(values) : children })
+      ] })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -1049,6 +1108,8 @@ function TextArea({
   TabPanel,
   Tabs,
   TextArea,
-  TextField
+  TextField,
+  Tooltip,
+  TooltipTrigger
 });
 //# sourceMappingURL=index.cjs.map