@jamsrui/tooltip 0.0.19 → 0.1.0

package/README.md

@@ -2,12 +2,11 @@
 
 **A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
 
-
 ## 📖 **Overview**
 
 [JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
 
-## 🚀 Getting Started 
+## 🚀 Getting Started
 
 Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
 
@@ -37,4 +36,3 @@ We welcome contributions from developers of all skill levels!
 ## ⭐ Support the Project
 
 If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
-

package/dist/index.d.mts

@@ -1,27 +1,23 @@
+import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Tooltip as Tooltip$1 } from './tooltip.mjs';
 import { TooltipArrow } from './tooltip-arrow.mjs';
-import { TooltipConfig } from './tooltip-config.mjs';
-export { useTooltipConfig } from './tooltip-config.mjs';
 import { TooltipContent } from './tooltip-content.mjs';
+import { TooltipPortal } from './tooltip-portal.mjs';
 import { TooltipTrigger } from './tooltip-trigger.mjs';
 export { FloatingDelayGroup as TooltipGroup } from '@floating-ui/react';
 import './use-tooltip.mjs';
 import '@jamsrui/utils';
-import 'react';
-import './styles.mjs';
-import '@jamsrui/core';
 
 declare const Tooltip: ((props: Tooltip$1.Props) => react_jsx_runtime.JSX.Element) & {
     Trigger: (props: TooltipTrigger.Props) => react_jsx_runtime.JSX.Element;
-    Content: (props: TooltipContent.Props) => react_jsx_runtime.JSX.Element | null;
+    Content: (props: TooltipContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
     Arrow: (props: TooltipArrow.Props) => react_jsx_runtime.JSX.Element | null;
+    Portal: (props: TooltipPortal.Props) => react_jsx_runtime.JSX.Element | null;
 };
 declare namespace Tooltip {
     interface Props extends Tooltip$1.Props {
     }
-    interface Config extends TooltipConfig.Props {
-    }
     interface Trigger extends TooltipTrigger.Props {
     }
     interface Content extends TooltipContent.Props {
@@ -30,4 +26,4 @@ declare namespace Tooltip {
     }
 }
 
-export { Tooltip, TooltipArrow, TooltipConfig, TooltipContent, TooltipTrigger };
+export { Tooltip };

package/dist/index.mjs

@@ -1 +1 @@
-import{TooltipGroup as e,Tooltip as p}from"./tooltip.mjs";import{TooltipArrow as o}from"./tooltip-arrow.mjs";import{TooltipConfig as i,useTooltipConfig as n}from"./tooltip-config.mjs";import{TooltipContent as t}from"./tooltip-content.mjs";import{TooltipTrigger as r}from"./tooltip-trigger.mjs";const x=Object.assign(p,{Trigger:r,Content:t,Arrow:o});export{x as Tooltip,o as TooltipArrow,i as TooltipConfig,t as TooltipContent,e as TooltipGroup,r as TooltipTrigger,n as useTooltipConfig};
+import{TooltipGroup as o,Tooltip as t}from"./tooltip.mjs";import{TooltipArrow as r}from"./tooltip-arrow.mjs";import{TooltipContent as e}from"./tooltip-content.mjs";import{TooltipPortal as p}from"./tooltip-portal.mjs";import{TooltipTrigger as i}from"./tooltip-trigger.mjs";const x=Object.assign(t,{Trigger:i,Content:e,Arrow:r,Portal:p});export{x as Tooltip,o as TooltipGroup};

package/dist/tooltip-content.d.mts

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
 
-declare const TooltipContent: (props: TooltipContent.Props) => react_jsx_runtime.JSX.Element | null;
+declare const TooltipContent: (props: TooltipContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 declare namespace TooltipContent {
-    interface Props extends PropsWithChildren {
+    interface Props extends UIProps<"div"> {
     }
 }
 

package/dist/tooltip-content.mjs

@@ -1 +1 @@
-"use client";import{jsx as l}from"react/jsx-runtime";import{useRenderElement as n}from"@jamsrui/hooks";import{useTooltipContext as p}from"./tooltip-context.mjs";import{FloatingPortal as i}from"@floating-ui/react";const C=t=>{const{isOpen:o,getContentProps:e}=p(),r=n("div",{props:[e(t)]});return o?l(i,{children:r}):null};export{C as TooltipContent};
+"use client";import{useRenderElement as t}from"@jamsrui/hooks";import{useTooltipContext as n}from"./tooltip-context.mjs";const l=e=>{const{getContentProps:o}=n();return t("div",{props:[o(e)]})};export{l as TooltipContent};

package/dist/tooltip-context.d.mts

@@ -2,9 +2,7 @@ import * as react from 'react';
 import { useTooltip } from './use-tooltip.mjs';
 import '@floating-ui/react';
 import '@jamsrui/utils';
-import './styles.mjs';
 import './tooltip-content.mjs';
-import 'react/jsx-runtime';
 
 declare const useTooltipContext: () => TooltipContext.Props;
 declare const TooltipContext: react.Context<TooltipContext.Props | null>;

package/dist/tooltip-portal.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FloatingPortalProps } from '@floating-ui/react';
+
+declare const TooltipPortal: (props: TooltipPortal.Props) => react_jsx_runtime.JSX.Element | null;
+declare namespace TooltipPortal {
+    interface Props extends FloatingPortalProps {
+    }
+}
+
+export { TooltipPortal };

package/dist/tooltip-portal.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as p}from"react/jsx-runtime";import{useTooltipContext as r}from"./tooltip-context.mjs";import{FloatingPortal as l}from"@floating-ui/react";const a=o=>{const{isOpen:t}=r();return t?p(l,{...o}):null};export{a as TooltipPortal};

package/dist/tooltip-trigger.mjs

@@ -1 +1 @@
-"use client";import{Fragment as l,jsx as c}from"react/jsx-runtime";import{cloneElement as n}from"react";import{useTooltipContext as p}from"./tooltip-context.mjs";const T=r=>{const{children:e}=r,{getTriggerProps:o,isDisabled:t}=p();if(t)return e;const i=n(e,o());return c(l,{children:i})};export{T as TooltipTrigger};
+"use client";import{Fragment as s,jsx as l}from"react/jsx-runtime";import{cloneElement as n}from"react";import{useTooltipContext as p}from"./tooltip-context.mjs";const T=r=>{const{children:e}=r,{getTriggerProps:o,isDisabled:t}=p();if(t)return e;const i=n(e,o(e.props));return l(s,{children:i})};export{T as TooltipTrigger};

package/dist/tooltip.d.mts

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useTooltip } from './use-tooltip.mjs';
 export { FloatingDelayGroup as TooltipGroup } from '@floating-ui/react';
-import '@jamsrui/utils';
 import 'react';
-import './styles.mjs';
+import '@jamsrui/utils';
 import './tooltip-content.mjs';
 
 declare const Tooltip: (props: Tooltip.Props) => react_jsx_runtime.JSX.Element;

package/dist/use-tooltip.d.mts

@@ -1,22 +1,312 @@
+import * as react from 'react';
+import { ComponentProps, PropsWithChildren } from 'react';
 import { FloatingArrowProps, Placement, Delay } from '@floating-ui/react';
 import { PropGetter } from '@jamsrui/utils';
-import { PropsWithChildren } from 'react';
-import { TooltipVariants } from './styles.mjs';
 import { TooltipContent } from './tooltip-content.mjs';
-import 'react/jsx-runtime';
 
 declare const useTooltip: (props: useTooltip.Props) => {
     getContentProps: PropGetter<TooltipContent.Props>;
     getArrowProps: (props: Partial<FloatingArrowProps>) => FloatingArrowProps;
     isOpen: boolean;
     showArrow: boolean;
-    getTriggerProps: () => {
-        [x: string]: unknown;
+    getTriggerProps: (props: ComponentProps<"button">) => {
+        ref?: react.Ref<HTMLButtonElement> | undefined;
+        key?: react.Key | null | undefined;
+        disabled?: boolean | undefined;
+        form?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        name?: string | undefined;
+        type?: "submit" | "reset" | "button" | undefined;
+        value?: string | readonly string[] | number | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: react.CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        role?: react.AriaRole | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        color?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+        popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: react.ReactNode | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCopyCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCut?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCutCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPaste?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPasteCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEnd?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEndCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStart?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStartCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdate?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
+        onFocus?: react.FocusEventHandler<HTMLButtonElement> | undefined;
+        onFocusCapture?: react.FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlur?: react.FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlurCapture?: react.FocusEventHandler<HTMLButtonElement> | undefined;
+        onChange?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onChangeCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInput?: react.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onInput?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onReset?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
+        onLoad?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onError?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onErrorCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyDownCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPress?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPressCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUp?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUpCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onAbort?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onAbortCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlay?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThrough?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptied?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptiedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncrypted?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncryptedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEnded?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onEndedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedData?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedDataCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadata?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStart?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStartCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPause?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPauseCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlay?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlaying?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgress?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgressCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeked?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeking?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalled?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalledCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspend?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspendCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdate?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdateCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaiting?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaitingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onAuxClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onAuxClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenu?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenuCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onDrag?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnd?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEndCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnter?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnterCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExit?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExitCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeave?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeaveCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOver?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOverCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStart?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStartCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDrop?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onDropCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
+        onMouseDown?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseDownCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseEnter?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseLeave?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMove?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMoveCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOut?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOutCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOver?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOverCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUp?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUpCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
+        onSelect?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSelectCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancel?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancelCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEnd?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEndCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMove?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMoveCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStart?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStartCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
+        onPointerDown?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerDownCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMove?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMoveCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUp?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUpCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancel?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancelCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerEnter?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerLeave?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOver?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOverCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOut?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOutCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
+        onScroll?: react.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollCapture?: react.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: react.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: react.UIEventHandler<HTMLButtonElement> | undefined;
+        onWheel?: react.WheelEventHandler<HTMLButtonElement> | undefined;
+        onWheelCapture?: react.WheelEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStart?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStartCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEnd?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEndCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIteration?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: react.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: react.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEnd?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEndCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
     };
     isDisabled: boolean;
 };
 declare namespace useTooltip {
-    interface Props extends PropsWithChildren, TooltipVariants {
+    interface Props extends PropsWithChildren {
         placement?: Placement;
         disabled?: boolean;
         offset?: number;

package/dist/use-tooltip.mjs

@@ -1 +1 @@
-"use client";import{useCallback as c,useMemo as V,useState as N}from"react";import{arrow as j,autoUpdate as k,flip as H,offset as I,safePolygon as M,shift as W,useDelayGroup as U,useDismiss as q,useFloating as z,useFocus as B,useHover as J,useInteractions as K,useRole as L}from"@floating-ui/react";import{useControlledState as Q}from"@jamsrui/hooks";import{tooltipVariants as X}from"./styles.mjs";const oe=h=>{const{delay:r,offset:w=4,placement:C="top",radius:O,defaultOpen:D,isOpen:F,onOpenChange:T,disabled:f=!1,...Y}=h,[p,A]=Q({defaultProp:D,onChange:T,prop:F}),[m,x]=N(null),i=!!m,G=i?7:0,{refs:n,floatingStyles:u,context:e}=z({open:p,onOpenChange:A,placement:C,whileElementsMounted:k,middleware:[I(w+G),H({fallbackAxisSideDirection:"start"}),W(),j({element:m})]}),{delay:o}=U(e);let t=400,s=100;typeof r=="number"?(t=r,s=r):typeof r=="object"&&(t=r.open??t,s=r.close??s),typeof o=="number"&&o>0?(t=o,s=o):typeof o=="object"&&(t=o.open??t,s=o.close??s);const S=J(e,{move:!1,handleClose:M({blockPointerEvents:!0}),delay:{close:s,open:t}}),v=B(e),E=q(e),R=L(e,{role:"tooltip"}),{getReferenceProps:d,getFloatingProps:y}=K([S,v,E,R]),l=X({radius:O}),P=c(a=>({...a,className:l.content(),style:u,ref:n.setFloating,...y()}),[u,y,n.setFloating,l]),g=c(a=>({tipRadius:4,...a,context:e,ref:x,className:l.arrow({className:a.className})}),[e,l]),b=c(()=>({...d({ref:n.setReference})}),[d,n.setReference]);return V(()=>({getContentProps:P,getArrowProps:g,isOpen:p,showArrow:i,getTriggerProps:b,isDisabled:f}),[P,g,p,i,b,f])};export{oe as useTooltip};
+"use client";import{useCallback as i,useMemo as E,useState as R}from"react";import{arrow as j,autoUpdate as k,flip as H,offset as I,safePolygon as M,shift as V,useDelayGroup as W,useDismiss as U,useFloating as q,useFocus as z,useHover as B,useInteractions as J,useRole as K}from"@floating-ui/react";import{useControlledState as L}from"@jamsrui/hooks";const Z=b=>{const{delay:n,offset:h=4,placement:C="top",defaultOpen:w,isOpen:O,onOpenChange:D,disabled:c=!1,...N}=b,[p,F]=L({defaultProp:w,onChange:D,prop:O}),[f,A]=R(null),a=!!f,x=a?7:0,{refs:l,floatingStyles:u,context:e}=q({open:p,onOpenChange:F,placement:C,whileElementsMounted:k,middleware:[I(h+x),H({fallbackAxisSideDirection:"start"}),V(),j({element:f})]}),{delay:o}=W(e);let t=400,s=100;typeof n=="number"?(t=n,s=n):typeof n=="object"&&(t=n.open??t,s=n.close??s),typeof o=="number"&&o>0?(t=o,s=o):typeof o=="object"&&(t=o.open??t,s=o.close??s);const G=B(e,{move:!1,handleClose:M({blockPointerEvents:!0}),delay:{close:s,open:t}}),S=z(e),T=U(e),v=K(e,{role:"tooltip"}),{getReferenceProps:m,getFloatingProps:d}=J([G,S,T,v]),P=i(r=>({...r,style:u,ref:l.setFloating,...d()}),[u,d,l.setFloating]),g=i(r=>({tipRadius:4,...r,context:e,ref:A}),[e]),y=i(r=>({...r,...m({ref:l.setReference})}),[m,l.setReference]);return E(()=>({getContentProps:P,getArrowProps:g,isOpen:p,showArrow:a,getTriggerProps:y,isDisabled:c}),[P,g,p,a,y,c])};export{Z as useTooltip};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/tooltip",
-  "version": "0.0.19",
+  "version": "0.1.0",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
     "@floating-ui/react": ">=0.27",
-    "@jamsrui/hooks": "^0.0.19",
-    "@jamsrui/core": "^0.0.15",
-    "@jamsrui/utils": "^0.0.19"
+    "@jamsrui/hooks": "^0.1.0",
+    "@jamsrui/core": "^0.1.0",
+    "@jamsrui/utils": "^0.1.0"
   },
   "exports": {
     ".": {

package/dist/styles.d.mts

@@ -1,50 +0,0 @@
-import * as _jamsrui_utils from '@jamsrui/utils';
-import { VariantProps } from '@jamsrui/utils';
-
-declare const tooltipVariants: _jamsrui_utils.TVReturnType<{
-    radius: {
-        sm: {};
-        md: {};
-        lg: {};
-        xl: {};
-        "2xl": {};
-        "3xl": {};
-        full: {};
-        none: {};
-    };
-}, {
-    content: string;
-    arrow: string;
-}, undefined, {
-    radius: {
-        sm: {};
-        md: {};
-        lg: {};
-        xl: {};
-        "2xl": {};
-        "3xl": {};
-        full: {};
-        none: {};
-    };
-}, {
-    content: string;
-    arrow: string;
-}, _jamsrui_utils.TVReturnType<{
-    radius: {
-        sm: {};
-        md: {};
-        lg: {};
-        xl: {};
-        "2xl": {};
-        "3xl": {};
-        full: {};
-        none: {};
-    };
-}, {
-    content: string;
-    arrow: string;
-}, undefined, unknown, unknown, undefined>>;
-type TooltipVariants = VariantProps<typeof tooltipVariants>;
-type TooltipSlots = keyof ReturnType<typeof tooltipVariants>;
-
-export { type TooltipSlots, type TooltipVariants, tooltipVariants };

package/dist/styles.mjs

@@ -1 +0,0 @@
-import{radiusVariant as t,tv as o}from"@jamsrui/utils";const a=o({slots:{content:"bg-surface inline-flex px-3 py-1 text-sm font-medium text-foreground",arrow:"fill-background-secondary"},variants:{radius:t("content")},defaultVariants:{radius:"md"}});export{a as tooltipVariants};

package/dist/tooltip-config.d.mts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { WithGlobalConfig } from '@jamsrui/core';
-import { Tooltip } from './tooltip.mjs';
-import './use-tooltip.mjs';
-import '@floating-ui/react';
-import '@jamsrui/utils';
-import 'react';
-import './styles.mjs';
-import './tooltip-content.mjs';
-
-declare const useTooltipConfig: () => TooltipConfig.Props;
-declare const TooltipConfig: (props: Omit<Partial<TooltipConfig.Props>, "children"> & {
-    merge?: boolean;
-    children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare namespace TooltipConfig {
-    interface Props extends WithGlobalConfig<Tooltip.Props> {
-    }
-}
-
-export { TooltipConfig, useTooltipConfig };

package/dist/tooltip-config.mjs

@@ -1 +0,0 @@
-"use client";import{createConfigContext as o}from"@jamsrui/utils";const[i,p]=o({displayName:"TooltipConfigContext"});export{i as TooltipConfig,p as useTooltipConfig};