@vllnt/ui 0.1.4 → 0.1.7-canary.2c4792f

package/dist/components/tutorial-mdx/tutorial-mdx.js

@@ -0,0 +1,219 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { lazy, memo, Suspense, use, useMemo } from "react";
+import { evaluate } from "@mdx-js/mdx";
+import * as runtime from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import { cn } from "../../lib/utils";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../accordion";
+import { Callout } from "../callout";
+import { Checklist } from "../checklist";
+import { CodePlayground, FileTree } from "../code-playground";
+import { BeforeAfter, Comparison } from "../comparison";
+import { Exercise } from "../exercise";
+import { FAQ, FAQItem } from "../faq";
+import { Glossary, KeyConcept } from "../key-concept";
+import {
+  LearningObjectives,
+  Prerequisites,
+  Summary
+} from "../learning-objectives";
+import { CommonMistake, ProTip } from "../pro-tip";
+import { Quiz } from "../quiz";
+import { Step, StepByStep } from "../step-by-step";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../tabs";
+import { SimpleTerminal, Terminal } from "../terminal";
+import { VideoEmbed } from "../video-embed";
+const LazyFlowDiagram = lazy(
+  () => import("../flow-diagram").then((module_) => ({
+    default: module_.FlowDiagram
+  }))
+);
+function FlowDiagramWithSuspense(props) {
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-label": "Loading diagram...",
+          className: "h-96 bg-muted animate-pulse rounded-lg"
+        }
+      ),
+      children: /* @__PURE__ */ jsx(LazyFlowDiagram, { ...props })
+    }
+  );
+}
+const mdxComponents = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  BeforeAfter,
+  Callout,
+  Checklist,
+  CodePlayground,
+  CommonMistake,
+  Comparison,
+  Exercise,
+  FAQ,
+  FAQItem,
+  FileTree,
+  FlowDiagram: FlowDiagramWithSuspense,
+  Glossary,
+  KeyConcept,
+  LearningObjectives,
+  Prerequisites,
+  ProTip,
+  Quiz,
+  SimpleTerminal,
+  Step,
+  StepByStep,
+  Summary,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Terminal,
+  VideoEmbed
+};
+const markdownComponents = {
+  a: ({ children, href, ...props }) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "text-primary underline underline-offset-4 hover:text-primary/80 font-medium",
+      href,
+      ...props,
+      children
+    }
+  ),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "blockquote",
+    {
+      className: "border-l-4 border-primary pl-4 italic text-muted-foreground my-6 py-2 text-sm",
+      ...props,
+      children
+    }
+  ),
+  code: ({ children, className, ...props }) => {
+    const isBlock = className?.includes("language-");
+    if (isBlock) {
+      return /* @__PURE__ */ jsx("code", { className: cn("font-mono text-sm", className), ...props, children });
+    }
+    return /* @__PURE__ */ jsx(
+      "code",
+      {
+        className: "bg-muted px-1.5 py-0.5 rounded text-sm font-mono",
+        ...props,
+        children
+      }
+    );
+  },
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mt-8 mb-4", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold mt-6 mb-3", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mt-4 mb-2", ...props, children }),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx("h4", { className: "text-base font-bold mt-3 mb-2", ...props, children }),
+  hr: ({ ...props }) => /* @__PURE__ */ jsx("hr", { className: "my-8 border-border", ...props }),
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: "mb-2 leading-relaxed text-muted-foreground text-sm pl-2",
+      ...props,
+      children
+    }
+  ),
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      className: "list-decimal list-outside mb-6 space-y-2 ml-6 text-muted-foreground text-sm",
+      ...props,
+      children
+    }
+  ),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: "mb-4 leading-relaxed text-muted-foreground text-sm",
+      ...props,
+      children
+    }
+  ),
+  pre: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: "bg-zinc-950 dark:bg-zinc-900 text-zinc-100 p-4 rounded-lg overflow-x-auto my-6 border border-zinc-800 shadow-lg font-mono text-sm",
+      ...props,
+      children
+    }
+  ),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold text-foreground", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx("div", { className: "my-6 overflow-x-auto", children: /* @__PURE__ */ jsx("table", { className: "w-full border-collapse border border-border", ...props, children }) }),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx("td", { className: "border border-border p-2 text-sm", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: "border border-border bg-muted p-2 text-left font-medium text-sm",
+      ...props,
+      children
+    }
+  ),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      className: "list-disc list-outside mb-6 space-y-2 ml-6 text-muted-foreground text-sm",
+      ...props,
+      children
+    }
+  )
+};
+const allComponents = {
+  ...markdownComponents,
+  ...mdxComponents
+};
+function hasJSXComponents(content) {
+  const contentWithoutCodeBlocks = content.replaceAll(/```[\S\s]*?```/g, "");
+  return /<[A-Z][A-Za-z]*[\s/>]/.test(contentWithoutCodeBlocks);
+}
+function MDXWithSuspense({ className, content }) {
+  const mdxPromise = useMemo(
+    () => evaluate(content, {
+      ...runtime,
+      baseUrl: import.meta.url
+    }),
+    [content]
+  );
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(MDXLoadingFallback, {}), children: /* @__PURE__ */ jsx(MDXContent, { mdxPromise }) }) });
+}
+function MarkdownOnly({ className, content }) {
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ReactMarkdown, { components: markdownComponents, children: content }) });
+}
+function MDXContent({
+  mdxPromise
+}) {
+  const { default: Component } = use(mdxPromise);
+  return /* @__PURE__ */ jsx(Component, { components: allComponents });
+}
+function MDXLoadingFallback() {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "min-h-[100px]" });
+}
+function TutorialMDXImpl({
+  className,
+  content
+}) {
+  const hasJSX = hasJSXComponents(content);
+  if (hasJSX) {
+    return /* @__PURE__ */ jsx(MDXWithSuspense, { className, content });
+  }
+  return /* @__PURE__ */ jsx(MarkdownOnly, { className, content });
+}
+const TutorialMDX = memo(TutorialMDXImpl);
+TutorialMDX.displayName = "TutorialMDX";
+export {
+  TutorialMDX,
+  mdxComponents
+};

