UNPKG

@easy-shadcn/react

Version:

Use shadcn/ui easy&enhance like component library

70 lines (64 loc) 2.38 kB
'use strict'; var utils = require('@easy-shadcn/utils'); var React = require('react'); var TooltipPrimitive = require('@radix-ui/react-tooltip'); var jsxRuntime = require('react/jsx-runtime'); function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n.default = e; return Object.freeze(n); } var React__namespace = /*#__PURE__*/_interopNamespace(React); var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive); var TooltipProvider = TooltipPrimitive__namespace.Provider; var Tooltip = TooltipPrimitive__namespace.Root; var TooltipTrigger = TooltipPrimitive__namespace.Trigger; var TooltipContent = React__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx( TooltipPrimitive__namespace.Content, { ref, sideOffset, className: utils.cn( "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=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", className ), ...props } )); TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName; var Tooltip2 = ({ triggerProps, contentProps, content, delayDuration = 300, children, ...resetProps }) => { return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { delayDuration, ...resetProps, children: [ /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, ...triggerProps, children }), /* @__PURE__ */ jsxRuntime.jsx( TooltipContent, { ...contentProps, className: utils.cn( "bg-white text-black dark:bg-black dark:text-primary-foreground border text-sm", contentProps?.className ), children: content } ) ] }) }); }; exports.Tooltip = Tooltip2;