@braintwopoint0/playback-commons 0.1.0

package/dist/ui/index.js

@@ -0,0 +1,728 @@
+"use client";
+
+// src/ui/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/ui/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/ui/card.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Card = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/ui/badge.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/ui/label.tsx
+import * as React3 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var labelVariants = cva3(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/ui/input.tsx
+import * as React4 from "react";
+import { useMotionTemplate, useMotionValue, motion } from "motion/react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Input = React4.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    const radius = 100;
+    const [visible, setVisible] = React4.useState(false);
+    let mouseX = useMotionValue(0);
+    let mouseY = useMotionValue(0);
+    function handleMouseMove({ currentTarget, clientX, clientY }) {
+      let { left, top } = currentTarget.getBoundingClientRect();
+      mouseX.set(clientX - left);
+      mouseY.set(clientY - top);
+    }
+    return /* @__PURE__ */ jsx5(
+      motion.div,
+      {
+        style: {
+          background: useMotionTemplate`
+        radial-gradient(
+          ${visible ? radius + "px" : "0px"} circle at ${mouseX}px ${mouseY}px,
+          var(--timberwolf),
+          transparent 80%
+        )
+      `
+        },
+        onMouseMove: handleMouseMove,
+        onMouseEnter: () => setVisible(true),
+        onMouseLeave: () => setVisible(false),
+        className: "p-[2px] rounded-lg transition duration-300 group/input",
+        children: /* @__PURE__ */ jsx5(
+          "input",
+          {
+            type,
+            className: cn(
+              `flex h-10 w-full border-none bg-zinc-800 text-white shadow-input rounded-md px-3 py-2 text-sm  file:border-0 file:bg-transparent
+          file:text-sm file:font-mediumplaceholder-text-neutral-600
+          focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-neutral-600
+           disabled:cursor-not-allowed disabled:opacity-50
+           shadow-[0px_0px_1px_1px_var(--neutral-700)]
+           group-hover/input:shadow-none transition duration-400
+           `,
+              className
+            ),
+            ref,
+            ...props
+          }
+        )
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/ui/dialog.tsx
+import * as React5 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Cross2Icon } from "@radix-ui/react-icons";
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsx6(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-zinc-800 bg-zinc-950 p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-zinc-950 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-300 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-zinc-800 data-[state=open]:text-zinc-400", children: [
+          /* @__PURE__ */ jsx6(Cross2Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx6(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx6(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-zinc-400", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/ui/animated-tooltip.tsx
+import { useState as useState2 } from "react";
+import {
+  motion as motion2,
+  useTransform,
+  useMotionValue as useMotionValue2,
+  useSpring
+} from "motion/react";
+import { Fragment, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var AnimatedTooltip = ({
+  items
+}) => {
+  const [hoveredIndex, setHoveredIndex] = useState2(null);
+  const springConfig = { stiffness: 100, damping: 5 };
+  const x = useMotionValue2(0);
+  const rotate = useSpring(
+    useTransform(x, [-100, 100], [-45, 45]),
+    springConfig
+  );
+  const translateX = useSpring(
+    useTransform(x, [-100, 100], [-50, 50]),
+    springConfig
+  );
+  const handleMouseMove = (event) => {
+    const halfWidth = event.target.offsetWidth / 2;
+    x.set(event.nativeEvent.offsetX - halfWidth);
+  };
+  return /* @__PURE__ */ jsx7(Fragment, { children: items.map((item, idx) => /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "-mr-4  relative group",
+      onMouseEnter: () => setHoveredIndex(item.id),
+      onMouseLeave: () => setHoveredIndex(null),
+      children: [
+        hoveredIndex === item.id && /* @__PURE__ */ jsxs2(
+          motion2.div,
+          {
+            initial: { opacity: 0, y: 20, scale: 0.6 },
+            animate: {
+              opacity: 1,
+              y: 0,
+              scale: 1,
+              transition: {
+                type: "spring",
+                stiffness: 260,
+                damping: 10
+              }
+            },
+            exit: { opacity: 0, y: 20, scale: 0.6 },
+            style: {
+              translateX,
+              rotate,
+              whiteSpace: "nowrap"
+            },
+            className: "absolute -top-16 -left-1/2 translate-x-1/2 flex text-xs  flex-col items-center justify-center rounded-md bg-black z-50 shadow-xl px-4 py-2",
+            children: [
+              /* @__PURE__ */ jsx7("div", { className: "absolute inset-x-10 z-30 w-[20%] -bottom-px bg-gradient-to-r from-transparent via-emerald-500 to-transparent h-px " }),
+              /* @__PURE__ */ jsx7("div", { className: "absolute left-10 w-[40%] z-30 -bottom-px bg-gradient-to-r from-transparent via-sky-500 to-transparent h-px " }),
+              /* @__PURE__ */ jsx7("div", { className: "font-bold text-white relative z-30 text-base", children: item.name }),
+              /* @__PURE__ */ jsx7("div", { className: "text-white text-xs", children: item.designation })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "img",
+          {
+            onMouseMove: handleMouseMove,
+            height: 100,
+            width: 100,
+            src: item.image,
+            alt: item.name,
+            className: "object-cover !m-0 !p-0 object-top rounded-full h-16 w-16 border-2 group-hover:scale-105 group-hover:z-30 border-[var(--ash-grey)] relative transition duration-500"
+          }
+        )
+      ]
+    },
+    item.name
+  )) });
+};
+
+// src/ui/card-hover-effect.tsx
+import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/react";
+import Link from "next/link";
+import { useState as useState3 } from "react";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var HoverEffect = ({
+  items,
+  className
+}) => {
+  let [hoveredIndex, setHoveredIndex] = useState3(null);
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap justify-center items-center pb-10",
+        className
+      ),
+      children: items.map((item, idx) => /* @__PURE__ */ jsxs3(
+        Link,
+        {
+          href: item?.link,
+          className: "relative group block p-2 h-72 w-80",
+          onMouseEnter: () => setHoveredIndex(idx),
+          onMouseLeave: () => setHoveredIndex(null),
+          children: [
+            /* @__PURE__ */ jsx8(AnimatePresence2, { children: hoveredIndex === idx && /* @__PURE__ */ jsx8(
+              motion3.span,
+              {
+                className: "absolute inset-0 h-full w-full bg-neutral-400/[0.5] block rounded-3xl",
+                layoutId: "hoverBackground",
+                initial: { opacity: 0 },
+                animate: {
+                  opacity: 1,
+                  transition: { duration: 0.15 }
+                },
+                exit: {
+                  opacity: 0,
+                  transition: { duration: 0.15, delay: 0.2 }
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs3(HoverCard, { logoUrl: item.logoUrl, children: [
+              /* @__PURE__ */ jsx8(HoverCardTitle, { children: item.title }),
+              /* @__PURE__ */ jsx8(HoverCardDescription, { children: item.description })
+            ] })
+          ]
+        },
+        item?.link
+      ))
+    }
+  );
+};
+var HoverCard = ({
+  className,
+  children,
+  logoUrl
+}) => {
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: cn(
+        "rounded-2xl h-full w-full p-4 overflow-hidden bg-black border border-white/[0.2] group-hover:border-[var(--timberwolf)] relative z-20",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: "absolute bottom-[-3rem] left-[-5rem] h-56 w-56 opacity-50",
+            style: {
+              backgroundImage: `url(${logoUrl})`,
+              backgroundPosition: "bottom left",
+              backgroundSize: "contain",
+              backgroundRepeat: "no-repeat",
+              maskImage: "linear-gradient(to bottom left, transparent, black)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx8("div", { className: "relative z-50", children: /* @__PURE__ */ jsx8("div", { className: "p-4", children }) })
+      ]
+    }
+  );
+};
+var HoverCardTitle = ({
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsx8("h4", { className: cn("text-zinc-100 font-bold tracking-wide mt-4", className), children });
+};
+var HoverCardDescription = ({
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsx8(
+    "p",
+    {
+      className: cn(
+        "mt-8 text-zinc-400 tracking-wide leading-relaxed text-sm",
+        className
+      ),
+      children
+    }
+  );
+};
+
+// src/ui/flip-words.tsx
+import { useCallback, useEffect, useState as useState4 } from "react";
+import { AnimatePresence as AnimatePresence3, motion as motion4 } from "motion/react";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+var FlipWords = ({
+  words,
+  duration = 3e3,
+  className
+}) => {
+  const [currentWord, setCurrentWord] = useState4(words[0]);
+  const [isAnimating, setIsAnimating] = useState4(false);
+  const startAnimation = useCallback(() => {
+    const word = words[words.indexOf(currentWord) + 1] || words[0];
+    setCurrentWord(word);
+    setIsAnimating(true);
+  }, [currentWord, words]);
+  useEffect(() => {
+    if (!isAnimating)
+      setTimeout(() => {
+        startAnimation();
+      }, duration);
+  }, [isAnimating, duration, startAnimation]);
+  return /* @__PURE__ */ jsx9(
+    AnimatePresence3,
+    {
+      onExitComplete: () => {
+        setIsAnimating(false);
+      },
+      children: /* @__PURE__ */ jsx9(
+        motion4.div,
+        {
+          initial: {
+            opacity: 0,
+            y: 10
+          },
+          animate: {
+            opacity: 1,
+            y: 0
+          },
+          transition: {
+            type: "spring",
+            stiffness: 100,
+            damping: 10
+          },
+          exit: {
+            opacity: 0,
+            y: -40,
+            x: 40,
+            filter: "blur(8px)",
+            scale: 2,
+            position: "absolute"
+          },
+          className: cn(
+            "z-10 inline-block relative text-left text-neutral-100 px-2",
+            className
+          ),
+          children: currentWord.split(" ").map((word, wordIndex) => /* @__PURE__ */ jsxs4(
+            motion4.span,
+            {
+              initial: { opacity: 0, y: 10, filter: "blur(8px)" },
+              animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+              transition: {
+                delay: wordIndex * 0.3,
+                duration: 0.3
+              },
+              className: "inline-block whitespace-nowrap",
+              children: [
+                word.split("").map((letter, letterIndex) => /* @__PURE__ */ jsx9(
+                  motion4.span,
+                  {
+                    initial: { opacity: 0, y: 10, filter: "blur(8px)" },
+                    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+                    transition: {
+                      delay: wordIndex * 0.3 + letterIndex * 0.05,
+                      duration: 0.2
+                    },
+                    className: "inline-block",
+                    children: letter
+                  },
+                  word + letterIndex
+                )),
+                /* @__PURE__ */ jsx9("span", { className: "inline-block", children: "\xA0" })
+              ]
+            },
+            word + wordIndex
+          ))
+        },
+        currentWord
+      )
+    }
+  );
+};
+
+// src/ui/hero-highlight.tsx
+import {
+  useMotionValue as useMotionValue3,
+  motion as motion5,
+  useMotionTemplate as useMotionTemplate2,
+  animate
+} from "motion/react";
+import { useEffect as useEffect2, useState as useState5 } from "react";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var HeroHighlight = ({
+  children,
+  className,
+  containerClassName
+}) => {
+  let mouseX = useMotionValue3(0);
+  let mouseY = useMotionValue3(0);
+  const [isHoverable, setIsHoverable] = useState5(false);
+  useEffect2(() => {
+    const mediaQuery = window.matchMedia("(pointer: fine)");
+    setIsHoverable(mediaQuery.matches);
+    const handleChange = (e) => {
+      setIsHoverable(e.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleChange);
+    };
+  }, []);
+  useEffect2(() => {
+    if (!isHoverable) {
+      const updatePosition = () => {
+        const randomX = Math.random() * window.innerWidth;
+        const randomY = Math.random() * window.innerHeight;
+        animate(mouseX, randomX, { duration: 2 });
+        animate(mouseY, randomY, { duration: 2 });
+      };
+      const interval = setInterval(updatePosition, 2e3);
+      updatePosition();
+      return () => clearInterval(interval);
+    }
+  }, [isHoverable, mouseX, mouseY]);
+  const handleMouseMove = (event) => {
+    if (!isHoverable || !event.currentTarget) return;
+    const { left, top } = event.currentTarget.getBoundingClientRect();
+    mouseX.set(event.clientX - left);
+    mouseY.set(event.clientY - top);
+  };
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: cn(
+        "relative h-[40rem] flex items-center bg-[var(--night)] justify-center w-full group",
+        containerClassName
+      ),
+      onMouseMove: handleMouseMove,
+      children: [
+        /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 bg-dot-thick-neutral-800 pointer-events-none" }),
+        /* @__PURE__ */ jsx10(
+          motion5.div,
+          {
+            className: "pointer-events-none bg-dot-thick-gray-100 absolute inset-0 opacity-0 transition duration-300 group-hover:opacity-100",
+            style: {
+              WebkitMaskImage: useMotionTemplate2`
+            radial-gradient(
+              200px circle at ${mouseX}px ${mouseY}px,
+              black 0%,
+              transparent 100%
+            )
+          `,
+              maskImage: useMotionTemplate2`
+            radial-gradient(
+              200px circle at ${mouseX}px ${mouseY}px,
+              black 0%,
+              transparent 100%
+            )
+          `
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx10("div", { className: cn("relative z-20", className), children })
+      ]
+    }
+  );
+};
+var Highlight = ({
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx10(
+    motion5.span,
+    {
+      initial: {
+        backgroundSize: "0% 100%"
+      },
+      animate: {
+        backgroundSize: "100% 100%"
+      },
+      transition: {
+        duration: 2,
+        ease: "linear",
+        delay: 0.5
+      },
+      style: {
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "left center",
+        display: "inline"
+      },
+      className: cn(
+        `relative inline-block pb-1 px-1 rounded-lg bg-gradient-to-r from-[var(--ash-grey)] to-[var(--timberwolf)]`,
+        className
+      ),
+      children
+    }
+  );
+};
+export {
+  AnimatedTooltip,
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  FlipWords,
+  HeroHighlight,
+  Highlight,
+  HoverCard,
+  HoverCardDescription,
+  HoverCardTitle,
+  HoverEffect,
+  Input,
+  Label,
+  badgeVariants,
+  buttonVariants
+};
+//# sourceMappingURL=index.js.map