@nipsys/shadcn-lsd 0.1.0

package/dist/components/ui/toggle-group/__tests__/toggle-group.test.js

@@ -0,0 +1,129 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { d as g, i as o, r as i, g as a, s, v as c, f as p } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import "../context.js";
+import { ToggleGroup as n } from "../ToggleGroup.js";
+import { ToggleGroupItem as t } from "../ToggleGroupItem.js";
+g("ToggleGroup", () => {
+  o("renders without crashing", () => {
+    i(
+      /* @__PURE__ */ r(n, { type: "single", children: [
+        /* @__PURE__ */ e(t, { value: "a", children: "A" }),
+        /* @__PURE__ */ e(t, { value: "b", children: "B" }),
+        /* @__PURE__ */ e(t, { value: "c", children: "C" })
+      ] })
+    ), a(s.getByRole("group")).toBeInTheDocument();
+  }), o("renders as a group role", () => {
+    i(
+      /* @__PURE__ */ r(n, { type: "single", children: [
+        /* @__PURE__ */ e(t, { value: "a", children: "A" }),
+        /* @__PURE__ */ e(t, { value: "b", children: "B" })
+      ] })
+    ), a(s.getByRole("group")).toBeInTheDocument();
+  }), o("applies base classes correctly", () => {
+    i(
+      /* @__PURE__ */ e(n, { type: "single", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    );
+    const l = s.getByRole("group");
+    a(l).toHaveClass("lsd:flex"), a(l).toHaveClass("lsd:w-fit"), a(l).toHaveClass("lsd:items-center");
+  }), o("applies medium size classes correctly", () => {
+    i(
+      /* @__PURE__ */ e(n, { type: "single", size: "md", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    );
+    const l = s.getByRole("radio", { name: "A" });
+    a(l).toHaveClass("lsd:h-10"), a(l).toHaveClass("lsd:px-3");
+  }), o("applies small size classes correctly", () => {
+    i(
+      /* @__PURE__ */ e(n, { type: "single", size: "sm", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    );
+    const l = s.getByRole("radio", { name: "A" });
+    a(l).toHaveClass("lsd:h-8"), a(l).toHaveClass("lsd:px-2");
+  }), o("applies large size classes correctly", () => {
+    i(
+      /* @__PURE__ */ e(n, { type: "single", size: "lg", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    );
+    const l = s.getByRole("radio", { name: "A" });
+    a(l).toHaveClass("lsd:h-12"), a(l).toHaveClass("lsd:px-4");
+  }), o("uses default size when not specified", () => {
+    i(
+      /* @__PURE__ */ e(n, { type: "single", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    );
+    const l = s.getByRole("radio", { name: "A" });
+    a(l).toHaveClass("lsd:h-10");
+  }), o("handles single selection", () => {
+    i(
+      /* @__PURE__ */ r(n, { type: "single", defaultValue: "a", children: [
+        /* @__PURE__ */ e(t, { value: "a", children: "A" }),
+        /* @__PURE__ */ e(t, { value: "b", children: "B" }),
+        /* @__PURE__ */ e(t, { value: "c", children: "C" })
+      ] })
+    );
+    const l = s.getByRole("radio", { name: "A" });
+    a(l).toHaveAttribute("data-state", "on");
+  }), o("handles multiple selection", () => {
+    i(
+      /* @__PURE__ */ r(n, { type: "multiple", defaultValue: ["a", "c"], children: [
+        /* @__PURE__ */ e(t, { value: "a", children: "A" }),
+        /* @__PURE__ */ e(t, { value: "b", children: "B" }),
+        /* @__PURE__ */ e(t, { value: "c", children: "C" })
+      ] })
+    );
+    const l = s.getByRole("button", { name: "A" }), d = s.getByRole("button", { name: "B" }), u = s.getByRole("button", { name: "C" });
+    a(l).toHaveAttribute("data-state", "on"), a(d).toHaveAttribute("data-state", "off"), a(u).toHaveAttribute("data-state", "on");
+  }), o("handles click events", () => {
+    const l = c.fn();
+    i(
+      /* @__PURE__ */ r(n, { type: "single", onValueChange: l, children: [
+        /* @__PURE__ */ e(t, { value: "a", children: "A" }),
+        /* @__PURE__ */ e(t, { value: "b", children: "B" })
+      ] })
+    ), p.click(s.getByRole("radio", { name: "B" })), a(l).toHaveBeenCalledWith("b");
+  }), o("applies disabled state correctly", () => {
+    i(
+      /* @__PURE__ */ r(n, { type: "single", disabled: !0, children: [
+        /* @__PURE__ */ e(t, { value: "a", children: "A" }),
+        /* @__PURE__ */ e(t, { value: "b", children: "B" })
+      ] })
+    );
+    const l = s.getByRole("radio", { name: "A" });
+    a(l).toBeDisabled();
+  }), o("merges custom className with component classes", () => {
+    i(
+      /* @__PURE__ */ e(n, { type: "single", className: "custom-group-class", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    );
+    const l = s.getByRole("group");
+    a(l).toHaveClass("custom-group-class");
+  }), o("passes through additional props", () => {
+    i(
+      /* @__PURE__ */ e(
+        n,
+        {
+          type: "single",
+          "data-testid": "test-toggle-group",
+          id: "toggle-group-1",
+          children: /* @__PURE__ */ e(t, { value: "a", children: "A" })
+        }
+      )
+    );
+    const l = s.getByRole("group");
+    a(l).toHaveAttribute("data-testid", "test-toggle-group"), a(l).toHaveAttribute("id", "toggle-group-1");
+  }), o("forwards ref to underlying root element", () => {
+    const l = c.fn();
+    i(
+      /* @__PURE__ */ e(n, { type: "single", ref: l, children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    ), a(l).toHaveBeenCalled();
+  }), o("renders multiple items correctly", () => {
+    i(
+      /* @__PURE__ */ r(n, { type: "single", children: [
+        /* @__PURE__ */ e(t, { value: "a", children: "A" }),
+        /* @__PURE__ */ e(t, { value: "b", children: "B" }),
+        /* @__PURE__ */ e(t, { value: "c", children: "C" })
+      ] })
+    ), a(s.getByRole("radio", { name: "A" })).toBeInTheDocument(), a(s.getByRole("radio", { name: "B" })).toBeInTheDocument(), a(s.getByRole("radio", { name: "C" })).toBeInTheDocument();
+  }), o("applies data-slot attribute", () => {
+    i(
+      /* @__PURE__ */ e(n, { type: "single", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
+    );
+    const l = s.getByRole("group");
+    a(l).toHaveAttribute("data-slot", "toggle-group");
+  });
+});

package/dist/components/ui/toggle-group/context.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+export declare const ToggleGroupContext: React.Context<VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string>>;

package/dist/components/ui/toggle-group/context.js

@@ -0,0 +1,7 @@
+import * as t from "react";
+const e = t.createContext({
+  size: "md"
+});
+export {
+  e as ToggleGroupContext
+};

package/dist/components/ui/toggle-group/index.d.ts

@@ -0,0 +1,4 @@
+export { ToggleGroupContext } from './context';
+export { ToggleGroup } from './ToggleGroup';
+export { ToggleGroupItem } from './ToggleGroupItem';
+export type { ToggleGroupVariants } from './types';

package/dist/components/ui/toggle-group/types.d.ts

@@ -0,0 +1,3 @@
+import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from '../toggle';
+export type ToggleGroupVariants = VariantProps<typeof toggleVariants>;

package/dist/components/ui/tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { TooltipContent } from './TooltipContent';
+import { TooltipProvider } from './TooltipProvider';
+import { TooltipTrigger } from './TooltipTrigger';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import type * as React from 'react';
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent };

package/dist/components/ui/tooltip/Tooltip.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { R as r } from "../../../index-BApqy9Mj.js";
+import { TooltipContent as T } from "./TooltipContent.js";
+import { TooltipProvider as i } from "./TooltipProvider.js";
+import { TooltipTrigger as a } from "./TooltipTrigger.js";
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(r, { "data-slot": "tooltip", ...t }) });
+}
+export {
+  l as Tooltip,
+  T as TooltipContent,
+  i as TooltipProvider,
+  a as TooltipTrigger
+};

package/dist/components/ui/tooltip/TooltipContent.d.ts

@@ -0,0 +1,4 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import type * as React from 'react';
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { TooltipContent };

package/dist/components/ui/tooltip/TooltipContent.js

@@ -0,0 +1,29 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { P as e, C as i, A as r } from "../../../index-BApqy9Mj.js";
+import { c as n } from "../../../utils-DtaLkIY8.js";
+function p({
+  className: d,
+  sideOffset: s = 0,
+  children: o,
+  ...l
+}) {
+  return /* @__PURE__ */ t(e, { children: /* @__PURE__ */ a(
+    i,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: s,
+      className: n(
+        "lsd:bg-foreground lsd:text-background lsd:animate-in lsd:fade-in-0 lsd:zoom-in-95 lsd:data-[state=closed]:animate-out lsd:data-[state=closed]:fade-out-0 lsd:data-[state=closed]:zoom-out-95 lsd:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2 lsd:z-50 lsd:w-fit origin-(--radix-tooltip-content-transform-origin) lsd:rounded-md lsd:px-3 lsd:py-1.5 lsd:text-xs lsd:text-balance",
+        d
+      ),
+      ...l,
+      children: [
+        o,
+        /* @__PURE__ */ t(r, { className: "lsd:bg-foreground fill-foreground lsd:z-50 lsd:size-2.5 lsd:translate-y-[calc(-50%_-_2px)] lsd:rotate-45 lsd:rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+export {
+  p as TooltipContent
+};

package/dist/components/ui/tooltip/TooltipProvider.d.ts

@@ -0,0 +1,4 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import type * as React from 'react';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+export { TooltipProvider };

package/dist/components/ui/tooltip/TooltipProvider.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { a as i } from "../../../index-BApqy9Mj.js";
+function a({
+  delayDuration: o = 0,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    i,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: o,
+      ...r
+    }
+  );
+}
+export {
+  a as TooltipProvider
+};

package/dist/components/ui/tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,4 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import type * as React from 'react';
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export { TooltipTrigger };

package/dist/components/ui/tooltip/TooltipTrigger.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { T as t } from "../../../index-BApqy9Mj.js";
+function e({
+  ...r
+}) {
+  return /* @__PURE__ */ o(t, { "data-slot": "tooltip-trigger", ...r });
+}
+export {
+  e as TooltipTrigger
+};

package/dist/components/ui/tooltip/__tests__/tooltip-content.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/tooltip/__tests__/tooltip-content.test.js

@@ -0,0 +1,90 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { d as p, i as s, r as l, g as t, s as i } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Tooltip as a } from "../Tooltip.js";
+import { TooltipContent as r } from "../TooltipContent.js";
+import { TooltipTrigger as d } from "../TooltipTrigger.js";
+p("TooltipContent", () => {
+  s("renders without crashing when open", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { children: "Tooltip content" })
+      ] })
+    ), t(
+      document.querySelector('[data-slot="tooltip-content"]')
+    ).toBeInTheDocument();
+  }), s("applies data-slot attribute", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { children: "Tooltip content" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tooltip-content"]');
+    t(e).toHaveAttribute("data-slot", "tooltip-content");
+  }), s("applies base classes correctly", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { children: "Tooltip content" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tooltip-content"]');
+    t(e).toHaveClass("lsd:bg-foreground"), t(e).toHaveClass("lsd:text-background"), t(e).toHaveClass("lsd:animate-in"), t(e).toHaveClass("lsd:fade-in-0"), t(e).toHaveClass("lsd:zoom-in-95"), t(e).toHaveClass("lsd:z-50"), t(e).toHaveClass("lsd:w-fit"), t(e).toHaveClass("lsd:rounded-md"), t(e).toHaveClass("lsd:px-3"), t(e).toHaveClass("lsd:py-1.5"), t(e).toHaveClass("lsd:text-xs");
+  }), s("applies animation classes for closed state", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { children: "Tooltip content" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tooltip-content"]');
+    t(e).toHaveClass("lsd:data-[state=closed]:animate-out"), t(e).toHaveClass("lsd:data-[state=closed]:fade-out-0"), t(e).toHaveClass("lsd:data-[state=closed]:zoom-out-95");
+  }), s("applies slide-in classes for different sides", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { children: "Tooltip content" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tooltip-content"]');
+    t(e).toHaveClass("lsd:data-[side=bottom]:slide-in-from-top-2"), t(e).toHaveClass("lsd:data-[side=left]:slide-in-from-right-2"), t(e).toHaveClass("lsd:data-[side=right]:slide-in-from-left-2"), t(e).toHaveClass("lsd:data-[side=top]:slide-in-from-bottom-2");
+  }), s("merges custom className with component classes", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { className: "custom-content-class", children: "Tooltip content" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tooltip-content"]');
+    t(e).toHaveClass("custom-content-class");
+  }), s("passes through additional props", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { "data-testid": "test-content", id: "content-1", children: "Tooltip content" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tooltip-content"]');
+    t(e).toHaveAttribute("data-testid", "test-content"), t(e).toHaveAttribute("id", "content-1");
+  }), s("renders children correctly", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ n(r, { children: [
+          /* @__PURE__ */ o("p", { children: "Tooltip content" }),
+          /* @__PURE__ */ o("span", { children: "Additional info" })
+        ] })
+      ] })
+    ), t(i.getAllByText("Tooltip content")).toHaveLength(2), t(i.getAllByText("Additional info")).toHaveLength(2);
+  }), s("renders arrow element", () => {
+    l(
+      /* @__PURE__ */ n(a, { open: !0, children: [
+        /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ o(r, { children: "Tooltip content" })
+      ] })
+    );
+    const c = document.querySelector('[data-slot="tooltip-content"]')?.querySelector("svg");
+    t(c).toBeInTheDocument(), t(c).toHaveClass("lsd:bg-foreground"), t(c).toHaveClass("fill-foreground"), t(c).toHaveClass("lsd:z-50"), t(c).toHaveClass("lsd:size-2.5"), t(c).toHaveClass("lsd:translate-y-[calc(-50%_-_2px)]"), t(c).toHaveClass("lsd:rotate-45"), t(c).toHaveClass("lsd:rounded-[2px]");
+  });
+});

package/dist/components/ui/tooltip/__tests__/tooltip-provider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/tooltip/__tests__/tooltip-provider.test.js

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { d as p, i as l, r as d, g as r, s as t } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Tooltip as n } from "../Tooltip.js";
+import { TooltipContent as i } from "../TooltipContent.js";
+import { TooltipProvider as h } from "../TooltipProvider.js";
+import { TooltipTrigger as c } from "../TooltipTrigger.js";
+p("TooltipProvider", () => {
+  l("renders without crashing", () => {
+    d(
+      /* @__PURE__ */ e(h, { children: /* @__PURE__ */ o(n, { children: [
+        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(i, { children: "Tooltip content" })
+      ] }) })
+    ), r(t.getByText("Hover me")).toBeInTheDocument();
+  }), l("wraps Tooltip components correctly", () => {
+    d(
+      /* @__PURE__ */ e(h, { children: /* @__PURE__ */ o(n, { children: [
+        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(i, { children: "Tooltip content" })
+      ] }) })
+    ), r(t.getByText("Hover me")).toBeInTheDocument();
+  }), l("passes through additional props", () => {
+    d(
+      /* @__PURE__ */ e(h, { "data-testid": "test-provider", children: /* @__PURE__ */ o(n, { children: [
+        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(i, { children: "Tooltip content" })
+      ] }) })
+    ), r(t.getByText("Hover me")).toBeInTheDocument();
+  }), l("renders multiple Tooltip components", () => {
+    d(
+      /* @__PURE__ */ o(h, { children: [
+        /* @__PURE__ */ o(n, { children: [
+          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("span", { children: "Hover me 1" }) }),
+          /* @__PURE__ */ e(i, { children: "Tooltip content 1" })
+        ] }),
+        /* @__PURE__ */ o(n, { children: [
+          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("span", { children: "Hover me 2" }) }),
+          /* @__PURE__ */ e(i, { children: "Tooltip content 2" })
+        ] })
+      ] })
+    ), r(t.getByText("Hover me 1")).toBeInTheDocument(), r(t.getByText("Hover me 2")).toBeInTheDocument();
+  });
+});