package/dist/components/video-embed/index.js

@@ -0,0 +1,4 @@
+import { VideoEmbed } from "./video-embed";
+export {
+  VideoEmbed
+};

package/dist/components/video-embed/video-embed.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Play, Video } from "lucide-react";
+import { cn } from "../../lib/utils";
+function getEmbedUrl(source, type) {
+  if (type === "youtube") {
+    const videoId = /(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([^&?]+)/.exec(
+      source
+    )?.[1];
+    return videoId ? `https://www.youtube.com/embed/${videoId}` : source;
+  }
+  if (type === "vimeo") {
+    const videoId = /vimeo\.com\/(\d+)/.exec(source)?.[1];
+    return videoId ? `https://player.vimeo.com/video/${videoId}` : source;
+  }
+  return source;
+}
+function VideoEmbed({
+  aspectRatio = "16/9",
+  src,
+  thumbnail,
+  title,
+  type = "youtube"
+}) {
+  const [isPlaying, setIsPlaying] = useState(false);
+  const embedUrl = getEmbedUrl(src, type);
+  const aspectClass = aspectRatio === "16/9" ? "aspect-video" : aspectRatio === "4/3" ? "aspect-[4/3]" : "aspect-square";
+  return /* @__PURE__ */ jsxs("div", { className: "my-6", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "relative rounded-lg overflow-hidden bg-muted border",
+          aspectClass
+        ),
+        children: isPlaying ? /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+            allowFullScreen: true,
+            className: "absolute inset-0 w-full h-full",
+            src: `${embedUrl}?autoplay=1`,
+            title
+          }
+        ) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "absolute inset-0 w-full h-full flex items-center justify-center group",
+            onClick: () => {
+              setIsPlaying(true);
+            },
+            type: "button",
+            children: [
+              thumbnail ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: title,
+                  className: "absolute inset-0 w-full h-full object-cover",
+                  src: thumbnail
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-muted to-muted-foreground/20" }),
+              /* @__PURE__ */ jsx("div", { className: "relative z-10 flex h-16 w-16 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg transition-transform group-hover:scale-110", children: /* @__PURE__ */ jsx(Play, { className: "h-6 w-6 ml-1" }) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-center text-muted-foreground flex items-center justify-center gap-1", children: [
+      /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }),
+      title
+    ] })
+  ] });
+}
+export {
+  VideoEmbed
+};

package/dist/components/view-switcher/index.js

@@ -0,0 +1,6 @@
+import {
+  ViewSwitcher
+} from "./view-switcher";
+export {
+  ViewSwitcher
+};

