@cognite/aura 0.1.6 → 0.2.0

package/dist/components/ui/core/radio-group/radio-group.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { VariantProps } from 'class-variance-authority';
+type Orientation = 'horizontal' | 'vertical';
+type RadioGroupProps = RadioGroupPrimitive.Props & {
+    orientation?: Orientation;
+};
+declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLabelElement> & VariantProps<(props?: ({
+    variant?: "default" | "card" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLLabelElement>>;
+declare const RadioGroupItemControl: import('react').ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const RadioGroupItemLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const RadioGroupItemDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescription, RadioGroupItemLabel, };

package/dist/components/ui/core/radio-group/radio-group.js

@@ -0,0 +1,110 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { Radio as s } from "@base-ui/react/radio";
+import { RadioGroup as n } from "@base-ui/react/radio-group";
+import { cva as u } from "class-variance-authority";
+import { cn as d, selectionItemBase as b, selectionItemCard as l, selectionItemDefault as c, focusState as p, selectionItemLabel as f, selectionItemDescription as g } from "../../../../lib/utils.js";
+const m = t(({ className: r, orientation: e = "vertical", ...o }, i) => /* @__PURE__ */ a(
+  n,
+  {
+    ref: i,
+    "data-slot": "radio-group",
+    "data-orientation": e,
+    "aria-orientation": e,
+    className: d(
+      e === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2",
+      r
+    ),
+    ...o
+  }
+));
+m.displayName = "RadioGroup";
+const h = u(
+  d("group/radio-group-item", b),
+  {
+    variants: {
+      variant: {
+        default: c,
+        card: l
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), v = t(
+  ({ className: r, variant: e, ...o }, i) => /* @__PURE__ */ a(
+    "label",
+    {
+      ref: i,
+      "data-slot": "radio-group-item",
+      "data-variant": e ?? "default",
+      className: d(h({ variant: e }), r),
+      ...o
+    }
+  )
+);
+v.displayName = "RadioGroupItem";
+const I = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
+  s.Root,
+  {
+    ref: o,
+    "data-slot": "radio-group-item-control",
+    className: d(
+      "group relative flex size-4 shrink-0 items-center justify-center rounded-full bg-transparent outline-none before:pointer-events-none before:absolute before:inset-0 before:z-0 before:box-border before:rounded-full before:border-[1.5px] before:border-muted-foreground before:bg-transparent before:transition-[background-color,border-color,box-shadow] before:content-['']",
+      "data-[checked]:before:border-border-active",
+      "hover:before:border-secondary-foreground group-hover/radio-group-item:before:border-secondary-foreground",
+      "data-[checked]:hover:before:border-border-active data-[checked]:hover:before:bg-accent-background",
+      "data-[checked]:group-hover/radio-group-item:before:border-border-active data-[checked]:group-hover/radio-group-item:before:bg-accent-background",
+      "data-[disabled]:before:border-disabled-foreground data-[disabled]:before:bg-disabled-background data-[disabled]:hover:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:bg-disabled-background",
+      p,
+      r
+    ),
+    ...e,
+    children: /* @__PURE__ */ a(
+      s.Indicator,
+      {
+        "data-slot": "radio-group-item-indicator",
+        className: "relative z-10 flex items-center justify-center size-full",
+        children: /* @__PURE__ */ a("span", { className: "size-2.5 rounded-full bg-active-background group-hover:bg-active-background-hover group-data-[disabled]:bg-disabled-foreground" })
+      }
+    )
+  }
+));
+I.displayName = "RadioGroupItemControl";
+const R = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
+  "span",
+  {
+    ref: o,
+    "data-slot": "radio-group-item-label",
+    className: d(
+      f,
+      "group-has-[[data-checked]]/radio-group-item:text-foreground",
+      "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
+      r
+    ),
+    ...e
+  }
+));
+R.displayName = "RadioGroupItemLabel";
+const k = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
+  "span",
+  {
+    ref: o,
+    "data-slot": "radio-group-item-description",
+    className: d(
+      g,
+      "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
+      r
+    ),
+    ...e
+  }
+));
+k.displayName = "RadioGroupItemDescription";
+export {
+  m as RadioGroup,
+  v as RadioGroupItem,
+  I as RadioGroupItemControl,
+  k as RadioGroupItemDescription,
+  R as RadioGroupItemLabel
+};

package/dist/components/ui/core/radio-group/radio-group.metadata.d.ts

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

package/dist/components/ui/core/radio-group/radio-group.metadata.js