package/dist/components/ui/tooltip/__tests__/tooltip-trigger.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/tooltip/__tests__/tooltip-trigger.test.js

@@ -0,0 +1,40 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { d as a, i, r as n, g as e, s } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Tooltip as l } from "../Tooltip.js";
+import { TooltipContent as d } from "../TooltipContent.js";
+import { TooltipTrigger as c } from "../TooltipTrigger.js";
+a("TooltipTrigger", () => {
+  i("renders without crashing", () => {
+    n(
+      /* @__PURE__ */ o(l, { children: [
+        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ t(d, { children: "Tooltip content" })
+      ] })
+    ), e(s.getByText("Hover me")).toBeInTheDocument();
+  }), i("applies data-slot attribute", () => {
+    n(
+      /* @__PURE__ */ o(l, { children: [
+        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ t(d, { children: "Tooltip content" })
+      ] })
+    );
+    const r = document.querySelector('[data-slot="tooltip-trigger"]');
+    e(r).toHaveAttribute("data-slot", "tooltip-trigger");
+  }), i("passes through additional props", () => {
+    n(
+      /* @__PURE__ */ o(l, { children: [
+        /* @__PURE__ */ t(c, { "data-testid": "test-trigger", id: "trigger-1", children: /* @__PURE__ */ t("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ t(d, { children: "Tooltip content" })
+      ] })
+    );
+    const r = document.querySelector('[data-slot="tooltip-trigger"]');
+    e(r).toHaveAttribute("data-testid", "test-trigger"), e(r).toHaveAttribute("id", "trigger-1");
+  }), i("renders children correctly", () => {
+    n(
+      /* @__PURE__ */ o(l, { children: [
+        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ t(d, { children: "Tooltip content" })
+      ] })
+    ), e(s.getByText("Hover me")).toBeInTheDocument();
+  });
+});

package/dist/components/ui/tooltip/__tests__/tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/tooltip/__tests__/tooltip.test.js

@@ -0,0 +1,55 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { d as p, i as r, r as n, g as o, s as d } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Tooltip as i } from "../Tooltip.js";
+import { TooltipContent as c } from "../TooltipContent.js";
+import { TooltipProvider as m } from "../TooltipProvider.js";
+import { TooltipTrigger as l } from "../TooltipTrigger.js";
+p("Tooltip", () => {
+  r("renders without crashing", () => {
+    n(
+      /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(c, { children: "Tooltip content" })
+      ] })
+    ), o(d.getByText("Hover me")).toBeInTheDocument();
+  }), r("includes TooltipProvider", () => {
+    n(
+      /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(c, { children: "Tooltip content" })
+      ] })
+    ), o(d.getByText("Hover me")).toBeInTheDocument();
+  }), r("passes through additional props", () => {
+    n(
+      /* @__PURE__ */ t(i, { defaultOpen: !0, children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(c, { children: "Tooltip content" })
+      ] })
+    ), o(d.getByText("Hover me")).toBeInTheDocument();
+  }), r("renders with TooltipProvider wrapper", () => {
+    n(
+      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(c, { children: "Tooltip content" })
+      ] }) })
+    ), o(d.getByText("Hover me")).toBeInTheDocument();
+  }), r("renders all sub-components together", () => {
+    n(
+      /* @__PURE__ */ t(i, { children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(c, { children: "Tooltip content" })
+      ] })
+    );
+    const h = document.querySelector('[data-slot="tooltip-trigger"]');
+    o(h).toBeInTheDocument(), o(d.getByText("Hover me")).toBeInTheDocument();
+  }), r("renders content when open", () => {
+    n(
+      /* @__PURE__ */ t(i, { open: !0, children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("span", { children: "Hover me" }) }),
+        /* @__PURE__ */ e(c, { children: "Tooltip content" })
+      ] })
+    );
+    const h = document.querySelector('[data-slot="tooltip-content"]');
+    o(h).toBeInTheDocument();
+  });
+});

