@demokit-ui/demokit 0.1.0

package/dist/kit/components/navigation/menubar/menubar.js

@@ -0,0 +1,218 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { cn as r } from "../../../../lib/utils.js";
+import { Check as i, Circle as c, ChevronRight as l } from "lucide-react";
+import { Menubar as n } from "radix-ui";
+function g({ ...e }) {
+  return /* @__PURE__ */ a(n.Menu, { "data-slot": "menubar-menu", ...e });
+}
+function x({ ...e }) {
+  return /* @__PURE__ */ a(n.Group, { "data-slot": "menubar-group", ...e });
+}
+function h({ ...e }) {
+  return /* @__PURE__ */ a(n.Portal, { "data-slot": "menubar-portal", ...e });
+}
+function v({ ...e }) {
+  return /* @__PURE__ */ a(n.RadioGroup, { "data-slot": "menubar-radio-group", ...e });
+}
+function M({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    n.Root,
+    {
+      "data-slot": "menubar",
+      className: r("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", e),
+      ...t
+    }
+  );
+}
+function y({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    n.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: r(
+        "flex cursor-pointer select-none items-center rounded-md px-3 py-1.5 text-sm font-medium outline-hidden",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "[&>svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&>svg]:shrink-0",
+        "data-[here=true]:bg-accent",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function N({
+  className: e,
+  inset: t,
+  children: o,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.SubTrigger,
+    {
+      "data-slot": "menubar-sub-tirgger",
+      className: r(
+        "flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "[&>svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&>svg]:shrink-0",
+        "data-[here=true]:bg-accent data-[here=true]:text-accent-foreground",
+        t && "ps-8",
+        e
+      ),
+      ...s,
+      children: [
+        o,
+        /* @__PURE__ */ a(l, { className: "ms-auto size-3.5!" })
+      ]
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    n.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: r(
+        "space-y-0.5 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-2 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function z({
+  className: e,
+  align: t = "start",
+  alignOffset: o = -4,
+  sideOffset: s = 8,
+  ...u
+}) {
+  return /* @__PURE__ */ a(n.Portal, { children: /* @__PURE__ */ a(
+    n.Content,
+    {
+      "data-slot": "menubar-content",
+      align: t,
+      alignOffset: o,
+      sideOffset: s,
+      className: r(
+        "space-y-0.5 z-50 min-w-[12rem] overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md shadow-black/5 transition-shadow data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
+        e
+      ),
+      ...u
+    }
+  ) });
+}
+function I({
+  className: e,
+  inset: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    n.Item,
+    {
+      "data-slot": "menubar-item",
+      className: r(
+        "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground",
+        t && "ps-8",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function k({
+  className: e,
+  children: t,
+  checked: o,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: r(
+        "relative flex cursor-default select-none items-center rounded-md py-1.5 ps-8 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        e
+      ),
+      checked: o,
+      ...s,
+      children: [
+        /* @__PURE__ */ a("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(n.ItemIndicator, { children: /* @__PURE__ */ a(i, { className: "h-4 w-4 text-primary" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function C({ className: e, children: t, ...o }) {
+  return /* @__PURE__ */ d(
+    n.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: r(
+        "relative flex cursor-default select-none items-center rounded-md py-1.5 ps-8 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ a("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(n.ItemIndicator, { children: /* @__PURE__ */ a(c, { className: "h-2 w-2 fill-current" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function S({
+  className: e,
+  inset: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    n.Label,
+    {
+      "data-slot": "menubar-label",
+      className: r("px-2 py-1.5 text-sm font-semibold", t && "ps-8", e),
+      ...o
+    }
+  );
+}
+function R({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    n.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: r("-mx-2 my-1.5 h-px bg-muted", e),
+      ...t
+    }
+  );
+}
+function j({ ...e }) {
+  return /* @__PURE__ */ a(n.Sub, { "data-slot": "menubar-sub", ...e });
+}
+const G = ({ className: e, ...t }) => /* @__PURE__ */ a(
+  "span",
+  {
+    "data-slot": "menubar-shortcut",
+    className: r("ml-auto text-xs tracking-widest text-muted-foreground", e),
+    ...t
+  }
+);
+export {
+  M as Menubar,
+  k as MenubarCheckboxItem,
+  z as MenubarContent,
+  x as MenubarGroup,
+  I as MenubarItem,
+  S as MenubarLabel,
+  g as MenubarMenu,
+  h as MenubarPortal,
+  v as MenubarRadioGroup,
+  C as MenubarRadioItem,
+  R as MenubarSeparator,
+  G as MenubarShortcut,
+  j as MenubarSub,
+  w as MenubarSubContent,
+  N as MenubarSubTrigger,
+  y as MenubarTrigger
+};

package/dist/kit/components/navigation/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,14 @@
+import { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };

package/dist/kit/components/navigation/navigation-menu/navigation-menu.js

@@ -0,0 +1,137 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { cn as o } from "../../../../lib/utils.js";
+import { cva as u } from "class-variance-authority";
+import { ChevronDownIcon as s } from "lucide-react";
+import { NavigationMenu as n } from "radix-ui";
+function w({
+  className: t,
+  children: a,
+  viewport: i = !0,
+  ...d
+}) {
+  return /* @__PURE__ */ r(
+    n.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": i,
+      className: o("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", t),
+      ...d,
+      children: [
+        a,
+        i && /* @__PURE__ */ e(g, {})
+      ]
+    }
+  );
+}
+function x({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    n.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: o("group flex flex-1 list-none items-center justify-center gap-1", t),
+      ...a
+    }
+  );
+}
+function b({ className: t, ...a }) {
+  return /* @__PURE__ */ e(n.Item, { "data-slot": "navigation-menu-item", className: o("relative", t), ...a });
+}
+const l = u(
+  "cursor-pointer group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-accent/50 data-[state=open]:bg-accent/50 data-[active=true]:text-accent-foreground ring-ring/10 outline-ring/50 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1"
+);
+function h({
+  className: t,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    n.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: o(l(), "group", t),
+      ...i,
+      children: [
+        a,
+        " ",
+        /* @__PURE__ */ e(
+          s,
+          {
+            className: "relative top-[1px] ms-1 size-3.5 opacity-60 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function N({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    n.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: o(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52! data-[motion=from-start]:slide-in-from-left-52! data-[motion=to-end]:slide-out-to-right-52! data-[motion=to-start]:slide-out-to-left-52! top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function g({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", { className: o("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ e(
+    n.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: o(
+        "shadow-md shadow-black/5 rounded-md border border-border bg-popover text-popover-foreground p-1.5 origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden md:w-[var(--radix-navigation-menu-viewport-width)]",
+        t
+      ),
+      ...a
+    }
+  ) });
+}
+function M({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    n.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: o(
+        "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground ring-ring/10 outline-ring/50 flex flex-col gap-1 rounded-md p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function y({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: o(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-ts-md shadow-md" })
+    }
+  );
+}
+export {
+  w as NavigationMenu,
+  N as NavigationMenuContent,
+  y as NavigationMenuIndicator,
+  b as NavigationMenuItem,
+  M as NavigationMenuLink,
+  x as NavigationMenuList,
+  h as NavigationMenuTrigger,
+  g as NavigationMenuViewport,
+  l as navigationMenuTriggerStyle
+};

package/dist/kit/components/navigation/pagination/pagination.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const Pagination: ({ className, ...props }: React.ComponentProps<"nav">) => import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare const PaginationEllipsis: ({ className, ...props }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem };

package/dist/kit/components/navigation/pagination/pagination.js

@@ -0,0 +1,38 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { cn as i } from "../../../../lib/utils.js";
+import { MoreHorizontal as o } from "lucide-react";
+const c = ({ className: a, ...n }) => /* @__PURE__ */ t(
+  "nav",
+  {
+    "data-slot": "pagination",
+    role: "navigation",
+    "aria-label": "pagination",
+    className: i("mx-auto flex w-full justify-center", a),
+    ...n
+  }
+);
+function m({ className: a, ...n }) {
+  return /* @__PURE__ */ t("ul", { "data-slot": "pagination-content", className: i("flex flex-row items-center gap-1", a), ...n });
+}
+function p({ className: a, ...n }) {
+  return /* @__PURE__ */ t("li", { "data-slot": "pagination-item", className: i("", a), ...n });
+}
+const f = ({ className: a, ...n }) => /* @__PURE__ */ e(
+  "span",
+  {
+    "data-slot": "pagination-ellipsis",
+    "aria-hidden": !0,
+    className: i("flex h-9 w-9 items-center justify-center", a),
+    ...n,
+    children: [
+      /* @__PURE__ */ t(o, { className: "h-4 w-4" }),
+      /* @__PURE__ */ t("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+export {
+  c as Pagination,
+  m as PaginationContent,
+  f as PaginationEllipsis,
+  p as PaginationItem
+};

package/dist/kit/components/navigation/scrollspy/scrollspy.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, RefObject } from 'react';
+type ScrollspyProps = {
+    children: ReactNode;
+    targetRef?: RefObject<HTMLElement | HTMLDivElement | Document | null | undefined>;
+    onUpdate?: (id: string) => void;
+    offset?: number;
+    smooth?: boolean;
+    className?: string;
+    dataAttribute?: string;
+    history?: boolean;
+    throttleTime?: number;
+};
+export declare function Scrollspy({ children, targetRef, onUpdate, className, offset, smooth, dataAttribute, history, }: ScrollspyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/kit/components/navigation/scrollspy/scrollspy.js

@@ -0,0 +1,84 @@
+import { jsx as q } from "react/jsx-runtime";
+import { useRef as $, useCallback as w, useEffect as A } from "react";
+function D({
+  children: L,
+  targetRef: r,
+  onUpdate: E,
+  className: O,
+  offset: f = 0,
+  smooth: g = !0,
+  dataAttribute: n = "scrollspy",
+  history: y = !0
+}) {
+  const a = $(null), c = $(null), S = $(null), d = w(
+    (e, t = !1) => {
+      e && (c.current?.forEach((o) => {
+        o.getAttribute(`data-${n}-anchor`) === e ? o.setAttribute("data-active", "true") : o.removeAttribute("data-active");
+      }), E && E(e), y && (t || S.current !== e) && window.history.replaceState({}, "", `#${e}`), S.current = e);
+    },
+    [c, n, y, E]
+  ), m = w(() => {
+    if (!c.current || c.current.length === 0) return;
+    const e = r?.current === document ? window : r?.current, t = e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
+    let o = 0, i = 1 / 0;
+    if (c.current.forEach((l, s) => {
+      const x = l.getAttribute(`data-${n}-anchor`), v = document.getElementById(x);
+      if (!v) return;
+      let T = f;
+      const I = l.getAttribute(`data-${n}-offset`);
+      I && (T = parseInt(I, 10));
+      const k = Math.abs(v.offsetTop - T - t);
+      v.offsetTop - T <= t && k < i && (i = k, o = s);
+    }), e) {
+      const l = e === window ? document.documentElement.scrollHeight : e.scrollHeight, s = e === window ? window.innerHeight : e.clientHeight;
+      t + s >= l - 2 && (o = c.current.length - 1);
+    }
+    const p = c.current[o]?.getAttribute(`data-${n}-anchor`) || null;
+    d(p), c.current.forEach((l, s) => {
+      s !== o && l.removeAttribute("data-active");
+    });
+  }, [c, r, n, f, d]), u = w(
+    (e) => (t) => {
+      t && t.preventDefault();
+      const o = e.getAttribute(`data-${n}-anchor`)?.replace("#", "") || null;
+      if (!o) return;
+      const i = document.getElementById(o);
+      if (!i) return;
+      const h = r?.current === document ? window : r?.current;
+      let p = f;
+      const l = e.getAttribute(`data-${n}-offset`);
+      l && (p = parseInt(l, 10));
+      const s = i.offsetTop - p;
+      h && "scrollTo" in h && h.scrollTo({
+        top: s,
+        left: 0,
+        behavior: g ? "smooth" : "auto"
+      }), d(o, !0);
+    },
+    [n, f, g, r, d]
+  ), H = w(() => {
+    const e = CSS.escape(window.location.hash.replace("#", ""));
+    if (e) {
+      const t = document.querySelector(`[data-${n}-anchor="${e}"]`);
+      t && u(t)();
+    }
+  }, [n, u]);
+  return A(() => {
+    a.current && (c.current = Array.from(a.current.querySelectorAll(`[data-${n}-anchor]`))), c.current?.forEach((t) => {
+      t.addEventListener("click", u(t));
+    });
+    const e = r?.current === document ? window : r?.current;
+    return e?.addEventListener("scroll", m), setTimeout(() => {
+      H(), setTimeout(() => {
+        m();
+      }, 100);
+    }, 100), () => {
+      e?.removeEventListener("scroll", m), c.current?.forEach((t) => {
+        t.removeEventListener("click", u(t));
+      });
+    };
+  }, [r, a, m, n, u, H]), /* @__PURE__ */ q("div", { "data-slot": "scrollspy", className: O, ref: a, children: L });
+}
+export {
+  D as Scrollspy
+};

package/dist/kit/components/navigation/tabs/tabs.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "button" | "line" | null | undefined;
+    shape?: "default" | "pill" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const tabsContentVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, variant, shape, size, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.Content> & VariantProps<typeof tabsContentVariants>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsContent, TabsList, TabsTrigger };