@cognite/aura 0.1.7 → 0.2.0

package/dist/components/ui/core/tabs/tabs.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+declare const tabsListVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "default" | "small" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    size?: "default" | "small" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    stateTone?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const Tabs: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TabsRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+type TabsListProps = TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>;
+declare const TabsList: import('react').ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+type TabsTriggerProps = TabsPrimitive.Tab.Props & VariantProps<typeof tabsTriggerVariants> & {
+    badge?: ReactNode;
+};
+declare const TabsTrigger: import('react').ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const TabsLabel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const TabsPanel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TabsPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, };

package/dist/components/ui/core/tabs/tabs.js

@@ -0,0 +1,222 @@
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as n, createContext as v, useContext as x } from "react";
+import { Tabs as u } from "@base-ui/react/tabs";
+import { cva as f } from "class-variance-authority";
+import { cn as l } from "../../../../lib/utils.js";
+import { Badge as z } from "../badge/badge.js";
+import { resolveTabLabelTitle as T } from "./tabs.utils.js";
+const w = f("relative isolate inline-flex", {
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col"
+    },
+    size: {
+      small: "",
+      default: ""
+    },
+    fullWidth: {
+      true: "w-full",
+      false: "w-fit"
+    }
+  },
+  compoundVariants: [
+    {
+      orientation: "horizontal",
+      size: "small",
+      className: "items-center gap-1"
+    },
+    {
+      orientation: "horizontal",
+      size: "default",
+      className: "items-center gap-2"
+    },
+    {
+      orientation: "vertical",
+      size: "small",
+      className: "items-stretch gap-1"
+    },
+    {
+      orientation: "vertical",
+      size: "default",
+      className: "items-stretch gap-2"
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal",
+    size: "small",
+    fullWidth: !1
+  }
+}), N = f(
+  "pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) z-0 h-(--active-tab-height) w-(--active-tab-width) bg-active-muted-background motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none",
+  {
+    variants: {
+      size: {
+        small: "rounded-md",
+        default: "rounded-lg"
+      }
+    },
+    defaultVariants: {
+      size: "small"
+    }
+  }
+), y = f(
+  "group relative z-10 inline-flex min-w-0 max-w-full items-center justify-start outline-none transition-[color,box-shadow] duration-200 ease-out shrink-0 font-medium tracking-normal text-sm cursor-pointer focus-visible:border-ring focus-visible:ring-ring-shadow focus-visible:ring data-[disabled]:pointer-events-none data-[disabled]:cursor-default [&_[data-slot=tabs-label]]:min-w-0 [&_[data-slot=tabs-label]]:truncate",
+  {
+    variants: {
+      size: {
+        small: "h-7 px-2 gap-1.5 leading-4.5 rounded-md",
+        default: "h-9 px-3 gap-2 leading-4.5 rounded-lg"
+      },
+      fullWidth: {
+        true: "min-w-px justify-center [&_[data-slot=tabs-label]]:flex-none [&_[data-slot=tabs-label]]:text-center",
+        false: ""
+      },
+      stateTone: {
+        default: "text-muted-foreground hover:text-foreground data-active:text-foreground data-active:hover:text-foreground data-[disabled]:text-disabled-foreground"
+      }
+    },
+    defaultVariants: {
+      size: "small",
+      fullWidth: !1,
+      stateTone: "default"
+    }
+  }
+), _ = n(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ i(
+    u.Root,
+    {
+      ref: a,
+      "data-slot": "tabs",
+      className: l(e),
+      ...t
+    }
+  )
+);
+_.displayName = "Tabs";
+const g = v(void 0), h = n(({ className: e, size: t = "small", ...a }, s) => /* @__PURE__ */ i(
+  u.Indicator,
+  {
+    ref: s,
+    "data-slot": "tabs-indicator",
+    className: l(N({ size: t }), e),
+    ...a
+  }
+));
+h.displayName = "TabsIndicator";
+const L = n(
+  ({
+    className: e,
+    orientation: t = "horizontal",
+    size: a = "small",
+    fullWidth: s = !1,
+    children: o,
+    ...d
+  }, c) => {
+    const r = a ?? "small";
+    return /* @__PURE__ */ i(
+      u.List,
+      {
+        ref: c,
+        "data-slot": "tabs-list",
+        "data-size": r,
+        "data-orientation": t,
+        "data-full-width": s ? "true" : "false",
+        className: l(
+          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:flex-1",
+          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:justify-center",
+          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:flex-none",
+          "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:text-center",
+          "[&[data-orientation=vertical][data-full-width=true]_[data-slot=tabs-trigger]]:w-full",
+          w({ orientation: t, size: r, fullWidth: s }),
+          e
+        ),
+        ...d,
+        children: /* @__PURE__ */ b(g.Provider, { value: r, children: [
+          /* @__PURE__ */ i(h, { size: r }),
+          o
+        ] })
+      }
+    );
+  }
+);
+L.displayName = "TabsList";
+const V = n(
+  ({
+    className: e,
+    size: t,
+    fullWidth: a = !1,
+    badge: s,
+    disabled: o = !1,
+    children: d,
+    ...c
+  }, r) => {
+    const p = x(g), m = t ?? p ?? "small";
+    return /* @__PURE__ */ b(
+      u.Tab,
+      {
+        ref: r,
+        "data-slot": "tabs-trigger",
+        "data-size": m,
+        "data-full-width": a ? "true" : "false",
+        disabled: o,
+        className: l(
+          y({ size: m, fullWidth: a }),
+          e
+        ),
+        ...c,
+        children: [
+          d,
+          s == null ? null : /* @__PURE__ */ i(
+            z,
+            {
+              variant: "mountain",
+              className: l(
+                "h-4 min-w-4 rounded-sm px-0.5 text-xs leading-3.5 tracking-tighter gap-0",
+                o && "bg-disabled-background text-disabled-foreground border-transparent"
+              ),
+              children: s
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+V.displayName = "TabsTrigger";
+const k = n(
+  ({ className: e, children: t, title: a, ...s }, o) => {
+    const d = T(a, t);
+    return /* @__PURE__ */ i(
+      "span",
+      {
+        ref: o,
+        "data-slot": "tabs-label",
+        className: l("block min-w-0 flex-1 truncate text-left", e),
+        title: d,
+        ...s,
+        children: t
+      }
+    );
+  }
+);
+k.displayName = "TabsLabel";
+const j = n(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+  u.Panel,
+  {
+    ref: a,
+    "data-slot": "tabs-panel",
+    className: l("outline-none", e),
+    ...t
+  }
+));
+j.displayName = "TabsPanel";
+export {
+  _ as Tabs,
+  k as TabsLabel,
+  L as TabsList,
+  j as TabsPanel,
+  V as TabsTrigger,
+  w as tabsListVariants,
+  y as tabsTriggerVariants
+};

package/dist/components/ui/core/tabs/tabs.utils.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function resolveTabLabelTitle(title: string | undefined, children: ReactNode): string | undefined;

package/dist/components/ui/core/tabs/tabs.utils.js

@@ -0,0 +1,9 @@
+function t(e, r) {
+  if (e != null)
+    return e;
+  if (typeof r == "string" || typeof r == "number")
+    return String(r);
+}
+export {
+  t as resolveTabLabelTitle
+};

package/dist/components/ui/core/topbar/topbar.d.ts

@@ -0,0 +1,30 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Avatar } from '../avatar/avatar';
+declare const Topbar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const TopbarLeft: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+type TopbarIconProps = Omit<ComponentProps<typeof Avatar>, 'sizes' | 'variant' | 'children'> & {
+    children: ReactNode;
+};
+declare const TopbarIcon: import('react').ForwardRefExoticComponent<Omit<TopbarIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const TopbarBreadcrumbs: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const TopbarMetadata: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const TopbarCenter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const TopbarRight: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+type TopbarTheme = 'light' | 'dark';
+type TopbarThemeSwitcherProps = ComponentProps<'div'> & {
+    theme?: TopbarTheme;
+    onThemeChange?: (theme: TopbarTheme) => void;
+    availableThemes?: readonly TopbarTheme[];
+    toggleThemeLabel?: string;
+    lightModeTitle?: string;
+    darkModeTitle?: string;
+    switchThemeLabel?: string;
+    lightModeLabel?: string;
+    darkModeLabel?: string;
+};
+declare const TopbarThemeSwitcher: import('react').ForwardRefExoticComponent<Omit<TopbarThemeSwitcherProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const TopbarAction: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export { Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, TopbarThemeSwitcher, type TopbarTheme, };

package/dist/components/ui/core/topbar/topbar.js

@@ -0,0 +1,190 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { IconSun as N, IconMoon as y } from "@tabler/icons-react";
+import { cn as i } from "../../../../lib/utils.js";
+import { Avatar as M, AvatarIcon as D } from "../avatar/avatar.js";
+import { Breadcrumb as k } from "../breadcrumb/breadcrumb.js";
+import { Button as c } from "../button/button.js";
+import { DropdownMenu as v, DropdownMenuTrigger as R, DropdownMenuContent as S, DropdownMenuGroup as A, DropdownMenuLabel as L, DropdownMenuRadioGroup as E, DropdownMenuRadioItem as s } from "../dropdown-menu/dropdown-menu.js";
+const I = i(
+  "flex h-11 w-full items-center gap-2 rounded-t-lg border-b border-border bg-background px-3 py-2",
+  "[&:has(>[data-slot=topbar-center])>[data-slot=topbar-right]]:flex-none"
+), B = o(
+  ({ className: r, role: t = "banner", ...a }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      "data-slot": "topbar",
+      role: t,
+      className: i(I, r),
+      ...a
+    }
+  )
+);
+B.displayName = "Topbar";
+const C = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "topbar-left",
+      className: i("flex min-w-0 items-center gap-0.5", r),
+      ...t
+    }
+  )
+);
+C.displayName = "TopbarLeft";
+const _ = o(
+  ({ className: r, children: t, ...a }, n) => /* @__PURE__ */ e(
+    M,
+    {
+      ref: n,
+      "data-slot": "topbar-icon",
+      sizes: "xxsm",
+      variant: "fjord",
+      className: r,
+      ...a,
+      children: /* @__PURE__ */ e(D, { children: t })
+    }
+  )
+);
+_.displayName = "TopbarIcon";
+const j = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    k,
+    {
+      ref: a,
+      "data-slot": "topbar-breadcrumbs",
+      className: r,
+      ...t
+    }
+  )
+);
+j.displayName = "TopbarBreadcrumbs";
+const O = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "span",
+    {
+      ref: a,
+      "data-slot": "topbar-metadata",
+      className: i(
+        "px-2 pt-0.5 text-xs leading-3.5 tracking-tightest text-muted-foreground",
+        r
+      ),
+      ...t
+    }
+  )
+);
+O.displayName = "TopbarMetadata";
+const H = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "topbar-center",
+      className: i(
+        "flex min-w-0 flex-1 items-center justify-center",
+        r
+      ),
+      ...t
+    }
+  )
+);
+H.displayName = "TopbarCenter";
+const z = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "topbar-right",
+      className: i(
+        "flex min-w-0 flex-1 items-center justify-end gap-2",
+        r
+      ),
+      ...t
+    }
+  )
+);
+z.displayName = "TopbarRight";
+const G = ["light", "dark"], P = (r) => r === "light" || r === "dark", F = o(
+  ({
+    className: r,
+    theme: t = "light",
+    onThemeChange: a,
+    availableThemes: n = G,
+    toggleThemeLabel: p = "Toggle theme",
+    lightModeTitle: m = "Light mode",
+    darkModeTitle: h = "Dark mode",
+    switchThemeLabel: b = "Switch Theme",
+    lightModeLabel: u = "Light mode",
+    darkModeLabel: g = "Dark mode",
+    ...T
+  }, f) => {
+    const x = n.includes("light"), w = n.includes("dark");
+    return n.length < 2 ? null : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        "data-slot": "topbar-theme-switcher",
+        className: i("flex items-center gap-1", r),
+        ...T,
+        children: /* @__PURE__ */ d(v, { modal: !1, children: [
+          /* @__PURE__ */ e(
+            R,
+            {
+              render: /* @__PURE__ */ e(
+                c,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": p,
+                  children: t === "light" ? /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e("title", { children: m }) }) : /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e("title", { children: h }) })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(S, { align: "end", className: "w-40", children: /* @__PURE__ */ d(A, { children: [
+            /* @__PURE__ */ e(L, { children: b }),
+            /* @__PURE__ */ d(
+              E,
+              {
+                value: t,
+                onValueChange: (l) => {
+                  P(l) && a?.(l);
+                },
+                children: [
+                  x ? /* @__PURE__ */ e(s, { value: "light", children: u }) : null,
+                  w ? /* @__PURE__ */ e(s, { value: "dark", children: g }) : null
+                ]
+              }
+            )
+          ] }) })
+        ] })
+      }
+    );
+  }
+);
+F.displayName = "TopbarThemeSwitcher";
+const U = o(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    c,
+    {
+      ref: a,
+      "data-slot": "topbar-action",
+      className: r,
+      ...t
+    }
+  )
+);
+U.displayName = "TopbarAction";
+export {
+  B as Topbar,
+  U as TopbarAction,
+  j as TopbarBreadcrumbs,
+  H as TopbarCenter,
+  _ as TopbarIcon,
+  C as TopbarLeft,
+  O as TopbarMetadata,
+  z as TopbarRight,
+  F as TopbarThemeSwitcher
+};

