@sero-ai/ui 0.3.0 → 0.3.2

package/dist/components/ai-elements/file-tree.js

@@ -0,0 +1,217 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../ui/collapsible";
+import { cn } from "../../lib/utils";
+import {
+  ChevronRightIcon,
+  FileIcon,
+  FolderIcon,
+  FolderOpenIcon
+} from "lucide-react";
+import {
+  createContext,
+  useCallback,
+  use,
+  useMemo,
+  useState
+} from "react";
+const noop = () => {
+};
+const FileTreeContext = createContext({
+  // oxlint-disable-next-line eslint-plugin-unicorn(no-new-builtin)
+  expandedPaths: /* @__PURE__ */ new Set(),
+  togglePath: noop
+});
+const FileTree = ({
+  expanded: controlledExpanded,
+  defaultExpanded = /* @__PURE__ */ new Set(),
+  selectedPath,
+  onSelect,
+  onExpandedChange,
+  className,
+  children,
+  ...props
+}) => {
+  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+  const expandedPaths = controlledExpanded ?? internalExpanded;
+  const togglePath = useCallback(
+    (path) => {
+      const newExpanded = new Set(expandedPaths);
+      if (newExpanded.has(path)) {
+        newExpanded.delete(path);
+      } else {
+        newExpanded.add(path);
+      }
+      setInternalExpanded(newExpanded);
+      onExpandedChange?.(newExpanded);
+    },
+    [expandedPaths, onExpandedChange]
+  );
+  const contextValue = useMemo(
+    () => ({ expandedPaths, onSelect, selectedPath, togglePath }),
+    [expandedPaths, onSelect, selectedPath, togglePath]
+  );
+  return /* @__PURE__ */ jsx(FileTreeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border bg-background font-mono text-sm",
+        className
+      ),
+      role: "tree",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "p-2", children })
+    }
+  ) });
+};
+const FileTreeFolderContext = createContext({
+  isExpanded: false,
+  name: "",
+  path: ""
+});
+const FileTreeFolder = ({
+  path,
+  name,
+  className,
+  children,
+  ...props
+}) => {
+  const { expandedPaths, togglePath, selectedPath, onSelect } = use(FileTreeContext);
+  const isExpanded = expandedPaths.has(path);
+  const isSelected = selectedPath === path;
+  const handleOpenChange = useCallback(() => {
+    togglePath(path);
+  }, [togglePath, path]);
+  const handleSelect = useCallback(() => {
+    onSelect?.(path);
+  }, [onSelect, path]);
+  const folderContextValue = useMemo(
+    () => ({ isExpanded, name, path }),
+    [isExpanded, name, path]
+  );
+  return /* @__PURE__ */ jsx(FileTreeFolderContext.Provider, { value: folderContextValue, children: /* @__PURE__ */ jsx(Collapsible, { onOpenChange: handleOpenChange, open: isExpanded, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("", className),
+      role: "treeitem",
+      tabIndex: 0,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: cn(
+              "flex w-full items-center gap-1 rounded px-2 py-1 text-left transition-colors hover:bg-muted/50",
+              isSelected && "bg-muted"
+            ),
+            onClick: handleSelect,
+            type: "button",
+            children: [
+              /* @__PURE__ */ jsx(
+                ChevronRightIcon,
+                {
+                  className: cn(
+                    "size-4 shrink-0 text-muted-foreground transition-transform",
+                    isExpanded && "rotate-90"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(FileTreeIcon, { children: isExpanded ? /* @__PURE__ */ jsx(FolderOpenIcon, { className: "size-4 text-blue-500" }) : /* @__PURE__ */ jsx(FolderIcon, { className: "size-4 text-blue-500" }) }),
+              /* @__PURE__ */ jsx(FileTreeName, { children: name })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "ml-4 border-l pl-2", children }) })
+      ]
+    }
+  ) }) });
+};
+const FileTreeFileContext = createContext({
+  name: "",
+  path: ""
+});
+const FileTreeFile = ({
+  path,
+  name,
+  icon,
+  className,
+  children,
+  ...props
+}) => {
+  const { selectedPath, onSelect } = use(FileTreeContext);
+  const isSelected = selectedPath === path;
+  const handleClick = useCallback(() => {
+    onSelect?.(path);
+  }, [onSelect, path]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        onSelect?.(path);
+      }
+    },
+    [onSelect, path]
+  );
+  const fileContextValue = useMemo(() => ({ name, path }), [name, path]);
+  return /* @__PURE__ */ jsx(FileTreeFileContext.Provider, { value: fileContextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex cursor-pointer items-center gap-1 rounded px-2 py-1 transition-colors hover:bg-muted/50",
+        isSelected && "bg-muted",
+        className
+      ),
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: "treeitem",
+      tabIndex: 0,
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "size-4" }),
+        /* @__PURE__ */ jsx(FileTreeIcon, { children: icon ?? /* @__PURE__ */ jsx(FileIcon, { className: "size-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsx(FileTreeName, { children: name })
+      ] })
+    }
+  ) });
+};
+const FileTreeIcon = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx("span", { className: cn("shrink-0", className), ...props, children });
+const FileTreeName = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx("span", { className: cn("truncate", className), ...props, children });
+const stopPropagation = (e) => e.stopPropagation();
+const FileTreeActions = ({
+  className,
+  children,
+  ...props
+}) => (
+  // biome-ignore lint/a11y/noNoninteractiveElementInteractions: stopPropagation required for nested interactions
+  // biome-ignore lint/a11y/useSemanticElements: fieldset doesn't fit this UI pattern
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("ml-auto flex items-center gap-1", className),
+      onClick: stopPropagation,
+      onKeyDown: stopPropagation,
+      role: "group",
+      ...props,
+      children
+    }
+  )
+);
+export {
+  FileTree,
+  FileTreeActions,
+  FileTreeFile,
+  FileTreeFolder,
+  FileTreeIcon,
+  FileTreeName
+};

