@lolmath/ui 2.6.0 → 2.7.0

package/dist/index.d.cts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps } from 'react-aria-components';
+export { TooltipTrigger } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ButtonProps$1 {
@@ -103,4 +104,6 @@ declare function TextArea({ textAreaProps, ...props }: TextFieldProps & {
     textAreaProps?: TextAreaProps;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField };
+declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField, Tooltip };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, ItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, LabelProps, NumberFieldProps, Group, HeadingProps, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps } from 'react-aria-components';
+export { TooltipTrigger } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ButtonProps$1 {
@@ -103,4 +104,6 @@ declare function TextArea({ textAreaProps, ...props }: TextFieldProps & {
     textAreaProps?: TextAreaProps;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField };
+declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Checkbox, DialogButtons, DialogTrigger, Heading, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderLabel, Spinner, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField, Tooltip };

package/dist/index.js

@@ -1017,6 +1017,63 @@ function TextArea({
     }
   );
 }
+
+// src/components/tooltip.tsx
+import { Tooltip as AriaTooltip, OverlayArrow } from "react-aria-components";
+import { twMerge as twMerge17 } from "tailwind-merge";
+import { TooltipTrigger } from "react-aria-components";
+import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+function Tooltip({ children, ...props }) {
+  return /* @__PURE__ */ jsx17(
+    AriaTooltip,
+    {
+      ...props,
+      className: (values) => twMerge17(
+        `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__ */ jsxs11(Fragment8, { children: [
+        /* @__PURE__ */ jsx17(OverlayArrow, { className: "transform translate-y-1", children: (values2) => /* @__PURE__ */ jsxs11(Fragment8, { children: [
+          /* @__PURE__ */ jsx17(
+            "svg",
+            {
+              viewBox: "0 0 12 12",
+              className: twMerge17(
+                "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__ */ jsx17("path", { d: "M0 0,L6 6,L12 0" })
+            }
+          ),
+          /* @__PURE__ */ jsx17(
+            "svg",
+            {
+              viewBox: "0 0 12 12",
+              className: twMerge17(
+                "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__ */ jsx17("path", { d: "M0 0,L6 6,L12 0" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx17("div", { className: "bg-lol-gray-900", children: typeof children === "function" ? children(values) : children })
+      ] })
+    }
+  );
+}
 export {
   Accordion,
   AccordionContent,
@@ -1045,6 +1102,8 @@ export {
   TabPanel,
   Tabs,
   TextArea,
-  TextField
+  TextField,
+  Tooltip,
+  TooltipTrigger
 };
 //# sourceMappingURL=index.js.map