package/dist/index.d.ts

@@ -1 +1 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionMetadata, AccordionTrigger, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertMetadata, AlertTitle, Avatar, AvatarFallback, AvatarIcon, AvatarImage, AvatarMetadata, Badge, BadgeMetadata, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerMetadata, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupMetadata, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, ButtonMetadata, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardHeaderRight, CardIcon, CardMetadata, CardTitle, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, CodeBlockMetadata, Collapsible, CollapsibleContent, CollapsibleMetadata, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandMetadata, CommandSeparator, CommandShortcut, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMetadata, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuMetadata, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HelperTextMetadata, HoverCard, HoverCardContent, HoverCardMetadata, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationMetadata, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupMetadata, InputGroupText, InputGroupTextarea, InputMetadata, Label, LabelMetadata, Loader, LoaderMetadata, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverMetadata, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputMetadata, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, ReasoningMetadata, ScrollArea, ScrollAreaMetadata, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectMetadata, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorMetadata, Shimmer, ShimmerMetadata, Skeleton, SkeletonMetadata, Source, Sources, SourcesTitle, Textarea, TextareaMetadata, Tool, ToolContent, ToolHeader, ToolInput, ToolMetadata, ToolOutput, Tooltip, TooltipContent, TooltipMetadata, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';
+export { Accordion, AccordionContent, AccordionItem, AccordionMetadata, AccordionTrigger, Alert, AlertActions, AlertButton, AlertClose, AlertDescription, AlertMetadata, AlertTitle, Avatar, AvatarFallback, AvatarIcon, AvatarImage, AvatarMetadata, Badge, BadgeMetadata, Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerMetadata, BannerStatus, BannerTitle, badgeVariants, Button, ButtonGroup, ButtonGroupMetadata, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, ButtonMetadata, buttonVariants, Card, CardActions, CardContent, CardDescription, CardFooter, CardFooterEnd, CardFooterStart, CardHeader, CardHeaderCenter, CardHeaderEnd, CardHeaderStart, CardMetadata, CardTitle, CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, CheckboxMetadata, CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, CodeBlockMetadata, Collapsible, CollapsibleContent, CollapsibleMetadata, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandMetadata, CommandSeparator, CommandShortcut, Count, countVariants, type ComponentMeta, type ComponentStatusType, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMetadata, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuMetadata, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HelperText, HelperTextMetadata, HoverCard, HoverCardContent, HoverCardMetadata, HoverCardTrigger, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, type InlineCitationLinkProps, InlineCitationMetadata, InlineCitationQuote, InlineCitationSource, InlineCitationText, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupMetadata, InputGroupText, InputGroupTextarea, InputMetadata, Kbd, KbdGroup, KbdMetadata, Label, LabelMetadata, Loader, LoaderMetadata, Message, MessageAction, MessageActions, MessageContent, MessageResponse, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverMetadata, PopoverSlot, PopoverTitle, PopoverTrigger, PortalContainerContext, PromptInput, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputMetadata, PromptInputModelSelect, PromptInputModelSelectContent, PromptInputModelSelectItem, PromptInputModelSelectTrigger, PromptInputModelSelectValue, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, ReasoningMetadata, RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, RadioGroupMetadata, ScrollArea, ScrollAreaMetadata, ScrollBar, SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectMetadata, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorMetadata, Shimmer, ShimmerMetadata, Skeleton, SkeletonMetadata, Source, Sources, SourcesTitle, SonnerToastMetadata, toast, Toaster, Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, Textarea, TextareaMetadata, Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, type TopbarTheme, TopbarThemeSwitcher, Tool, ToolContent, ToolHeader, ToolInput, ToolMetadata, ToolOutput, Tooltip, TooltipContent, TooltipMetadata, TooltipProvider, TooltipTrigger, usePromptInputController, } from './components';