@seaguntech/ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1131 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Badge: () => Badge,
+  BentoGrid: () => BentoGrid,
+  BentoGridItem: () => BentoGridItem,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Command: () => Command,
+  CommandDialog: () => CommandDialog,
+  CommandEmpty: () => CommandEmpty,
+  CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
+  CommandSeparator: () => CommandSeparator,
+  CommandShortcut: () => CommandShortcut,
+  Conversation: () => Conversation,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  GenerativeContainer: () => GenerativeContainer,
+  Input: () => Input,
+  Label: () => Label2,
+  MagneticButton: () => MagneticButton,
+  Message: () => Message,
+  ScrollArea: () => ScrollArea,
+  ScrollBar: () => ScrollBar,
+  Separator: () => Separator2,
+  SpotlightCard: () => SpotlightCard,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  VoiceButton: () => VoiceButton,
+  VoiceInputBar: () => VoiceInputBar,
+  Waveform: () => Waveform,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/badge.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"), 1);
+var badgeVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium transition-all duration-300",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        outline: "text-foreground",
+        new: "badge-new"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/bento-grid.tsx
+var import_react = __toESM(require("react"), 1);
+function BentoGrid({ className, children, ...props }) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: cn(
+        "grid w-full auto-rows-[22rem] grid-cols-3 gap-4 mx-auto",
+        className
+      ),
+      ...props
+    },
+    children
+  );
+}
+function BentoGridItem({
+  className,
+  title,
+  description,
+  header,
+  icon
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: cn(
+        "row-span-1 rounded-xl group/bento hover:shadow-xl transition duration-200 shadow-input dark:shadow-none p-4 dark:bg-black dark:border-white/[0.2] bg-white border border-transparent justify-between flex flex-col space-y-4",
+        className
+      )
+    },
+    header,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "group-hover/bento:translate-x-2 transition duration-200" }, icon, /* @__PURE__ */ import_react.default.createElement("div", { className: "font-sans font-bold text-neutral-600 dark:text-neutral-200 mb-2 mt-2" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "font-sans font-normal text-neutral-600 text-xs dark:text-neutral-300" }, description))
+  );
+}
+
+// src/components/button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var React3 = __toESM(require("react"), 1);
+var buttonVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium 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 [&_svg]:pointer-events-none [&_svg]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:opacity-90",
+        secondary: "bg-secondary text-secondary-foreground hover:opacity-90",
+        outline: "border border-input bg-background hover:bg-accent",
+        ghost: "hover:bg-accent",
+        destructive: "bg-destructive text-destructive-foreground hover:opacity-90",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 px-3",
+        lg: "h-11 px-8",
+        icon: "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ React3.createElement(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/card.tsx
+var React4 = __toESM(require("react"), 1);
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "rounded-lg border bg-card text-card-foreground shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn("flex flex-col space-y-1.5 p-6", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ React4.createElement(
+    "h3",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "text-lg font-semibold leading-none tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React4.createElement(
+    "p",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("p-6 pt-0", className),
+      ...props
+    }
+  );
+}
+function CardFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center p-6 pt-0", className),
+      ...props
+    }
+  );
+}
+
+// src/components/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react = require("lucide-react");
+var React5 = __toESM(require("react"), 1);
+function Dialog(props) {
+  return /* @__PURE__ */ React5.createElement(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger(props) {
+  return /* @__PURE__ */ React5.createElement(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal(props) {
+  return /* @__PURE__ */ React5.createElement(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose(props) {
+  return /* @__PURE__ */ React5.createElement(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React5.createElement(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React5.createElement(DialogPortal, null, /* @__PURE__ */ React5.createElement(DialogOverlay, null), /* @__PURE__ */ React5.createElement(
+    DialogPrimitive.Content,
+    {
+      "data-slot": "dialog-content",
+      className: cn(
+        "bg-background fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg",
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React5.createElement(DialogPrimitive.Close, { className: "ring-offset-background data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-80 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" }, /* @__PURE__ */ React5.createElement(import_lucide_react.X, { className: "size-4" }), /* @__PURE__ */ React5.createElement("span", { className: "sr-only" }, "Close"))
+  ));
+}
+function DialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col space-y-1.5", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React5.createElement(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React5.createElement(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/components/command.tsx
+var import_cmdk = require("cmdk");
+var import_lucide_react2 = require("lucide-react");
+var React6 = __toESM(require("react"), 1);
+var Command = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+  import_cmdk.Command,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = import_cmdk.Command.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ React6.createElement(Dialog, { ...props }, /* @__PURE__ */ React6.createElement(DialogContent, { className: "overflow-hidden p-0 shadow-lg" }, /* @__PURE__ */ React6.createElement(DialogTitle, { className: "sr-only" }, "Command menu"), /* @__PURE__ */ React6.createElement(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, children)));
+};
+var CommandInput = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "" }, /* @__PURE__ */ React6.createElement(import_lucide_react2.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ React6.createElement(
+  import_cmdk.Command.Input,
+  {
+    ref,
+    className: cn(
+      "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+)));
+CommandInput.displayName = import_cmdk.Command.Input.displayName;
+var CommandList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+  import_cmdk.Command.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = import_cmdk.Command.List.displayName;
+var CommandEmpty = React6.forwardRef((props, ref) => /* @__PURE__ */ React6.createElement(
+  import_cmdk.Command.Empty,
+  {
+    ref,
+    className: "py-6 text-center text-sm",
+    ...props
+  }
+));
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+var CommandGroup = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+  import_cmdk.Command.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = import_cmdk.Command.Group.displayName;
+var CommandSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+  import_cmdk.Command.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
+var CommandItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+  import_cmdk.Command.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = import_cmdk.Command.Item.displayName;
+var CommandShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ React6.createElement(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/conversation.tsx
+var React7 = __toESM(require("react"), 1);
+function Conversation({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      "data-slot": "conversation",
+      className: cn("flex flex-col gap-3", className),
+      ...props
+    }
+  );
+}
+function Message({
+  from = "assistant",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      "data-slot": "message",
+      className: cn(
+        "max-w-[80%] rounded-xl px-3 py-2 text-sm",
+        from === "user" ? "bg-primary text-primary-foreground ml-auto" : "bg-muted text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/dropdown-menu.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var React8 = __toESM(require("react"), 1);
+function DropdownMenu(props) {
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground z-50 min-w-40 overflow-hidden rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ));
+}
+function DropdownMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Separator,
+    {
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Label,
+    {
+      className: cn("px-2 py-1.5 text-sm font-medium", className),
+      ...props
+    }
+  );
+}
+
+// src/components/generative-container.tsx
+var import_react2 = __toESM(require("react"), 1);
+function GenerativeContainer({
+  children,
+  className,
+  active = true,
+  ...props
+}) {
+  return /* @__PURE__ */ import_react2.default.createElement(
+    "div",
+    {
+      className: cn("relative rounded-xl p-[1px] overflow-hidden", className),
+      ...props
+    },
+    active && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute inset-0 z-0 bg-[conic-gradient(from_0deg_at_50%_50%,transparent_0%,transparent_75%,hsl(var(--primary))_100%)] animate-[spin_3s_linear_infinite]" }),
+    /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative z-10 rounded-[10px] bg-background h-full w-full" }, children)
+  );
+}
+
+// src/components/input.tsx
+var React10 = __toESM(require("react"), 1);
+function Input({ className, error, id, ...props }) {
+  const errorId = id ? `${id}-error` : void 0;
+  return /* @__PURE__ */ React10.createElement("div", { className: "grid gap-1.5" }, /* @__PURE__ */ React10.createElement(
+    "input",
+    {
+      id,
+      "data-slot": "input",
+      className: cn(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        error && "border-destructive focus-visible:ring-destructive",
+        className
+      ),
+      "aria-invalid": error ? true : void 0,
+      "aria-describedby": error ? errorId : void 0,
+      ...props
+    }
+  ), error ? /* @__PURE__ */ React10.createElement("p", { id: errorId, className: "text-sm text-destructive", role: "alert" }, error) : null);
+}
+
+// src/components/label.tsx
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
+var React11 = __toESM(require("react"), 1);
+function Label2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React11.createElement(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/magnetic-button.tsx
+var import_framer_motion = require("framer-motion");
+var import_react3 = __toESM(require("react"), 1);
+function MagneticButton({
+  children,
+  distance = 10,
+  className,
+  ...props
+}) {
+  const [position, setPosition] = (0, import_react3.useState)({ x: 0, y: 0 });
+  const ref = (0, import_react3.useRef)(null);
+  const handleMouse = (e) => {
+    const { clientX, clientY } = e;
+    if (!ref.current) return;
+    const { height, width, left, top } = ref.current.getBoundingClientRect();
+    const middleX = clientX - (left + width / 2);
+    const middleY = clientY - (top + height / 2);
+    const normalizedX = middleX / Math.max(width / 2, 1);
+    const normalizedY = middleY / Math.max(height / 2, 1);
+    setPosition({
+      x: normalizedX * distance,
+      y: normalizedY * distance
+    });
+  };
+  const reset = () => {
+    setPosition({ x: 0, y: 0 });
+  };
+  return /* @__PURE__ */ import_react3.default.createElement(
+    import_framer_motion.motion.div,
+    {
+      style: { position: "relative", display: "inline-block" },
+      ref,
+      onMouseMove: handleMouse,
+      onMouseLeave: reset,
+      animate: { x: position.x, y: position.y },
+      transition: { type: "spring", stiffness: 150, damping: 15, mass: 0.1 }
+    },
+    /* @__PURE__ */ import_react3.default.createElement(Button, { className, ...props }, children)
+  );
+}
+
+// src/components/scroll-area.tsx
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
+var React13 = __toESM(require("react"), 1);
+var ScrollArea = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props
+  },
+  /* @__PURE__ */ React13.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
+  /* @__PURE__ */ React13.createElement(ScrollBar, null),
+  /* @__PURE__ */ React13.createElement(ScrollAreaPrimitive.Corner, null)
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React13.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React13.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/separator.tsx
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var React14 = __toESM(require("react"), 1);
+function Separator2({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ React14.createElement(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/spotlight-card.tsx
+var import_react4 = __toESM(require("react"), 1);
+function SpotlightCard({
+  children,
+  className,
+  spotlightColor = "rgba(120, 119, 198, 0.1)",
+  ...props
+}) {
+  const divRef = (0, import_react4.useRef)(null);
+  const [isFocused, setIsFocused] = (0, import_react4.useState)(false);
+  const [position, setPosition] = (0, import_react4.useState)({ x: 0, y: 0 });
+  const [opacity, setOpacity] = (0, import_react4.useState)(0);
+  const handleMouseMove = (e) => {
+    if (!divRef.current || isFocused) return;
+    const div = divRef.current;
+    const rect = div.getBoundingClientRect();
+    setPosition({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+  };
+  const handleFocus = () => {
+    setIsFocused(true);
+    setOpacity(1);
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+    setOpacity(0);
+  };
+  const handleMouseEnter = () => {
+    setOpacity(1);
+  };
+  const handleMouseLeave = () => {
+    setOpacity(0);
+  };
+  return /* @__PURE__ */ import_react4.default.createElement(
+    "div",
+    {
+      ref: divRef,
+      onMouseMove: handleMouseMove,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      className: cn(
+        "relative overflow-hidden rounded-xl border bg-card text-card-foreground shadow transition-colors",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ import_react4.default.createElement(
+      "div",
+      {
+        className: "pointer-events-none absolute -inset-px opacity-0 transition duration-300",
+        style: {
+          opacity,
+          background: `radial-gradient(600px circle at ${position.x}px ${position.y}px, ${spotlightColor}, transparent 40%)`
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react4.default.createElement("div", { className: "relative h-full z-10" }, children)
+  );
+}
+
+// src/components/tabs.tsx
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
+var React16 = __toESM(require("react"), 1);
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React16.createElement(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React16.createElement(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-10 items-center rounded-md p-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React16.createElement(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React16.createElement(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn(
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/textarea.tsx
+var React17 = __toESM(require("react"), 1);
+function Textarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React17.createElement(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring min-h-20 w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/voice-button.tsx
+var import_lucide_react3 = require("lucide-react");
+var React18 = __toESM(require("react"), 1);
+function VoiceButton({
+  isListening = false,
+  onToggle,
+  disabled,
+  className
+}) {
+  return /* @__PURE__ */ React18.createElement(
+    Button,
+    {
+      type: "button",
+      variant: isListening ? "destructive" : "default",
+      className: cn("min-w-36 gap-2", className),
+      onClick: onToggle,
+      disabled
+    },
+    isListening ? /* @__PURE__ */ React18.createElement(import_lucide_react3.MicOff, null) : /* @__PURE__ */ React18.createElement(import_lucide_react3.Mic, null),
+    isListening ? "Stop listening" : "Start speaking"
+  );
+}
+
+// src/components/voice-input-bar.tsx
+var import_framer_motion2 = require("framer-motion");
+var import_lucide_react4 = require("lucide-react");
+var import_react5 = __toESM(require("react"), 1);
+function VoiceInputBar({
+  onSend,
+  onVoiceStart,
+  onVoiceStop,
+  placeholder = "Message or tap mic...",
+  className
+}) {
+  const [isListening, setIsListening] = (0, import_react5.useState)(false);
+  const [text, setText] = (0, import_react5.useState)("");
+  const inputRef = (0, import_react5.useRef)(null);
+  const toggleListen = () => {
+    if (isListening) {
+      setIsListening(false);
+      onVoiceStop?.();
+    } else {
+      setIsListening(true);
+      onVoiceStart?.();
+    }
+  };
+  const handleSend = () => {
+    if (text.trim()) {
+      onSend?.(text);
+      setText("");
+    }
+  };
+  return /* @__PURE__ */ import_react5.default.createElement(
+    "div",
+    {
+      className: cn(
+        "relative flex w-full max-w-2xl items-center rounded-full border bg-background px-2 py-1.5 shadow-sm transition-all focus-within:ring-1 focus-within:ring-ring",
+        isListening && "ring-1 ring-primary/50 shadow-md",
+        className
+      )
+    },
+    /* @__PURE__ */ import_react5.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: toggleListen,
+        className: cn(
+          "flex h-10 w-10 shrink-0 items-center justify-center rounded-full transition-colors",
+          isListening ? "bg-red-500 text-white shadow-[0_0_15px_rgba(239,68,68,0.5)]" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"
+        )
+      },
+      /* @__PURE__ */ import_react5.default.createElement(import_lucide_react4.Mic, { className: cn("h-5 w-5", isListening && "animate-pulse") })
+    ),
+    /* @__PURE__ */ import_react5.default.createElement("div", { className: "relative flex-1 overflow-hidden px-3" }, /* @__PURE__ */ import_react5.default.createElement(import_framer_motion2.AnimatePresence, { mode: "popLayout" }, isListening ? /* @__PURE__ */ import_react5.default.createElement(
+      import_framer_motion2.motion.div,
+      {
+        initial: { y: 20, opacity: 0 },
+        animate: { y: 0, opacity: 1 },
+        exit: { y: -20, opacity: 0 },
+        className: "flex h-10 items-center justify-center space-x-1"
+      },
+      [1, 2, 3, 4, 3, 2, 1, 2, 3, 4, 2].map((i, index) => /* @__PURE__ */ import_react5.default.createElement(
+        import_framer_motion2.motion.div,
+        {
+          key: index,
+          animate: {
+            height: ["10%", "100%", "10%"]
+          },
+          transition: {
+            duration: 1,
+            repeat: Infinity,
+            delay: index * 0.1,
+            ease: "easeInOut"
+          },
+          className: "w-1 rounded-full bg-foreground"
+        }
+      )),
+      /* @__PURE__ */ import_react5.default.createElement("span", { className: "ml-4 text-sm font-medium animate-pulse text-muted-foreground" }, "Listening...")
+    ) : /* @__PURE__ */ import_react5.default.createElement(
+      import_framer_motion2.motion.input,
+      {
+        initial: { y: -20, opacity: 0 },
+        animate: { y: 0, opacity: 1 },
+        exit: { y: 20, opacity: 0 },
+        ref: inputRef,
+        type: "text",
+        value: text,
+        onChange: (e) => setText(e.target.value),
+        onKeyDown: (e) => e.key === "Enter" && handleSend(),
+        placeholder,
+        className: "flex h-10 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
+      }
+    ))),
+    /* @__PURE__ */ import_react5.default.createElement(import_framer_motion2.AnimatePresence, null, !isListening && text.length > 0 && /* @__PURE__ */ import_react5.default.createElement(
+      import_framer_motion2.motion.button,
+      {
+        initial: { scale: 0.8, opacity: 0 },
+        animate: { scale: 1, opacity: 1 },
+        exit: { scale: 0.8, opacity: 0 },
+        type: "button",
+        onClick: handleSend,
+        className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground hover:bg-primary/90 transition-colors mr-1"
+      },
+      /* @__PURE__ */ import_react5.default.createElement(import_lucide_react4.Send, { className: "h-4 w-4 ml-0.5" })
+    ))
+  );
+}
+
+// src/components/waveform.tsx
+var React20 = __toESM(require("react"), 1);
+function Waveform({
+  bars = 24,
+  active = false,
+  className
+}) {
+  const data = React20.useMemo(() => {
+    return Array.from({ length: bars }, (_, index) => {
+      const cycle = index % 7 + 1;
+      return cycle / 7;
+    });
+  }, [bars]);
+  return /* @__PURE__ */ React20.createElement(
+    "div",
+    {
+      "data-slot": "waveform",
+      className: cn("flex h-10 items-end gap-1 rounded-md px-2", className)
+    },
+    data.map((value, index) => /* @__PURE__ */ React20.createElement(
+      "div",
+      {
+        key: index,
+        className: cn(
+          "bg-primary/80 w-1 rounded-full transition-all",
+          active ? "animate-pulse" : ""
+        ),
+        style: { height: `${Math.max(value * 100, 20)}%` }
+      }
+    ))
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge,
+  BentoGrid,
+  BentoGridItem,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  Conversation,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  GenerativeContainer,
+  Input,
+  Label,
+  MagneticButton,
+  Message,
+  ScrollArea,
+  ScrollBar,
+  Separator,
+  SpotlightCard,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  VoiceButton,
+  VoiceInputBar,
+  Waveform,
+  buttonVariants,
+  cn
+});
+//# sourceMappingURL=index.cjs.map