@jamsrui/tooltip 0.0.11 → 0.0.13

package/dist/chunk-47EFJXRD.mjs

@@ -0,0 +1 @@
+import{radiusVariant as t,tv as o}from"@jamsrui/utils";var 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};

package/dist/chunk-67HMOO7F.mjs

@@ -0,0 +1 @@
+import{a as e}from"./chunk-JHUW52HO.mjs";import{a as t}from"./chunk-DTYTFK7D.mjs";import{FloatingDelayGroup as x}from"@floating-ui/react";import{jsx as i}from"react/jsx-runtime";var s=o=>{let{children:p}=o,r=e(o);return i(t,{value:r,children:p})};export{s as a,x as b};

package/dist/chunk-DTYTFK7D.mjs

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

package/dist/chunk-GWBVOOXK.mjs

@@ -0,0 +1 @@
+import{b as r}from"./chunk-DTYTFK7D.mjs";import{FloatingArrow as n}from"@floating-ui/react";import{jsx as p}from"react/jsx-runtime";var w=o=>{let{getArrowProps:t,isOpen:e}=r();return e?p(n,{...t(o),...o}):null};export{w as a};

package/dist/chunk-HHCN7FQG.mjs

@@ -0,0 +1 @@
+import{b as t}from"./chunk-DTYTFK7D.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var l=e=>{let{isOpen:o,getContentProps:n}=t(),r=p("div",{props:[n(e)]});return o?r:null};export{l as a};

package/dist/chunk-JHUW52HO.mjs

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

package/dist/chunk-UAC7SK5Q.mjs

@@ -0,0 +1 @@
+import{b as r}from"./chunk-DTYTFK7D.mjs";import{cloneElement as p}from"react";import{Fragment as l,jsx as c}from"react/jsx-runtime";var T=o=>{let{children:e}=o,{getTriggerProps:t,isDisabled:i}=r();if(i)return e;let n=p(e,t());return c(l,{children:n})};export{T as a};

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{a as r}from"./chunk-GWBVOOXK.mjs";import{a as i,b as n}from"./chunk-C2D5NMEG.mjs";import{a as e}from"./chunk-HHCN7FQG.mjs";import{a as p}from"./chunk-UAC7SK5Q.mjs";import{a as o,b as t}from"./chunk-67HMOO7F.mjs";import"./chunk-JHUW52HO.mjs";import"./chunk-47EFJXRD.mjs";import"./chunk-DTYTFK7D.mjs";var x=Object.assign(o,{Root:o,Arrow:r,Content:e,Trigger:p,Group:t});export{x as Tooltip,i as TooltipConfig,t as TooltipGroup,n 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{a}from"./chunk-47EFJXRD.mjs";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{a}from"./chunk-GWBVOOXK.mjs";import"./chunk-DTYTFK7D.mjs";export{a 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{a,b}from"./chunk-C2D5NMEG.mjs";export{a as TooltipConfig,b 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{a}from"./chunk-HHCN7FQG.mjs";import"./chunk-DTYTFK7D.mjs";export{a 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{a,b}from"./chunk-DTYTFK7D.mjs";export{a as TooltipContext,b 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{a}from"./chunk-UAC7SK5Q.mjs";import"./chunk-DTYTFK7D.mjs";export{a 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{a,b}from"./chunk-67HMOO7F.mjs";import"./chunk-JHUW52HO.mjs";import"./chunk-47EFJXRD.mjs";import"./chunk-DTYTFK7D.mjs";export{a as Tooltip,b 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{a}from"./chunk-JHUW52HO.mjs";import"./chunk-47EFJXRD.mjs";export{a as useTooltip};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/tooltip",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
     "@floating-ui/react": ">=0.27",
-    "@jamsrui/hooks": "^0.0.11",
-    "@jamsrui/core": "^0.0.10",
-    "@jamsrui/utils": "^0.0.11"
+    "@jamsrui/hooks": "^0.0.13",
+    "@jamsrui/core": "^0.0.11",
+    "@jamsrui/utils": "^0.0.13"
   },
   "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-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};