@cognite/aura 0.1.7 → 0.3.0

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

@@ -3,14 +3,14 @@ import { InlineCitationLink } from '../inline-citation/inline-citation';
 type SourcesProps = Omit<ComponentProps<'div'>, 'title'> & {
     title?: ReactNode | boolean;
 };
-declare const Sources: ({ className, title, children, ...props }: SourcesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sources: ({ className, title, children, ...props }: SourcesProps) => ReactNode;
 type SourcesTitleProps = ComponentProps<'div'> & {
     title?: string;
 };
-declare const SourcesTitle: ({ className, title, children, ...props }: SourcesTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const SourcesTitle: ({ className, title, children, ...props }: SourcesTitleProps) => ReactNode;
 type SourceProps = ComponentProps<typeof InlineCitationLink> & {
     title?: string;
     url?: string;
 };
-declare const Source: ({ href, url, title, variant, target, icon, className, children, ...props }: SourceProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Source: ({ href, url, title, variant, target, icon, className, children, ...props }: SourceProps) => ReactNode;
 export { Source, Sources, SourcesTitle };

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

@@ -2,7 +2,12 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { IconMist as f } from "@tabler/icons-react";
 import { cn as l } from "../../../../lib/utils.js";
 import { InlineCitation as p, InlineCitationLink as x } from "../inline-citation/inline-citation.js";
-const S = ({ className: r, title: e, children: t, ...o }) => {
+const S = ({
+  className: r,
+  title: e,
+  children: t,
+  ...o
+}) => {
   const n = e === !1 || e === "false", i = e === void 0 || e === !0 ? /* @__PURE__ */ s(h, {}) : e;
   return /* @__PURE__ */ c(
     "div",

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

@@ -0,0 +1,11 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentRef } from 'react';
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+type SwitchProps = Omit<SwitchPrimitive.Root.Props, 'children'> & {
+    label?: string;
+    textLeft?: boolean;
+    textRight?: boolean;
+    checkedText?: string;
+    uncheckedText?: string;
+};
+declare const Switch: ForwardRefExoticComponent<Omit<SwitchProps, 'ref'> & RefAttributes<ComponentRef<typeof SwitchPrimitive.Root>>>;
+export { Switch };

package/dist/components/ui/core/{button/button.metadata.d.ts → switch/switch.metadata.d.ts}

@@ -1,2 +1,2 @@
 import { ComponentMeta } from '../../../../lib/types';
-export declare const ButtonMetadata: ComponentMeta;
+export declare const SwitchMetadata: ComponentMeta;

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

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

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

@@ -0,0 +1,224 @@
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as n, useContext as v, createContext 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 = x(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 = v(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/textarea/textarea.d.ts

@@ -1,2 +1,3 @@
-declare const Textarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+declare const Textarea: ForwardRefExoticComponent<ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

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

@@ -1,24 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import { cn as i, disabledState as l, invalidState as n, focusState as s, filledState as d, hoverState as f, formElementBase as m } from "../../../../lib/utils.js";
-const c = r(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  "textarea",
-  {
-    ref: a,
-    "data-slot": "textarea",
-    className: i(
-      "flex field-sizing-content min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none",
-      m,
-      f,
-      d,
-      s,
-      n,
-      l,
-      e
-    ),
-    ...t
-  }
-));
+const c = r(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "textarea",
+    {
+      ref: a,
+      "data-slot": "textarea",
+      className: i(
+        "flex field-sizing-content min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none",
+        m,
+        f,
+        d,
+        s,
+        n,
+        l,
+        e
+      ),
+      ...t
+    }
+  )
+);
 c.displayName = "Textarea";
 export {
   c as Textarea

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

@@ -1,21 +1,22 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CollapsibleRootProps, CollapsiblePanelProps } from '@base-ui/react';
 import { ToolUIPart } from '../../../../lib/ai/types';
 import { CollapsibleTrigger } from '../collapsible/collapsible';
-declare const Tool: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Tool: ForwardRefExoticComponent<Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type ToolHeaderProps = Omit<ComponentProps<typeof CollapsibleTrigger>, 'type'> & {
     title?: string;
     type: ToolUIPart['type'];
     hasError?: boolean;
 };
-declare const ToolHeader: import('react').ForwardRefExoticComponent<Omit<ToolHeaderProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const ToolContent: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ToolHeader: ForwardRefExoticComponent<Omit<ToolHeaderProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
+declare const ToolContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type ToolInputProps = ComponentProps<'div'> & {
     input: ToolUIPart['input'];
 };
-declare const ToolInput: import('react').ForwardRefExoticComponent<Omit<ToolInputProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ToolInput: ForwardRefExoticComponent<Omit<ToolInputProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 type ToolOutputProps = ComponentProps<'div'> & {
     output: ToolUIPart['output'];
     errorText: ToolUIPart['errorText'];
 };
-declare const ToolOutput: import('react').ForwardRefExoticComponent<Omit<ToolOutputProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ToolOutput: ForwardRefExoticComponent<Omit<ToolOutputProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Tool, ToolHeader, ToolContent, ToolInput, ToolOutput };

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

@@ -5,7 +5,7 @@ import { cn as s } from "../../../../lib/utils.js";
 import { Badge as g } from "../badge/badge.js";
 import { Button as h } from "../button/button.js";
 import { CodeBlock as c, CodeBlockCopyButton as m, CodeBlockDownloadButton as u, CodeBlockCollapseButton as f } from "../code-block/code-block.js";
-import { Collapsible as x, CollapsibleTrigger as N, CollapsibleContent as b } from "../collapsible/collapsible.js";
+import { Collapsible as x, CollapsibleContent as N, CollapsibleTrigger as b } from "../collapsible/collapsible.js";
 const y = d(
   ({ className: t, ...o }, l) => /* @__PURE__ */ e(
     x,
@@ -21,50 +21,54 @@ const y = d(
   )
 );
 y.displayName = "Tool";
-const v = d(({ className: t, title: o, type: l, hasError: r = !1, ...i }, a) => /* @__PURE__ */ e(
-  N,
-  {
-    ref: a,
-    "data-slot": "tool-header",
-    className: t,
-    render: /* @__PURE__ */ n(
-      h,
-      {
-        variant: "ghost",
-        className: "w-full justify-between text-base leading-5 tracking-tighter",
-        children: [
-          /* @__PURE__ */ e("span", { children: o ?? l.substring(l.indexOf("-") + 1) }),
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            r ? /* @__PURE__ */ e(
-              g,
-              {
-                outline: !0,
-                className: "bg-background text-destructive-foreground border-border",
-                children: "Error"
-              }
-            ) : null,
-            /* @__PURE__ */ e(p, { className: "h-4 w-4" })
-          ] })
-        ]
-      }
-    ),
-    ...i
-  }
-));
+const v = d(
+  ({ className: t, title: o, type: l, hasError: r = !1, ...i }, a) => /* @__PURE__ */ e(
+    b,
+    {
+      ref: a,
+      "data-slot": "tool-header",
+      className: t,
+      render: /* @__PURE__ */ n(
+        h,
+        {
+          variant: "ghost",
+          className: "w-full justify-between text-base leading-5 tracking-tighter",
+          children: [
+            /* @__PURE__ */ e("span", { children: o ?? l.substring(l.indexOf("-") + 1) }),
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+              r ? /* @__PURE__ */ e(
+                g,
+                {
+                  outline: !0,
+                  className: "bg-background text-destructive-foreground border-border",
+                  children: "Error"
+                }
+              ) : null,
+              /* @__PURE__ */ e(p, { className: "h-4 w-4" })
+            ] })
+          ]
+        }
+      ),
+      ...i
+    }
+  )
+);
 v.displayName = "ToolHeader";
