@jamsrui/tooltip 0.0.2 → 0.0.3

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-3GDCC6VG.mjs";import"./chunk-VPXFYS2C.mjs";import"./chunk-JWHKP2IH.mjs";import{FloatingDelayGroup as f}from"@floating-ui/react";export{o as Tooltip,p as TooltipConfig,f as TooltipGroup,t as useTooltipConfig};
+"use client";import{Tooltip as t}from"./tooltip";import{TooltipConfig as r,useTooltipConfig as e}from"./tooltip-config";import{FloatingDelayGroup as f}from"@floating-ui/react";export{t as Tooltip,r as TooltipConfig,f as TooltipGroup,e as useTooltipConfig};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-JWHKP2IH.mjs";export{a as test,b as tooltipVariants};
+import{radiusVariant as t,tv as o}from"@jamsrui/utils";const a="",i=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 as test,i as tooltipVariants};

package/dist/tooltip-config.mjs

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

package/dist/tooltip.mjs

@@ -1 +1 @@
-import{a}from"./chunk-3GDCC6VG.mjs";import"./chunk-VPXFYS2C.mjs";import"./chunk-JWHKP2IH.mjs";export{a as Tooltip};
+import{useMemo as m}from"react";import{FloatingArrow as c,FloatingPortal as a}from"@floating-ui/react";import{useRenderElement as d}from"@jamsrui/hooks";import{useTooltip as P}from"./use-tooltip";const h=t=>{const{children:p,getArrowProps:o,getRootProps:n,isOpen:i,title:r,showArrow:e}=P(t),s=m(()=>React.createElement(React.Fragment,null,!!e&&React.createElement(c,{...o()}),r),[o,e,r]),l=d("div",{props:[n({}),{children:s}]});return React.createElement(React.Fragment,null,p,!!i&&React.createElement(a,null,l))};export{h as Tooltip};

package/dist/use-tooltip.mjs

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

package/package.json

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

package/dist/chunk-2LKTA7EY.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var a="",i= exports.b =_utils.tv.call(void 0, {slots:{root:"bg-surface inline-flex px-3 py-1 text-sm font-medium text-foreground",arrow:"fill-background-secondary"},variants:{radius:_utils.radiusVariant.call(void 0, "root")},defaultVariants:{radius:"md"}});exports.a = a; exports.b = i;

package/dist/chunk-3GDCC6VG.mjs

