@jamsrui/tooltip 0.0.12 → 0.0.14

package/dist/index.d.mts

@@ -1,9 +1,33 @@
-export { Tooltip } from './tooltip.mjs';
+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 { TooltipContent } from './tooltip-content.mjs';
+import { TooltipTrigger } from './tooltip-trigger.mjs';
 export { TooltipConfig, useTooltipConfig } from './tooltip-config.mjs';
+import { FloatingDelayGroup } from '@floating-ui/react';
 export { FloatingDelayGroup as TooltipGroup } from '@floating-ui/react';
-import 'react/jsx-runtime';
 import './use-tooltip.mjs';
-import 'react';
 import '@jamsrui/utils';
 import './styles.mjs';
 import '@jamsrui/core';
+
+declare const Tooltip: ((props: Tooltip$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: Tooltip$1.Props) => react_jsx_runtime.JSX.Element;
+    Arrow: (props: TooltipArrow.Props) => react_jsx_runtime.JSX.Element | null;
+    Content: (props: TooltipContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+    Trigger: (props: TooltipTrigger.Props) => react_jsx_runtime.JSX.Element;
+    Group: typeof FloatingDelayGroup;
+};
+declare namespace Tooltip {
+    interface Props extends Tooltip$1.Props {
+    }
+    interface Arrow extends TooltipArrow.Props {
+    }
+    interface Content extends TooltipContent.Props {
+    }
+    interface Trigger extends TooltipTrigger.Props {
+    }
+}
+
+export { Tooltip };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as p,b as t}from"./chunk-C2D5NMEG.mjs";import{a as o}from"./chunk-5G2K5ACL.mjs";import"./chunk-W4XHOOE2.mjs";import"./chunk-WKDVTYCD.mjs";import{FloatingDelayGroup as f}from"@floating-ui/react";export{o as Tooltip,p as TooltipConfig,f as TooltipGroup,t as useTooltipConfig};
+import{TooltipGroup as t,Tooltip as o}from"./tooltip.mjs";import{TooltipArrow as r}from"./tooltip-arrow.mjs";import{TooltipContent as e}from"./tooltip-content.mjs";import{TooltipTrigger as p}from"./tooltip-trigger.mjs";import{TooltipConfig as g,useTooltipConfig as m}from"./tooltip-config.mjs";import{TooltipGroup as c}from"./tooltip.mjs";const s=Object.assign(o,{Root:o,Arrow:r,Content:e,Trigger:p,Group:t});export{s as Tooltip,g as TooltipConfig,c as TooltipGroup,m as useTooltipConfig};

package/dist/styles.d.mts