-const j = d(({ className: t, ...o }, l) => /* @__PURE__ */ e(
-  b,
-  {
-    ref: l,
-    "data-slot": "tool-content",
-    className: s(
-      /* min-h-0: flex descendants (e.g. CodeBlock max-height) may shrink */
-      "flex min-h-0 flex-col gap-4 py-3 text-popover-foreground outline-none",
-      t
-    ),
-    ...o
-  }
-));
+const j = d(
+  ({ className: t, ...o }, l) => /* @__PURE__ */ e(
+    N,
+    {
+      ref: l,
+      "data-slot": "tool-content",
+      className: s(
+        /* min-h-0: flex descendants (e.g. CodeBlock max-height) may shrink */
+        "flex min-h-0 flex-col gap-4 py-3 text-popover-foreground outline-none",
+        t
+      ),
+      ...o
+    }
+  )
+);
 j.displayName = "ToolContent";
 const w = d(
   ({ className: t, input: o, ...l }, r) => /* @__PURE__ */ n(

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

@@ -1,10 +1,11 @@
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+import { TooltipPopupProps, TooltipPositionerProps, Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
 declare function TooltipProvider({ delayDuration, ...props }: Omit<TooltipPrimitive.Provider.Props, 'delay'> & {
     delayDuration?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): ReactNode;
 declare function Tooltip({ disableHoverableContent, ...props }: TooltipPrimitive.Root.Props & {
     disableHoverableContent?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare const TooltipTrigger: import('react').ForwardRefExoticComponent<Omit<TooltipPrimitive.Trigger.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipPopupProps & Pick<import('@base-ui/react').TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+}): ReactNode;
+declare const TooltipTrigger: ForwardRefExoticComponent<Omit<TooltipPrimitive.Trigger.Props<unknown>, 'ref'> & RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: ForwardRefExoticComponent<Omit<TooltipPopupProps & Pick<TooltipPositionerProps, 'align' | 'alignOffset' | 'side' | 'sideOffset'>, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -29,14 +29,16 @@ function w({
     }
   );
 }
-const u = o((t, a) => /* @__PURE__ */ i(
-  e.Trigger,
-  {
-    ref: a,
-    "data-slot": "tooltip-trigger",
-    ...t
-  }
-));
+const u = o(
+  (t, a) => /* @__PURE__ */ i(
+    e.Trigger,
+    {
+      ref: a,
+      "data-slot": "tooltip-trigger",
+      ...t
+    }
+  )
+);
 u.displayName = "TooltipTrigger";
 const h = o(
   ({

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

@@ -0,0 +1,28 @@
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
+import { Avatar } from '../avatar/avatar';
+import { Button } from '../button/button';
+declare const Topbar: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const TopbarLeft: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+type TopbarIconProps = Omit<ComponentProps<typeof Avatar>, 'sizes' | 'variant' | 'children'> & {
+    children: ReactNode;
+};
+declare const TopbarIcon: ForwardRefExoticComponent<Omit<TopbarIconProps, 'ref'> & RefAttributes<HTMLSpanElement>>;
+declare const TopbarBreadcrumbs: ForwardRefExoticComponent<ComponentProps<'nav'> & RefAttributes<HTMLElement>>;
+declare const TopbarMetadata: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare const TopbarCenter: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
+declare const TopbarRight: ForwardRefExoticComponent<ComponentProps<'div'> & 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: ForwardRefExoticComponent<Omit<TopbarThemeSwitcherProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const TopbarAction: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>>;
+export { Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, TopbarThemeSwitcher, type TopbarTheme, };