@szum-tech/design-system/dist/chunk-GR37JJQK.cjs

Szum-Tech design system with tailwindcss support

'use strict';

var radixUi = require('radix-ui');
var jsxRuntime = require('react/jsx-runtime');

// src/components/tooltip/tooltip.tsx
function Tooltip({
  defaultOpen,
  content,
  open,
  onOpenChange,
  children,
  side,
  align,
  collisionPadding = 8,
  sideOffset = 8,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Tooltip.Root, { delayDuration: 0, open, defaultOpen, onOpenChange, children: [
    /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Trigger, { asChild: true, children }),
    content ? /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
      radixUi.Tooltip.Content,
      {
        className: "text-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade rounded bg-white p-2 text-gray-100 will-change-[transform,opacity] select-none",
        sideOffset,
        side,
        align,
        collisionPadding,
        ...props,
        children: [
          content,
          /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Arrow, { width: 8, height: 4, className: "fill-white" })
        ]
      }
    ) }) : null
  ] });
}
function TooltipProvider({ children, skipDelayDuration = 500, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Provider, { skipDelayDuration, ...props, children });
}

exports.Tooltip = Tooltip;
exports.TooltipProvider = TooltipProvider;