@@ -0,0 +1,9 @@
+const e = {
+  name: "RadioGroup",
+  status: "in-progress-code-review",
+  description: "A composable radio group with optional label and description slots, including a card-style item variant.",
+  llmUsage: 'Use `<RadioGroup>` with `<RadioGroupItem>` wrapping `<RadioGroupItemControl value="..." />`, plus optional `<RadioGroupItemLabel>` and `<RadioGroupItemDescription>`. Always pass an accessible name on `<RadioGroupItemControl>` via `aria-label` (or `aria-labelledby` pointing to the label\'s id) — the wrapping `<label>` element names the underlying hidden form input, but does not name the visible `role="radio"` element that screen readers focus on. `<RadioGroupItemDescription>` is a visual slot at this primitive layer; if you need it announced by screen readers, give it an `id` and pass `aria-describedby` to `<RadioGroupItemControl>`. Use `variant="card"` on `<RadioGroupItem>` for card-style options. Pass `name`, `value`/`defaultValue`, `onValueChange`, `disabled`, `required`, and `orientation` on `<RadioGroup>` for form integration and layout.'
+};
+export {
+  e as RadioGroupMetadata
+};

package/dist/components/ui/core/scroll-area/scroll-area.d.ts

@@ -0,0 +1,3 @@
+declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

package/dist/components/ui/core/scroll-area/scroll-area.js

@@ -0,0 +1,71 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { ScrollArea as o } from "@base-ui/react/scroll-area";
+import { focusRing as m, cn as s } from "../../../../lib/utils.js";
+const p = i(
+  ({
+    className: a,
+    children: l,
+    ...e
+  }, t) => /* @__PURE__ */ d(
+    o.Root,
+    {
+      ref: t,
+      "data-slot": "scroll-area",
+      className: s("relative group/scroll-area", a),
+      ...e,
+      children: [
+        /* @__PURE__ */ r(
+          o.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: `size-full rounded-[inherit] transition-[color,box-shadow] ${m}`,
+            children: /* @__PURE__ */ r(o.Content, { "data-slot": "scroll-area-content", children: l })
+          }
+        ),
+        /* @__PURE__ */ r(c, { orientation: "vertical" }),
+        /* @__PURE__ */ r(c, { orientation: "horizontal" }),
+        /* @__PURE__ */ r(o.Corner, { "data-slot": "scroll-area-corner" })
+      ]
+    }
+  )
+), c = i(
+  ({
+    className: a,
+    orientation: l = "vertical",
+    ...e
+  }, t) => {
+    const n = l === "horizontal";
+    return /* @__PURE__ */ r(
+      o.Scrollbar,
+      {
+        ref: t,
+        "data-slot": "scroll-area-scrollbar",
+        "data-orientation": l,
+        orientation: l,
+        className: s(
+          "group/scroll-area-scrollbar flex touch-none select-none items-start transition-colors",
+          n ? "w-full py-0.5 px-3" : "inline-flex self-stretch px-0.5 py-3",
+          a
+        ),
+        ...e,
+        children: /* @__PURE__ */ r(
+          o.Thumb,
+          {
+            "data-slot": "scroll-area-thumb",
+            className: s(
+              "relative rounded-full bg-secondary-background transition-colors group-hover/scroll-area-scrollbar:bg-secondary-background-hover",
+              n ? "h-1 min-w-10" : "w-1 min-h-10"
+            )
+          }
+        )
+      }
+    );
+  }
+);
+p.displayName = "ScrollArea";
+c.displayName = "ScrollBar";
+export {
+  p as ScrollArea,
+  c as ScrollBar
+};

package/dist/components/ui/core/scroll-area/scroll-area.metadata.d.ts

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

package/dist/components/ui/core/scroll-area/scroll-area.metadata.js

@@ -0,0 +1,9 @@
+const a = {
+  name: "ScrollArea",
+  status: "in-progress-code-review",
+  description: "A custom scrollable area built on Base UI Scroll Area, with styled scrollbars and an automatic corner for bidirectional scrolling.",
+  llmUsage: "Use `<ScrollArea>` as the container and place scrollable content directly as children. Both vertical and horizontal scrollbars are rendered automatically and only appear on the axes that actually overflow. Use the `dir` prop for RTL layouts (and a Base UI `DirectionProvider` when required by your app setup)."
+};
+export {
+  a as ScrollAreaMetadata
+};

package/dist/components/ui/core/segmented-control/segmented-control.d.ts

