@jamsrui/tooltip 0.0.2

package/README.md

@@ -0,0 +1,40 @@
+# 🚀 **JamsrUI**
+
+**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 
+
+Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
+
+## ✨ Features
+
+- 🚀 **Production-Ready**: Optimized for modern React projects.
+- 🎨 **Customizable**: Easily override styles and themes.
+- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
+- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
+- 📦 **Lightweight**: Minimal dependencies for fast performance.
+- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
+
+## 🌱 Community
+
+We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
+
+### How to Engage
+
+- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
+- 🚀 **Request Features**: Share ideas for new components.
+- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
+
+## Contributing
+
+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/chunk-2LKTA7EY.js

@@ -0,0 +1 @@
+"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

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

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

@@ -0,0 +1 @@
+"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

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+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.mts

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

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+"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/index.mjs

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

package/dist/styles.d.mts

@@ -0,0 +1,51 @@
+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.d.ts

@@ -0,0 +1,51 @@
+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

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

package/dist/styles.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-JWHKP2IH.mjs";export{a as test,b as tooltipVariants};

package/dist/tooltip-config.d.mts

@@ -0,0 +1,19 @@
+import { Tooltip } from './tooltip.mjs';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@floating-ui/react';
+import './use-tooltip.mjs';
+import '@jamsrui/utils';
+import './styles.mjs';
+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.d.ts

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+"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-config.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-C2D5NMEG.mjs";export{a as TooltipConfig,b as useTooltipConfig};

package/dist/tooltip.d.mts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { useTooltip } from './use-tooltip.mjs';
+import '@floating-ui/react';
+import '@jamsrui/utils';
+import './styles.mjs';
+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.d.ts

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+"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/tooltip.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-3GDCC6VG.mjs";import"./chunk-VPXFYS2C.mjs";import"./chunk-JWHKP2IH.mjs";export{a as Tooltip};

package/dist/use-tooltip.d.mts

@@ -0,0 +1,33 @@
+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 '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.d.ts

@@ -0,0 +1,33 @@
+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

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

package/dist/use-tooltip.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-VPXFYS2C.mjs";import"./chunk-JWHKP2IH.mjs";export{a as useTooltip};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@jamsrui/tooltip",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "dependencies": {
+    "@floating-ui/react": ">=0.27",
+    "@jamsrui/core": "^0.0.2",
+    "@jamsrui/hooks": "^0.0.2",
+    "@jamsrui/utils": "^0.0.2"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "description": "A modern and beautiful Next.js UI components library.",
+  "keywords": [
+    "react",
+    "ui",
+    "UI components",
+    "Next.js",
+    "React",
+    "JamsrUI",
+    "jamsr-ui",
+    "TypeScript"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "@jamsrworld",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jamsrworld/jamsr-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/jamsrworld/jamsr-ui/issues"
+  },
+  "homepage": "https://jamsr-ui.jamsrworld.com",
+  "files": [
+    "dist",
+    "README",
+    "README.md",
+    "package.json",
+    "LICENSE"
+  ]
+}