@loke/design-system/dist/components/tooltip/index.js

A design system with individually importable components

"use client";
var __create=Object.create;var{getPrototypeOf:__getProtoOf,defineProperty:__defProp,getOwnPropertyNames:__getOwnPropNames,getOwnPropertyDescriptor:__getOwnPropDesc}=Object,__hasOwnProp=Object.prototype.hasOwnProperty;function __accessProp(key){return this[key]}var __toESMCache_node,__toESMCache_esm,__toESM=(mod,isNodeMode,target)=>{var canCache=mod!=null&&typeof mod==="object";if(canCache){var cache=isNodeMode?__toESMCache_node??=new WeakMap:__toESMCache_esm??=new WeakMap,cached=cache.get(mod);if(cached)return cached}target=mod!=null?__create(__getProtoOf(mod)):{};let to=isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target;for(let key of __getOwnPropNames(mod))if(!__hasOwnProp.call(to,key))__defProp(to,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(canCache)cache.set(mod,to);return to},__toCommonJS=(from)=>{var entry=(__moduleCache??=new WeakMap).get(from),desc;if(entry)return entry;if(entry=__defProp({},"__esModule",{value:!0}),from&&typeof from==="object"||typeof from==="function"){for(var key of __getOwnPropNames(from))if(!__hasOwnProp.call(entry,key))__defProp(entry,key,{get:__accessProp.bind(from,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return __moduleCache.set(from,entry),entry},__moduleCache;var __returnValue=(v)=>v;function __exportSetter(name,newValue){this[name]=__returnValue.bind(null,newValue)}var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0,configurable:!0,set:__exportSetter.bind(all,name)})};var exports_tooltip={};__export(exports_tooltip,{TooltipTrigger:()=>TooltipTrigger,TooltipProvider:()=>TooltipProvider,TooltipContent:()=>TooltipContent,Tooltip:()=>Tooltip});module.exports=__toCommonJS(exports_tooltip);var import_cn=require("@loke/design-system/cn"),TooltipPrimitive=__toESM(require("@loke/ui/tooltip")),import_react=require("react"),jsx_runtime=require("react/jsx-runtime");function TooltipProvider({delayDuration=0,...props}){return jsx_runtime.jsx(TooltipPrimitive.Provider,{"data-slot":"tooltip-provider",delayDuration,...props})}function Tooltip({...props}){return jsx_runtime.jsx(TooltipPrimitive.Root,{"data-slot":"tooltip",...props})}var TooltipTrigger=import_react.forwardRef((props,ref)=>jsx_runtime.jsx(TooltipPrimitive.Trigger,{"data-slot":"tooltip-trigger",ref,...props}));TooltipTrigger.displayName=TooltipPrimitive.Trigger.displayName;var TooltipContent=import_react.forwardRef(({className,sideOffset=0,children,forceMount,...props},ref)=>jsx_runtime.jsx(TooltipPrimitive.Portal,{forceMount,children:jsx_runtime.jsxs(TooltipPrimitive.Content,{className:import_cn.cn("data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit max-w-xs origin-(--loke-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-background text-xs data-[state=delayed-open]:animate-in data-closed:animate-out data-open:animate-in",className),"data-slot":"tooltip-content",forceMount,ref,sideOffset,...props,children:[children,jsx_runtime.jsx(TooltipPrimitive.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground"})]})}));TooltipContent.displayName=TooltipPrimitive.Content.displayName;