geoiq-frontend-ui-kit/dist/index.es15.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import * as t from "react";
import * as e from "@radix-ui/react-tooltip";
import { cn as m } from "./index.es79.js";
import { Typography as o } from "./index.es17.js";
const f = e.Provider, g = e.Root, h = e.Trigger, n = t.forwardRef(({ className: a, sideOffset: i = 4, headerText: r, content: l, ...d }, s) => /* @__PURE__ */ t.createElement(
  e.Content,
  {
    ref: s,
    sideOffset: i,
    className: m(
      "z-50 overflow-hidden bg-light-1 rounded-lg bg p-3 text-xs text-light-4 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 border border-neutral-1 max-w-96 shadow-lg",
      a
    ),
    ...d
  },
  /* @__PURE__ */ t.createElement("div", { className: "flex gap-0.5 flex-col" }, /* @__PURE__ */ t.createElement(o, { variant: "body5", className: "text-light-2" }, r), /* @__PURE__ */ t.createElement(o, { variant: "body6", className: "text-light-4" }, l))
));
n.displayName = e.Content.displayName;
export {
  n as TooltipContent,
  f as TooltipProvider,
  h as TooltipTrigger,
  g as TooltipWrapper
};
//# sourceMappingURL=index.es15.js.map