@@ -13,7 +13,7 @@ declare const tooltipVariants: _jamsrui_utils.TVReturnType<{
         none: {};
     };
 }, {
-    root: string;
+    content: string;
     arrow: string;
 }, undefined, {
     radius: {
@@ -27,7 +27,7 @@ declare const tooltipVariants: _jamsrui_utils.TVReturnType<{
         none: {};
     };
 }, {
-    root: string;
+    content: string;
     arrow: string;
 }, _jamsrui_utils.TVReturnType<{
     radius: {
@@ -41,7 +41,7 @@ declare const tooltipVariants: _jamsrui_utils.TVReturnType<{
         none: {};
     };
 }, {
-    root: string;
+    content: string;
     arrow: string;
 }, undefined, unknown, unknown, undefined>>;
 type TooltipVariants = VariantProps<typeof tooltipVariants>;

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-WKDVTYCD.mjs";export{a as tooltipVariants};
+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-arrow.d.mts

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

package/dist/tooltip-arrow.mjs

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

package/dist/tooltip-config.d.mts

@@ -1,11 +1,12 @@
-import { Tooltip } from './tooltip.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
-import '@floating-ui/react';
+import { Tooltip } from './tooltip.mjs';
 import './use-tooltip.mjs';
-import 'react';
+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"> & {

package/dist/tooltip-config.mjs

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

package/dist/tooltip-content.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const TooltipContent: (props: TooltipContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+declare namespace TooltipContent {
+    interface Props extends PropsWithChildren {
+    }
+}
+
+export { TooltipContent };

package/dist/tooltip-content.mjs

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

package/dist/tooltip-context.d.mts

@@ -0,0 +1,15 @@
+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';
+
+declare const useTooltipContext: () => TooltipContext.Props;
+declare const TooltipContext: react.Context<TooltipContext.Props | null>;
+declare namespace TooltipContext {
+    interface Props extends ReturnType<typeof useTooltip> {
+    }
+}
+
+export { TooltipContext, useTooltipContext };

package/dist/tooltip-context.mjs

@@ -0,0 +1 @@
+"use client";import{createContext as o,use as e}from"react";const p=o(null),n=()=>{const t=e(p);if(!t)throw new Error("useTooltipContext must be used within a TooltipContext.Provider");return t};export{p as TooltipContext,n as useTooltipContext};

package/dist/tooltip-trigger.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const TooltipTrigger: (props: TooltipTrigger.Props) => react_jsx_runtime.JSX.Element;
+declare namespace TooltipTrigger {
+    interface Props {
+        children: React.ReactElement;
+    }
+}
+
+export { TooltipTrigger };

package/dist/tooltip-trigger.mjs

@@ -0,0 +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};

package/dist/tooltip.d.mts

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

package/dist/tooltip.mjs

@@ -1 +1 @@
-import{a}from"./chunk-5G2K5ACL.mjs";import"./chunk-W4XHOOE2.mjs";import"./chunk-WKDVTYCD.mjs";export{a as Tooltip};
+"use client";import{jsx as i}from"react/jsx-runtime";import{TooltipContext as p}from"./tooltip-context.mjs";import{useTooltip as r}from"./use-tooltip.mjs";const s=o=>{const{children:t}=o,e=r(o);return i(p,{value:e,children:t})};import{FloatingDelayGroup as x}from"@floating-ui/react";export{s as Tooltip,x as TooltipGroup};

package/dist/use-tooltip.d.mts

@@ -1,28 +1,25 @@
-import * as react from 'react';
-import { ReactElement } from 'react';
 import { FloatingArrowProps, Placement, Delay } from '@floating-ui/react';
-import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
-import { TooltipVariants, TooltipSlots } from './styles.mjs';
+import { PropGetter } from '@jamsrui/utils';
+import { PropsWithChildren } from 'react';
+import { TooltipVariants } from './styles.mjs';
+import { TooltipContent } from './tooltip-content.mjs';
 
 declare const useTooltip: (props: useTooltip.Props) => {
-    getRootProps: PropGetter<UIProps<"div">>;
-    getArrowProps: () => FloatingArrowProps;
+    getContentProps: PropGetter<TooltipContent.Props>;
+    getArrowProps: (props: Partial<FloatingArrowProps>) => FloatingArrowProps;
     isOpen: boolean;
-    children: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-    title: string;
     showArrow: boolean;
+    getTriggerProps: () => {
+        [x: string]: unknown;
+    };
+    isDisabled: boolean;
 };
 declare namespace useTooltip {
-    interface Props extends TooltipVariants {
-        title: string;
+    interface Props extends PropsWithChildren, TooltipVariants {
         placement?: Placement;
-        isDisabled?: boolean;
+        disabled?: boolean;
         offset?: number;
-        showArrow?: boolean;
         delay?: Delay;
-        className?: string;
-        classNames?: SlotsToClassNames<TooltipSlots>;
-        children: ReactElement<unknown>;
         isOpen?: boolean;
         onOpenChange?: (open: boolean) => void;
         defaultOpen?: boolean;

package/dist/use-tooltip.mjs

@@ -1 +1 @@
-import{a}from"./chunk-W4XHOOE2.mjs";import"./chunk-WKDVTYCD.mjs";export{a as useTooltip};
+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};

package/package.json

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

package/dist/chunk-5G2K5ACL.mjs

@@ -1 +0,0 @@
-import{a as t}from"./chunk-W4XHOOE2.mjs";import{useMemo as P}from"react";import{FloatingArrow as f,FloatingPortal as g}from"@floating-ui/react";import{useRenderElement as u}from"@jamsrui/hooks";import{Fragment as n,jsx as p,jsxs as i}from"react/jsx-runtime";var A=s=>{let{children:l,getArrowProps:o,getRootProps:m,isOpen:c,title:r,showArrow:e}=t(s),d=P(()=>i(n,{children:[!!e&&p(f,{...o()}),r]}),[o,e,r]),a=u("div",{props:[m({}),{children:d}]});return i(n,{children:[l,!!c&&p(g,{children:a})]})};export{A as a};

package/dist/chunk-C2D5NMEG.mjs

@@ -1 +0,0 @@
-import{createConfigContext as o}from"@jamsrui/utils";var[p,i]=o({displayName:"TooltipConfigContext"});export{p as a,i as b};

package/dist/chunk-W4XHOOE2.mjs

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

package/dist/chunk-WKDVTYCD.mjs

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