var Component=(()=>{var p=Object.create;var t=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var m=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),T=(l,e)=>{for(var o in e)t(l,o,{get:e[o],enumerable:!0})},a=(l,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!g.call(l,r)&&r!==o&&t(l,r,{get:()=>e[r],enumerable:!(i=h(e,r))||i.enumerable});return l};var x=(l,e,o)=>(o=l!=null?p(u(l)):{},a(e||!l||!l.__esModule?t(o,"default",{value:l,enumerable:!0}):o,l)),D=l=>a(t({},"__esModule",{value:!0}),l);var d=m((k,s)=>{s.exports=_jsx_runtime});var b={};T(b,{default:()=>A,frontmatter:()=>f});var n=x(d()),f={title:"Tooltip",description:"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",date:new Date(17030304e5)};function c(l){let e=Object.assign({figure:"figure",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3"},l.components),{ComponentPreview:o}=e;return o||v("ComponentPreview",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o,{name:"tooltip/basic",children:(0,n.jsx)(e.figure,{raw:`"use client"; import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, } from "@sihaxito/deluxe-ui"; export function TooltipDemo() { return ( Hover me Im a tooltip! ); } `,"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"vitesse-dark",raw:`"use client"; import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, } from "@sihaxito/deluxe-ui"; export function TooltipDemo() { return ( Hover me Im a tooltip! ); } `,children:(0,n.jsxs)(e.code,{"data-line-numbers":"","data-language":"tsx","data-theme":"vitesse-dark",style:{display:"grid"},"data-line-numbers-max-digits":"2",children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#C98A7D99"},children:'"'}),(0,n.jsx)(e.span,{style:{color:"#C98A7D"},children:"use client"}),(0,n.jsx)(e.span,{style:{color:"#C98A7D99"},children:'"'}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:";"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#4D9375"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:" {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" TooltipProvider"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" Tooltip"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" TooltipTrigger"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" TooltipContent"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#4D9375"},children:" from"}),(0,n.jsx)(e.span,{style:{color:"#C98A7D99"},children:' "'}),(0,n.jsx)(e.span,{style:{color:"#C98A7D"},children:"@sihaxito/deluxe-ui"}),(0,n.jsx)(e.span,{style:{color:"#C98A7D99"},children:'"'}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#4D9375"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#CB7676"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#80A665"},children:" TooltipDemo"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:"()"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:" {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#4D9375"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:" ("})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#B8A965"},children:"TooltipProvider"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:">"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#B8A965"},children:"Tooltip"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:">"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#B8A965"},children:"TooltipTrigger"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:">"}),(0,n.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"Hover me"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:""})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#B8A965"},children:"TooltipContent"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:">"}),(0,n.jsx)(e.span,{style:{color:"#DBD7CAEE"},children:"Im a tooltip!"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:""})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:" "})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:" "})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#666666"},children:" );"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#666666"},children:"}"})})]})})})}),` `,(0,n.jsx)(e.h2,{id:"usage",children:"Usage"}),` `,(0,n.jsx)("hr",{className:"mt-6 dark:border-neutral-800"}),` `,(0,n.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"vitesse-dark",raw:`import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, } from "@sihaxito/deluxe-ui"; `,children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"vitesse-dark",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#4D9375"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:" {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" TooltipProvider"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" Tooltip"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" TooltipTrigger"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#BD976A"},children:" TooltipContent"}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#666666"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#4D9375"},children:" from"}),(0,n.jsx)(e.span,{style:{color:"#C98A7D99"},children:' "'}),(0,n.jsx)(e.span,{style:{color:"#C98A7D"},children:"@sihaxito/deluxe-ui"}),(0,n.jsx)(e.span,{style:{color:"#C98A7D99"},children:'"'}),(0,n.jsx)(e.span,{style:{color:"#666666"},children:";"})]})]})})}),` `,(0,n.jsx)(e.h2,{id:"examples",children:"Examples"}),` `,(0,n.jsx)("hr",{className:"mt-6 dark:border-neutral-800"}),` `,(0,n.jsx)(e.h3,{id:"multiple-tooltips",children:"Multiple tooltips"}),` `,(0,n.jsx)(o,{name:"tooltip/multiple",children:(0,n.jsx)(e.figure,{raw:"","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"vitesse-dark",raw:"",children:(0,n.jsx)(e.code,{"data-line-numbers":"","data-language":"tsx","data-theme":"vitesse-dark",style:{display:"grid"},"data-line-numbers-max-digits":"1",children:(0,n.jsx)(e.span,{"data-line":"",children:" "})})})})}),` `,(0,n.jsx)(e.h3,{id:"open-delay",children:"Open delay"}),` `,(0,n.jsx)(o,{name:"tooltip-custom-delay",children:(0,n.jsx)(e.figure,{raw:"","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{style:{backgroundColor:"#121212",color:"#dbd7caee"},tabIndex:"0","data-language":"tsx","data-theme":"vitesse-dark",raw:"",children:(0,n.jsx)(e.code,{"data-line-numbers":"","data-language":"tsx","data-theme":"vitesse-dark",style:{display:"grid"},"data-line-numbers-max-digits":"1",children:(0,n.jsx)(e.span,{"data-line":"",children:" "})})})})}),` `,(0,n.jsx)(e.h2,{id:"useful-links",children:"Useful links"})]})}function C(l={}){let{wrapper:e}=l.components||{};return e?(0,n.jsx)(e,Object.assign({},l,{children:(0,n.jsx)(c,l)})):c(l)}var A=C;function v(l,e){throw new Error("Expected "+(e?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return D(b);})(); ;return Component;