@@ -0,0 +1,16 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+declare function SegmentedControl({ className, ...props }: TabsPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare const segmentedControlListVariants: (props?: ({
+    size?: "default" | "small" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type SegmentedControlListProps = TabsPrimitive.List.Props & VariantProps<typeof segmentedControlListVariants>;
+declare function SegmentedControlList({ className, size, children, ...props }: SegmentedControlListProps): import("react/jsx-runtime").JSX.Element;
+declare const segmentedControlButtonVariants: (props?: ({
+    size?: "default" | "small" | null | undefined;
+    tabContent?: "icon-label" | "label-only" | "icon-only" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type SegmentedControlButtonProps = TabsPrimitive.Tab.Props & VariantProps<typeof segmentedControlButtonVariants>;
+declare function SegmentedControlButton({ className, size, tabContent, ...props }: SegmentedControlButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function SegmentedControlContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+export { SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, };

package/dist/components/ui/core/segmented-control/segmented-control.js

@@ -0,0 +1,169 @@
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { createContext as m, useContext as f } from "react";
+import { Tabs as a } from "@base-ui/react/tabs";
+import { cva as l } from "class-variance-authority";
+import { cn as i } from "../../../../lib/utils.js";
+function N({ className: t, ...e }) {
+  return /* @__PURE__ */ n(
+    a.Root,
+    {
+      "data-slot": "segmented-control",
+      className: i("flex flex-col gap-2", t),
+      ...e
+    }
+  );
+}
+const g = l(
+  "bg-muted-background text-muted-foreground relative isolate inline-flex w-fit items-center justify-center gap-2 p-0.5",
+  {
+    variants: {
+      size: {
+        default: "h-9 rounded-lg",
+        small: "h-7 rounded-md"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), d = m(void 0);
+function S({
+  className: t,
+  size: e,
+  children: o,
+  ...r
+}) {
+  const s = e ?? "default";
+  return /* @__PURE__ */ n(
+    a.List,
+    {
+      "data-slot": "segmented-control-list",
+      className: i(g({ size: e }), t),
+      ...r,
+      children: /* @__PURE__ */ u(d.Provider, { value: s, children: [
+        /* @__PURE__ */ n(p, { size: s }),
+        o
+      ] })
+    }
+  );
+}
+const b = l(
+  "bg-background pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) -z-0 h-(--active-tab-height) w-(--active-tab-width) motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none",
+  {
+    variants: {
+      size: {
+        default: "rounded-md",
+        small: "rounded-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function p({
+  className: t,
+  size: e,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    a.Indicator,
+    {
+      "data-slot": "segmented-control-indicator",
+      className: i(b({ size: e }), t),
+      ...o
+    }
+  );
+}
+const v = l(
+  "text-sm leading-4.5 tracking-normal font-medium relative z-10 inline-flex flex-1 items-center justify-center whitespace-nowrap text-muted-foreground dark:text-muted-foreground border border-transparent transition-[color,box-shadow] duration-200 ease-out focus-visible:border-ring focus-visible:ring focus-visible:ring-ring-shadow focus-visible:outline-1 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 hover:text-foreground data-active:text-foreground data-active:hover:text-foreground",
+  {
+    variants: {
+      size: {
+        default: "rounded-md",
+        small: "rounded-sm"
+      },
+      tabContent: {
+        "icon-label": "",
+        "label-only": "",
+        "icon-only": "px-0"
+      }
+    },
+    compoundVariants: [
+      {
+        size: "default",
+        tabContent: "icon-label",
+        className: "h-8 gap-2 px-2 py-0"
+      },
+      {
+        size: "default",
+        tabContent: "label-only",
+        className: "h-8 gap-0 px-2 py-0"
+      },
+      {
+        size: "default",
+        tabContent: "icon-only",
+        className: "size-8 gap-0 py-0"
+      },
+      {
+        size: "small",
+        tabContent: "icon-label",
+        className: "h-6 gap-2 px-2 py-0"
+      },
+      {
+        size: "small",
+        tabContent: "label-only",
+        className: "h-6 gap-0 px-2 py-0"
+      },
+      {
+        size: "small",
+        tabContent: "icon-only",
+        className: "size-6 gap-0 py-0"
+      }
+    ],
+    defaultVariants: {
+      size: "default",
+      tabContent: "icon-label"
+    }
+  }
+);
+function w({
+  className: t,
+  size: e,
+  tabContent: o,
+  ...r
+}) {
+  const s = f(d), c = e ?? s;
+  return /* @__PURE__ */ n(
+    a.Tab,
+    {
+      "data-slot": "segmented-control-trigger",
+      className: i(
+        v({ size: c, tabContent: o }),
+        t
+      ),
+      ...r
+    }
+  );
+}
+function V({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ n(
+    a.Panel,
+    {
+      "data-slot": "segmented-control-content",
+      className: i("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
+export {
+  N as SegmentedControl,
+  w as SegmentedControlButton,
+  V as SegmentedControlContent,
+  S as SegmentedControlList,
+  v as segmentedControlButtonVariants,
+  g as segmentedControlListVariants
+};

package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts

@@ -0,0 +1,3 @@
+import { ToasterProps, toast } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster, toast };

package/dist/components/ui/core/sonner-toast/sonner-toast.js

@@ -0,0 +1,48 @@
+import { jsx as e } from "react/jsx-runtime";
+import { IconLoader2 as o, IconAlertOctagonFilled as s, IconAlertTriangleFilled as a, IconInfoCircleFilled as i, IconCircleCheckFilled as l, IconX as d } from "@tabler/icons-react";
+import { Toaster as c } from "sonner";
+import { toast as k } from "sonner";
+import { cn as r } from "../../../../lib/utils.js";
+const g = {
+  "--normal-bg": "var(--raised-background)",
+  "--normal-text": "var(--foreground-fixed-light)",
+  "--normal-border": "transparent",
+  "--border-radius": "var(--radius-lg)"
+}, p = ({ ...n }) => {
+  const t = "flex h-5 min-w-5 items-center justify-center rounded-md px-1";
+  return /* @__PURE__ */ e(
+    c,
+    {
+      "data-slot": "sonner-toast",
+      theme: "system",
+      className: "toaster group",
+      icons: {
+        close: /* @__PURE__ */ e(d, { className: "size-4 text-foreground-fixed-light" }),
+        success: /* @__PURE__ */ e("span", { className: r(t, "bg-success-background"), children: /* @__PURE__ */ e(l, { className: "size-3 text-success-foreground-on-success" }) }),
+        info: /* @__PURE__ */ e("span", { className: r(t, "bg-info-background"), children: /* @__PURE__ */ e(i, { className: "size-3 text-info-foreground-on-info" }) }),
+        warning: /* @__PURE__ */ e("span", { className: r(t, "bg-warning-background"), children: /* @__PURE__ */ e(a, { className: "size-3 text-warning-foreground-on-warning" }) }),
+        error: /* @__PURE__ */ e("span", { className: r(t, "bg-destructive-background"), children: /* @__PURE__ */ e(s, { className: "size-3 text-destructive-foreground-on-critical" }) }),
+        loading: /* @__PURE__ */ e(o, { className: "size-4 animate-spin" })
+      },
+      style: g,
+      toastOptions: {
+        unstyled: !0,
+        classNames: {
+          toast: "flex w-[384px] min-h-11 items-center gap-2 rounded-lg bg-raised-background p-3 shadow-md has-[[data-description]]:[&_[data-icon]]:hidden",
+          icon: "order-1 m-0 shrink-0 flex items-start",
+          content: "order-2 flex flex-1 basis-0 flex-col items-start gap-0.5",
+          title: "w-full self-stretch text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light",
+          description: "w-full self-stretch text-sm font-normal leading-[18px] tracking-tight text-muted-foreground-fixed-light",
+          actionButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
+          cancelButton: "order-3 ml-auto inline-flex h-7 items-center justify-center gap-1.5 rounded-md bg-transparent px-2 text-sm font-medium leading-[18px] tracking-normal text-foreground-fixed-light transition-all hover:cursor-pointer",
+          closeButton: "order-4 inline-flex size-7 items-center justify-center rounded-md text-foreground-fixed-light transition-all hover:cursor-pointer hover:text-foreground-fixed-light hover:!bg-transparent"
+        }
+      },
+      ...n
+    }
+  );
+};
+export {
+  p as Toaster,
+  k as toast
+};

package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.d.ts

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

package/dist/components/ui/core/sonner-toast/sonner-toast.metadata.js

@@ -0,0 +1,9 @@
+const t = {
+  name: "SonnerToast",
+  status: "draft",
+  description: "A Sonner-based toast primitive with fully custom Aura/Figma slot styling (unstyled mode), status badges for all semantic variants, and right-aligned action/cancel/close controls.",
+  llmUsage: "Mount `<Toaster />` once near app root, then call `toast(...)`, `toast.success(...)`, `toast.error(...)`, `toast.warning(...)`, or `toast.info(...)`. Use toast options for `description`, `action`, and `cancel`; use Toaster props (for example `position` and `closeButton`) to control placement and close-button visibility."
+};
+export {
+  t as SonnerToastMetadata
+};

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, };