package/dist/components/ai-elements/image.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
+var _utils = require('../../lib/utils');
+const Image = ({
+  base64,
+  uint8Array: _uint8Array,
+  mediaType,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "img",
+  {
+    ...props,
+    alt: props.alt,
+    className: _utils.cn.call(void 0, 
+      "h-auto max-w-full overflow-hidden rounded-md",
+      props.className
+    ),
+    src: `data:${mediaType};base64,${base64}`
+  }
+);
+
+
+exports.Image = Image;

package/dist/components/ai-elements/image.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Experimental_GeneratedImage } from 'ai';
+
+type ImageProps = Experimental_GeneratedImage & {
+    className?: string;
+    alt?: string;
+};
+declare const Image: ({ base64, uint8Array: _uint8Array, mediaType, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
+
+export { Image, type ImageProps };

package/dist/components/ai-elements/image.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Experimental_GeneratedImage } from 'ai';
+
+type ImageProps = Experimental_GeneratedImage & {
+    className?: string;
+    alt?: string;
+};
+declare const Image: ({ base64, uint8Array: _uint8Array, mediaType, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
+
+export { Image, type ImageProps };

package/dist/components/ai-elements/image.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+const Image = ({
+  base64,
+  uint8Array: _uint8Array,
+  mediaType,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "img",
+  {
+    ...props,
+    alt: props.alt,
+    className: cn(
+      "h-auto max-w-full overflow-hidden rounded-md",
+      props.className
+    ),
+    src: `data:${mediaType};base64,${base64}`
+  }
+);
+export {
+  Image
+};

package/dist/components/ai-elements/inline-citation.cjs

@@ -0,0 +1,223 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+var _jsxruntime = require('react/jsx-runtime');
+var _badge = require('../ui/badge');
+
+
+
+
+var _carousel = require('../ui/carousel');
+
+
+
+
+var _hovercard = require('../ui/hover-card');
+var _utils = require('../../lib/utils');
+var _lucidereact = require('lucide-react');
+
+
+
+
+
+
+var _react = require('react');
+const InlineCitation = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "span",
+  {
+    className: _utils.cn.call(void 0, "group inline items-center gap-1", className),
+    ...props
+  }
+);
+const InlineCitationText = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "span",
+  {
+    className: _utils.cn.call(void 0, "transition-colors group-hover:bg-accent", className),
+    ...props
+  }
+);
+const InlineCitationCard = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hovercard.HoverCard, { closeDelay: 0, openDelay: 0, ...props });
+const InlineCitationCardTrigger = ({
+  sources,
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hovercard.HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _badge.Badge,
+  {
+    className: _utils.cn.call(void 0, "ml-1 rounded-full", className),
+    variant: "secondary",
+    ...props,
+    children: sources[0] ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      new URL(sources[0]).hostname,
+      " ",
+      sources.length > 1 && `+${sources.length - 1}`
+    ] }) : "unknown"
+  }
+) });
+const InlineCitationCardBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hovercard.HoverCardContent, { className: _utils.cn.call(void 0, "relative w-80 p-0", className), ...props });
+const CarouselApiContext = _react.createContext.call(void 0, void 0);
+const useCarouselApi = () => {
+  const context = _react.use.call(void 0, CarouselApiContext);
+  return context;
+};
+const InlineCitationCarousel = ({
+  className,
+  children,
+  ...props
+}) => {
+  const [api, setApi] = _react.useState.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CarouselApiContext.Provider, { value: api, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _carousel.Carousel, { className: _utils.cn.call(void 0, "w-full", className), setApi, ...props, children }) });
+};
+const InlineCitationCarouselContent = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _carousel.CarouselContent, { ...props });
+const InlineCitationCarouselItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _carousel.CarouselItem,
+  {
+    className: _utils.cn.call(void 0, "w-full space-y-2 p-4 pl-8", className),
+    ...props
+  }
+);
+const InlineCitationCarouselHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _utils.cn.call(void 0, 
+      "flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2",
+      className
+    ),
+    ...props
+  }
+);
+const InlineCitationCarouselIndex = ({
+  children,
+  className,
+  ...props
+}) => {
+  const api = useCarouselApi();
+  const [current, setCurrent] = _react.useState.call(void 0, 0);
+  const [count, setCount] = _react.useState.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    if (!api) {
+      return;
+    }
+    setCount(api.scrollSnapList().length);
+    setCurrent(api.selectedScrollSnap() + 1);
+    const handleSelect = () => {
+      setCurrent(api.selectedScrollSnap() + 1);
+    };
+    api.on("select", handleSelect);
+    return () => {
+      api.off("select", handleSelect);
+    };
+  }, [api]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, 
+        "flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs",
+        className
+      ),
+      ...props,
+      children: _nullishCoalesce(children, () => ( `${current}/${count}`))
+    }
+  );
+};
+const InlineCitationCarouselPrev = ({
+  className,
+  ...props
+}) => {
+  const api = useCarouselApi();
+  const handleClick = _react.useCallback.call(void 0, () => {
+    if (api) {
+      api.scrollPrev();
+    }
+  }, [api]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      "aria-label": "Previous",
+      className: _utils.cn.call(void 0, "shrink-0", className),
+      onClick: handleClick,
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowLeftIcon, { className: "size-4 text-muted-foreground" })
+    }
+  );
+};
+const InlineCitationCarouselNext = ({
+  className,
+  ...props
+}) => {
+  const api = useCarouselApi();
+  const handleClick = _react.useCallback.call(void 0, () => {
+    if (api) {
+      api.scrollNext();
+    }
+  }, [api]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      "aria-label": "Next",
+      className: _utils.cn.call(void 0, "shrink-0", className),
+      onClick: handleClick,
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowRightIcon, { className: "size-4 text-muted-foreground" })
+    }
+  );
+};
+const InlineCitationSource = ({
+  title,
+  url,
+  description,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-1", className), ...props, children: [
+  title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "truncate font-medium text-sm leading-tight", children: title }),
+  url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate break-all text-muted-foreground text-xs", children: url }),
+  description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: description }),
+  children
+] });
+const InlineCitationQuote = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "blockquote",
+  {
+    className: _utils.cn.call(void 0, 
+      "border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.InlineCitation = InlineCitation; exports.InlineCitationCard = InlineCitationCard; exports.InlineCitationCardBody = InlineCitationCardBody; exports.InlineCitationCardTrigger = InlineCitationCardTrigger; exports.InlineCitationCarousel = InlineCitationCarousel; exports.InlineCitationCarouselContent = InlineCitationCarouselContent; exports.InlineCitationCarouselHeader = InlineCitationCarouselHeader; exports.InlineCitationCarouselIndex = InlineCitationCarouselIndex; exports.InlineCitationCarouselItem = InlineCitationCarouselItem; exports.InlineCitationCarouselNext = InlineCitationCarouselNext; exports.InlineCitationCarouselPrev = InlineCitationCarouselPrev; exports.InlineCitationQuote = InlineCitationQuote; exports.InlineCitationSource = InlineCitationSource; exports.InlineCitationText = InlineCitationText;

package/dist/components/ai-elements/inline-citation.d.cts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { Badge } from '../ui/badge.cjs';
+import { Carousel } from '../ui/carousel.cjs';
+import { HoverCard } from '../ui/hover-card.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'embla-carousel-react';
+import '../ui/button.cjs';
+import 'radix-ui';
+
+type InlineCitationProps = ComponentProps<"span">;
+declare const InlineCitation: ({ className, ...props }: InlineCitationProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationTextProps = ComponentProps<"span">;
+declare const InlineCitationText: ({ className, ...props }: InlineCitationTextProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
+declare const InlineCitationCard: (props: InlineCitationCardProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+    sources: string[];
+};
+declare const InlineCitationCardTrigger: ({ sources, className, ...props }: InlineCitationCardTriggerProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCardBodyProps = ComponentProps<"div">;
+declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;
+declare const InlineCitationCarousel: ({ className, children, ...props }: InlineCitationCarouselProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselContentProps = ComponentProps<"div">;
+declare const InlineCitationCarouselContent: (props: InlineCitationCarouselContentProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselItemProps = ComponentProps<"div">;
+declare const InlineCitationCarouselItem: ({ className, ...props }: InlineCitationCarouselItemProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselHeaderProps = ComponentProps<"div">;
+declare const InlineCitationCarouselHeader: ({ className, ...props }: InlineCitationCarouselHeaderProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselIndexProps = ComponentProps<"div">;
+declare const InlineCitationCarouselIndex: ({ children, className, ...props }: InlineCitationCarouselIndexProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselPrevProps = ComponentProps<"button">;
+declare const InlineCitationCarouselPrev: ({ className, ...props }: InlineCitationCarouselPrevProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselNextProps = ComponentProps<"button">;
+declare const InlineCitationCarouselNext: ({ className, ...props }: InlineCitationCarouselNextProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationSourceProps = ComponentProps<"div"> & {
+    title?: string;
+    url?: string;
+    description?: string;
+};
+declare const InlineCitationSource: ({ title, url, description, className, children, ...props }: InlineCitationSourceProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationQuoteProps = ComponentProps<"blockquote">;
+declare const InlineCitationQuote: ({ children, className, ...props }: InlineCitationQuoteProps) => react_jsx_runtime.JSX.Element;
+
+export { InlineCitation, InlineCitationCard, InlineCitationCardBody, type InlineCitationCardBodyProps, type InlineCitationCardProps, InlineCitationCardTrigger, type InlineCitationCardTriggerProps, InlineCitationCarousel, InlineCitationCarouselContent, type InlineCitationCarouselContentProps, InlineCitationCarouselHeader, type InlineCitationCarouselHeaderProps, InlineCitationCarouselIndex, type InlineCitationCarouselIndexProps, InlineCitationCarouselItem, type InlineCitationCarouselItemProps, InlineCitationCarouselNext, type InlineCitationCarouselNextProps, InlineCitationCarouselPrev, type InlineCitationCarouselPrevProps, type InlineCitationCarouselProps, type InlineCitationProps, InlineCitationQuote, type InlineCitationQuoteProps, InlineCitationSource, type InlineCitationSourceProps, InlineCitationText, type InlineCitationTextProps };

package/dist/components/ai-elements/inline-citation.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { Badge } from '../ui/badge.js';
+import { Carousel } from '../ui/carousel.js';
+import { HoverCard } from '../ui/hover-card.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'embla-carousel-react';
+import '../ui/button.js';
+import 'radix-ui';
+
+type InlineCitationProps = ComponentProps<"span">;
+declare const InlineCitation: ({ className, ...props }: InlineCitationProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationTextProps = ComponentProps<"span">;
+declare const InlineCitationText: ({ className, ...props }: InlineCitationTextProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
+declare const InlineCitationCard: (props: InlineCitationCardProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+    sources: string[];
+};
+declare const InlineCitationCardTrigger: ({ sources, className, ...props }: InlineCitationCardTriggerProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCardBodyProps = ComponentProps<"div">;
+declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;
+declare const InlineCitationCarousel: ({ className, children, ...props }: InlineCitationCarouselProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselContentProps = ComponentProps<"div">;
+declare const InlineCitationCarouselContent: (props: InlineCitationCarouselContentProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselItemProps = ComponentProps<"div">;
+declare const InlineCitationCarouselItem: ({ className, ...props }: InlineCitationCarouselItemProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselHeaderProps = ComponentProps<"div">;
+declare const InlineCitationCarouselHeader: ({ className, ...props }: InlineCitationCarouselHeaderProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselIndexProps = ComponentProps<"div">;
+declare const InlineCitationCarouselIndex: ({ children, className, ...props }: InlineCitationCarouselIndexProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselPrevProps = ComponentProps<"button">;
+declare const InlineCitationCarouselPrev: ({ className, ...props }: InlineCitationCarouselPrevProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationCarouselNextProps = ComponentProps<"button">;
+declare const InlineCitationCarouselNext: ({ className, ...props }: InlineCitationCarouselNextProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationSourceProps = ComponentProps<"div"> & {
+    title?: string;
+    url?: string;
+    description?: string;
+};
+declare const InlineCitationSource: ({ title, url, description, className, children, ...props }: InlineCitationSourceProps) => react_jsx_runtime.JSX.Element;
+type InlineCitationQuoteProps = ComponentProps<"blockquote">;
+declare const InlineCitationQuote: ({ children, className, ...props }: InlineCitationQuoteProps) => react_jsx_runtime.JSX.Element;
+
+export { InlineCitation, InlineCitationCard, InlineCitationCardBody, type InlineCitationCardBodyProps, type InlineCitationCardProps, InlineCitationCardTrigger, type InlineCitationCardTriggerProps, InlineCitationCarousel, InlineCitationCarouselContent, type InlineCitationCarouselContentProps, InlineCitationCarouselHeader, type InlineCitationCarouselHeaderProps, InlineCitationCarouselIndex, type InlineCitationCarouselIndexProps, InlineCitationCarouselItem, type InlineCitationCarouselItemProps, InlineCitationCarouselNext, type InlineCitationCarouselNextProps, InlineCitationCarouselPrev, type InlineCitationCarouselPrevProps, type InlineCitationCarouselProps, type InlineCitationProps, InlineCitationQuote, type InlineCitationQuoteProps, InlineCitationSource, type InlineCitationSourceProps, InlineCitationText, type InlineCitationTextProps };