package/dist/components/ui/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { Tooltip } from './Tooltip';
+export { TooltipContent } from './TooltipContent';
+export { TooltipProvider } from './TooltipProvider';
+export { TooltipTrigger } from './TooltipTrigger';

package/dist/components/ui/typography/Typography.d.ts

@@ -0,0 +1,4 @@
+import { TypographyProps } from './types';
+import * as React from 'react';
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLHeadingElement>>;
+export { Typography };

package/dist/components/ui/typography/Typography.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../utils-DtaLkIY8.js";
+import { T as i } from "../../../Typography-D8OaaVSH.js";
+export {
+  i as Typography
+};

package/dist/components/ui/typography/index.d.ts

@@ -0,0 +1,3 @@
+export { Typography } from './Typography';
+export type { TypographyProps, TypographyVariant, TypographyVariants, typographyVariants, } from './types';
+export { getDefaultComponent } from './utils';

package/dist/components/ui/typography/types.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+export type TypographyVariant = 'display1' | 'display2' | 'display3' | 'display4' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'subtitle3' | 'subtitle4' | 'body1' | 'body2' | 'body3' | 'label1' | 'label2';
+export declare const typographyVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "display1" | "display2" | "display3" | "display4" | "subtitle1" | "subtitle2" | "subtitle3" | "subtitle4" | "body1" | "body2" | "body3" | "label1" | "label2" | null | undefined;
+    color?: "secondary" | "primary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type TypographyVariants = VariantProps<typeof typographyVariants>;
+export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'>, TypographyVariants {
+    as?: React.ElementType;
+}

package/dist/components/ui/typography/typography.test.d.ts

@@ -0,0 +1 @@
+export {};