@@ -1 +0,0 @@
-import{a as t}from"./chunk-VPXFYS2C.mjs";import{useMemo as c}from"react";import{FloatingArrow as a,FloatingPortal as d}from"@floating-ui/react";import{useRenderElement as P}from"@jamsrui/hooks";var h=p=>{let{children:n,getArrowProps:o,getRootProps:i,isOpen:s,title:r,showArrow:e}=t(p),l=c(()=>React.createElement(React.Fragment,null,!!e&&React.createElement(a,{...o()}),r),[o,e,r]),m=P("div",{props:[i({}),{children:l}]});return React.createElement(React.Fragment,null,n,!!s&&React.createElement(d,null,m))};export{h 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-ESGEIT3Y.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[p,i]=_utils.createConfigContext.call(void 0, {displayName:"TooltipConfigContext"});exports.a = p; exports.b = i;

package/dist/chunk-JWHKP2IH.mjs

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

package/dist/chunk-MXVBIBSN.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNKW3VC3Ljs = require('./chunk-NKW3VC3L.js');var _react = require('react');var _react3 = require('@floating-ui/react');var _hooks = require('@jamsrui/hooks');var h=p=>{let{children:n,getArrowProps:o,getRootProps:i,isOpen:s,title:r,showArrow:e}=_chunkNKW3VC3Ljs.a.call(void 0, p),l=_react.useMemo.call(void 0, ()=>React.createElement(React.Fragment,null,!!e&&React.createElement(_react3.FloatingArrow,{...o()}),r),[o,e,r]),m=_hooks.useRenderElement.call(void 0, "div",{props:[i({}),{children:l}]});return React.createElement(React.Fragment,null,n,!!s&&React.createElement(_react3.FloatingPortal,null,m))};exports.a = h;

package/dist/chunk-NKW3VC3L.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunk2LKTA7EYjs = require('./chunk-2LKTA7EY.js');var _react = require('react');var _react3 = require('@floating-ui/react');var _hooks = require('@jamsrui/hooks');var _utils = require('@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]=_hooks.useControlledState.call(void 0, {defaultProp:R,onChange:v,prop:F}),d=_react.useRef.call(void 0, null),A=r?7:0,{refs:m,floatingStyles:y,context:e}=_react3.useFloating.call(void 0, {open:c,onOpenChange:x,placement:S,whileElementsMounted:_react3.autoUpdate,middleware:[_react3.offset.call(void 0, D+A),_react3.flip.call(void 0, {fallbackAxisSideDirection:"start"}),_react3.shift.call(void 0, ),r?_react3.arrow.call(void 0, {element:d}):null]}),{delay:o}=_react3.useDelayGroup.call(void 0, e),t=400,s=100;typeof l=="number"?(t=l,s=l):typeof l=="object"&&(t=_nullishCoalesce(l.open, () => (t)),s=_nullishCoalesce(l.close, () => (s))),typeof o=="number"&&o>0?(t=o,s=o):typeof o=="object"&&(t=_nullishCoalesce(o.open, () => (t)),s=_nullishCoalesce(o.close, () => (s)));let E=_react3.useHover.call(void 0, e,{move:!1,handleClose:_react3.safePolygon.call(void 0, {blockPointerEvents:!0}),delay:{close:s,open:t}}),G=_react3.useFocus.call(void 0, e),V=_react3.useDismiss.call(void 0, e),k=_react3.useRole.call(void 0, e,{role:"tooltip"}),{getReferenceProps:I,getFloatingProps:g}=_react3.useInteractions.call(void 0, [E,G,V,k]),i=_chunk2LKTA7EYjs.b.call(void 0, {radius:T}),P=_react.cloneElement.call(void 0, p,I({ref:m.setReference})),w=_react.useCallback.call(void 0, ()=>({className:i.root({className:_utils.cn.call(void 0, _optionalChain([a, 'optionalAccess', _2 => _2.root]),n)}),style:y,ref:m.setFloating,...g()}),[n,_optionalChain([a, 'optionalAccess', _3 => _3.root]),y,g,m.setFloating,i]),b=_react.useCallback.call(void 0, ()=>({context:e,ref:d,className:i.arrow({className:_utils.cn.call(void 0, _optionalChain([a, 'optionalAccess', _4 => _4.arrow]),n)})}),[n,_optionalChain([a, 'optionalAccess', _5 => _5.arrow]),e,i]);return _react.useMemo.call(void 0, ()=>({getRootProps:w,getArrowProps:b,isOpen:c,children:u?p:P,title:f,showArrow:r}),[p,b,w,u,c,r,f,P])};exports.a = re;

package/dist/chunk-VPXFYS2C.mjs

@@ -1 +0,0 @@
-import{b as h}from"./chunk-JWHKP2IH.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/index.d.ts

@@ -1,9 +0,0 @@
-export { Tooltip } from './tooltip.js';
-export { TooltipConfig, useTooltipConfig } from './tooltip-config.js';
-export { FloatingDelayGroup as TooltipGroup } from '@floating-ui/react';
-import 'react';
-import './use-tooltip.js';
-import '@jamsrui/utils';
-import './styles.js';
-import 'tailwind-variants';
-import '@jamsrui/core';

package/dist/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkESGEIT3Yjs = require('./chunk-ESGEIT3Y.js');var _chunkMXVBIBSNjs = require('./chunk-MXVBIBSN.js');require('./chunk-NKW3VC3L.js');require('./chunk-2LKTA7EY.js');var _react = require('@floating-ui/react');exports.Tooltip = _chunkMXVBIBSNjs.a; exports.TooltipConfig = _chunkESGEIT3Yjs.a; exports.TooltipGroup = _react.FloatingDelayGroup; exports.useTooltipConfig = _chunkESGEIT3Yjs.b;

package/dist/styles.d.ts

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

package/dist/styles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2LKTA7EYjs = require('./chunk-2LKTA7EY.js');exports.test = _chunk2LKTA7EYjs.a; exports.tooltipVariants = _chunk2LKTA7EYjs.b;

package/dist/tooltip-config.d.ts

@@ -1,19 +0,0 @@
-import { Tooltip } from './tooltip.js';
-import * as react from 'react';
-import { GlobalConfigProps } from '@jamsrui/core';
-import '@floating-ui/react';
-import './use-tooltip.js';
-import '@jamsrui/utils';
-import './styles.js';
-import 'tailwind-variants';
-
-declare const useTooltipConfig: () => TooltipConfig.Props;
-declare const TooltipConfig: (props: TooltipConfig.Props & {
-    merge?: boolean;
-}) => react.JSX.Element;
-declare namespace TooltipConfig {
-    interface Props extends Tooltip.Props, GlobalConfigProps<Tooltip.Props> {
-    }
-}
-
-export { TooltipConfig, useTooltipConfig };

package/dist/tooltip-config.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkESGEIT3Yjs = require('./chunk-ESGEIT3Y.js');exports.TooltipConfig = _chunkESGEIT3Yjs.a; exports.useTooltipConfig = _chunkESGEIT3Yjs.b;

package/dist/tooltip.d.ts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { useTooltip } from './use-tooltip.js';
-import '@floating-ui/react';
-import '@jamsrui/utils';
-import './styles.js';
-import 'tailwind-variants';
-
-declare const Tooltip: (props: Tooltip.Props) => react.JSX.Element;
-declare namespace Tooltip {
-    interface Props extends useTooltip.Props {
-    }
-}
-
-export { Tooltip };

package/dist/tooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMXVBIBSNjs = require('./chunk-MXVBIBSN.js');require('./chunk-NKW3VC3L.js');require('./chunk-2LKTA7EY.js');exports.Tooltip = _chunkMXVBIBSNjs.a;

package/dist/use-tooltip.d.ts

@@ -1,33 +0,0 @@
-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.js';
-import 'tailwind-variants';
-
-declare const useTooltip: (props: useTooltip.Props) => {
-    getRootProps: PropGetter<UIProps<"div">>;
-    getArrowProps: () => FloatingArrowProps;
-    isOpen: boolean;
-    children: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-    title: string;
-    showArrow: boolean;
-};
-declare namespace useTooltip {
-    interface Props extends TooltipVariants {
-        title: string;
-        placement?: Placement;
-        isDisabled?: boolean;
-        offset?: number;
-        showArrow?: boolean;
-        delay?: Delay;
-        className?: string;
-        classNames?: SlotsToClassNames<TooltipSlots>;
-        children: ReactElement<unknown>;
-        isOpen?: boolean;
-        onOpenChange?: (open: boolean) => void;
-        defaultOpen?: boolean;
-    }
-}
-
-export { useTooltip };

package/dist/use-tooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNKW3VC3Ljs = require('./chunk-NKW3VC3L.js');require('./chunk-2LKTA7EY.js');exports.useTooltip = _chunkNKW3VC3Ljs.a;