package/dist/components/view-switcher/view-switcher.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { memo, Suspense } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { cn } from "../../lib/utils";
+function ViewSwitcherInner({
+  className,
+  defaultKey,
+  options,
+  paramName: parameterName = "view"
+}) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParameters = useSearchParams();
+  const resolvedDefault = defaultKey ?? options[0]?.key ?? "";
+  const currentKey = searchParameters.get(parameterName) ?? resolvedDefault;
+  function handleSelect(key) {
+    const parameters = new URLSearchParams(searchParameters.toString());
+    if (key === resolvedDefault) {
+      parameters.delete(parameterName);
+    } else {
+      parameters.set(parameterName, key);
+    }
+    const query = parameters.toString();
+    router.push(query ? `${pathname}?${query}` : pathname, { scroll: false });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center rounded-lg border bg-muted p-1",
+        className
+      ),
+      role: "tablist",
+      children: options.map((option) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-selected": currentKey === option.key,
+          className: cn(
+            "rounded-md px-3 py-1.5 text-sm font-medium transition-colors",
+            currentKey === option.key ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+          ),
+          onClick: () => {
+            handleSelect(option.key);
+          },
+          role: "tab",
+          type: "button",
+          children: option.label
+        },
+        option.key
+      ))
+    }
+  );
+}
+function ViewSwitcherFallback({
+  className,
+  defaultKey,
+  options
+}) {
+  const resolvedDefault = defaultKey ?? options[0]?.key ?? "";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center rounded-lg border bg-muted p-1",
+        className
+      ),
+      role: "tablist",
+      children: options.map((option) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-selected": resolvedDefault === option.key,
+          className: cn(
+            "rounded-md px-3 py-1.5 text-sm font-medium transition-colors",
+            resolvedDefault === option.key ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+          ),
+          role: "tab",
+          type: "button",
+          children: option.label
+        },
+        option.key
+      ))
+    }
+  );
+}
+const ViewSwitcher = memo(function ViewSwitcher2(props) {
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(ViewSwitcherFallback, { ...props }), children: /* @__PURE__ */ jsx(ViewSwitcherInner, { ...props }) });
+});
+ViewSwitcher.displayName = "ViewSwitcher";
+export {
+  ViewSwitcher
+};

package/dist/index.d.ts

@@ -899,7 +899,7 @@ type ComparisonProps = {
     before: ComparisonSide;
     title?: string;
 };
-declare function Comparison({ after, before, title }: ComparisonProps): react_jsx_runtime.JSX.Element;
+declare function Comparison({ after, before, title, ...rest }: ComparisonProps & Record<string, unknown>): react_jsx_runtime.JSX.Element | null;
 type BeforeAfterProps = {
     after: ReactNode;
     before: ReactNode;
@@ -1519,6 +1519,26 @@ declare function useSocialFab(options?: UseSocialFabOptions): {
     };
 };
 
+type HorizontalScrollRowProps = {
+    children: ReactNode;
+    className?: string;
+    description?: string;
+    title: string;
+};
+declare const HorizontalScrollRow: react.NamedExoticComponent<HorizontalScrollRowProps>;
+
+type ViewOption = {
+    key: string;
+    label: string;
+};
+type ViewSwitcherProps = {
+    className?: string;
+    defaultKey?: string;
+    options: ViewOption[];
+    paramName?: string;
+};
+declare const ViewSwitcher: react.NamedExoticComponent<ViewSwitcherProps>;
+
 type FlowDiagramNode = {
     data: {
         description?: string;
@@ -1832,6 +1852,28 @@ type Content<TSection extends ContentSectionMinimal = ContentSection> = ContentM
  */
 declare function useDebounce<T>(value: T, delay?: number): T;
 
+type UseHorizontalScrollReturn = {
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    containerRef: React.RefCallback<HTMLElement>;
+    scroll: (direction: "left" | "right") => void;
+};
+/**
+ * Hook for horizontal scroll containers with navigation state.
+ *
+ * @returns Scroll state, ref callback for the container, and scroll function.
+ *
+ * @example
+ * ```tsx
+ * const { canScrollLeft, canScrollRight, containerRef, scroll } = useHorizontalScroll();
+ *
+ * <div ref={containerRef} className="overflow-x-auto">
+ *   {children}
+ * </div>
+ * ```
+ */
+declare function useHorizontalScroll(): UseHorizontalScrollReturn;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, Content, ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CookieConsent, type CookieConsentProps, type CopyStatus, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Glossary, type GlossaryProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LineChart, MDXContent, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type ModelInfo, ModelSelector, type ModelSelectorProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, type PaginationProps, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, SearchDialog, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, Spinner, type SpinnerProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, alertVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, toggleVariants, useDebounce, useFlowDiagram, useMobile, useSidebar, useSocialFab };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, Content, ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CookieConsent, type CookieConsentProps, type CopyStatus, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Glossary, type GlossaryProps, HorizontalScrollRow, type HorizontalScrollRowProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LineChart, MDXContent, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type ModelInfo, ModelSelector, type ModelSelectorProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, type PaginationProps, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, SearchDialog, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, Spinner, type SpinnerProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, type ViewOption, ViewSwitcher, type ViewSwitcherProps, alertVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, toggleVariants, useDebounce, useFlowDiagram, useHorizontalScroll, useMobile, useSidebar, useSocialFab };