@cognite/aura 0.1.6 → 0.2.0

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

@@ -1,15 +1,15 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
 import { Accordion as r } from "@base-ui/react/accordion";
 import { IconChevronDown as A } from "@tabler/icons-react";
 import { cn as u } from "../../../../lib/utils.js";
-const w = d((e, t) => {
+const C = d((e, t) => {
   if (e.type === "multiple") {
     const {
       type: s,
       value: c,
       defaultValue: b,
-      onValueChange: f,
+      onValueChange: m,
       ...x
     } = e;
     return /* @__PURE__ */ o(
@@ -21,24 +21,24 @@ const w = d((e, t) => {
         value: c,
         defaultValue: b,
         onValueChange: (y) => {
-          if (!f) return;
+          if (!m) return;
           const N = y.filter(
             (V) => V != null
           );
-          f(N);
+          m(N);
         },
         ...x
       }
     );
   }
   const {
-    type: a,
+    type: n,
     collapsible: i = !1,
     value: l,
-    defaultValue: n,
+    defaultValue: a,
     onValueChange: g,
     ...p
-  } = e, h = l === void 0 ? void 0 : l === "" ? [] : [l], v = n === void 0 ? void 0 : n === "" ? [] : [n];
+  } = e, h = l === void 0 ? void 0 : l === "" ? [] : [l], v = a === void 0 ? void 0 : a === "" ? [] : [a];
   return /* @__PURE__ */ o(
     r.Root,
     {
@@ -60,32 +60,32 @@ const w = d((e, t) => {
     }
   );
 });
-w.displayName = "Accordion";
-const C = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+C.displayName = "Accordion";
+const w = d(({ className: e, ...t }, n) => /* @__PURE__ */ o(
   r.Item,
   {
-    ref: a,
+    ref: n,
     "data-slot": "accordion-item",
     className: u("mt-2 first:mt-0 rounded-md", e),
     ...t
   }
 ));
-C.displayName = "AccordionItem";
-const k = d(({ className: e, children: t, icon: a, ...i }, l) => {
-  const n = a;
-  return /* @__PURE__ */ o(r.Header, { className: "flex", children: /* @__PURE__ */ m(
+w.displayName = "AccordionItem";
+const k = d(({ className: e, children: t, icon: n, ...i }, l) => {
+  const a = n;
+  return /* @__PURE__ */ o(r.Header, { className: "flex", children: /* @__PURE__ */ f(
     r.Trigger,
     {
       ref: l,
       "data-slot": "accordion-trigger",
       className: u(
-        "focus-visible:border-ring focus-visible:ring-ring-shadow group/accordion-trigger flex flex-1 items-center justify-between gap-4.5 rounded-lg px-3 py-2 text-left hover:bg-muted-background hover:text-foreground focus-visible:ring text-base font-normal tracking-tightest transition-all outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-foreground aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-disabled-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground",
+        "focus-visible:border-ring focus-visible:ring-ring-muted group/accordion-trigger flex flex-1 items-center justify-between gap-4.5 rounded-lg px-3 py-2 text-left hover:bg-muted-background hover:text-foreground focus-visible:ring text-base font-normal tracking-tightest transition-all outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-foreground aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-disabled-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground",
         e
       ),
       ...i,
       children: [
-        /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-          n && /* @__PURE__ */ o(n, { className: "pointer-events-none size-4 shrink-0 transition-transform duration-200" }),
+        /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+          a && /* @__PURE__ */ o(a, { className: "pointer-events-none size-4 shrink-0 transition-transform duration-200" }),
           /* @__PURE__ */ o("span", { children: t })
         ] }),
         /* @__PURE__ */ o(A, { className: "pointer-events-none size-4 shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-180" })
@@ -94,20 +94,20 @@ const k = d(({ className: e, children: t, icon: a, ...i }, l) => {
   ) });
 });
 k.displayName = "AccordionTrigger";
-const I = d(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ o(
+const I = d(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ o(
   r.Panel,
   {
     ref: i,
     "data-slot": "accordion-content",
     className: "h-(--accordion-panel-height) overflow-hidden text-sm font-normal tracking-tightest text-secondary-foreground transition-all duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0",
-    ...a,
+    ...n,
     children: /* @__PURE__ */ o("div", { className: u("px-3 pb-3 pt-2", e), children: t })
   }
 ));
 I.displayName = "AccordionContent";
 export {
-  w as Accordion,
+  C as Accordion,
   I as AccordionContent,
-  C as AccordionItem,
+  w as AccordionItem,
   k as AccordionTrigger
 };

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

@@ -1,14 +1,15 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 type AlertVariant = 'default' | 'secondary' | 'warning' | 'error';
 declare const alertVariants: (props?: ({
-    variant?: "default" | "secondary" | "error" | "warning" | null | undefined;
+    variant?: "default" | "secondary" | "warning" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type AlertProps = ComponentProps<'div'> & Omit<VariantProps<typeof alertVariants>, 'variant'> & {
     variant?: AlertVariant;
     visible?: boolean;
     defaultVisible?: boolean;
     onClose?: () => void;
+    icon?: ReactNode;
 };
 declare const Alert: import('react').ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,134 +1,158 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import { createContext as w, forwardRef as n, useMemo as y, useContext as d } from "react";
-import { IconX as A } from "@tabler/icons-react";
-import { cva as k } from "class-variance-authority";
-import { useControllableState as N } from "../../../../lib/use-controllable-state.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { createContext as N, forwardRef as n, useMemo as k, useContext as u } from "react";
+import { IconX as C, IconInfoCircle as I, IconAlertHexagon as V, IconAlertTriangle as _ } from "@tabler/icons-react";
+import { cva as h } from "class-variance-authority";
+import { useControllableState as z } from "../../../../lib/use-controllable-state.js";
 import { cn as s } from "../../../../lib/utils.js";
-import { Button as p } from "../button/button.js";
-const l = w({
+import { Button as x } from "../button/button.js";
+const i = N({
   show: !0,
   setShow: () => {
   },
   variant: "default"
-}), C = k(
-  "relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>svg]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 has-[>svg]:gap-y-1 items-start [&>svg]:size-4 [&>svg]:translate-y-0.65 [&>svg]:shrink-0",
+}), j = h(
+  [
+    "[&_svg]:shrink-0",
+    "[&_svg:not([class*='size-']):not([class*='w-'])]:w-3.5",
+    "[&_svg:not([class*='size-']):not([class*='h-'])]:h-3.5",
+    "[&_svg:not([class*='mt-'])]:mt-0.5"
+  ].join(" ")
+), D = h(
+  "relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>[data-slot=alert-icon]]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>[data-slot=alert-icon]]:gap-x-2 has-[>[data-slot=alert-icon]]:gap-y-1 items-start",
   {
     variants: {
       variant: {
-        default: "bg-neutral-muted-background text-foreground [&>svg]:text-info-foreground",
-        secondary: "bg-info-muted-background text-foreground [&>svg]:text-info-foreground",
-        warning: "bg-warning-muted-background [&>svg]:text-warning-foreground",
-        error: "bg-destructive-muted-background text-foreground [&>svg]:text-destructive-foreground"
+        default: "bg-neutral-muted-background text-foreground [&>[data-slot=alert-icon]]:text-info-foreground",
+        secondary: "bg-info-muted-background text-foreground [&>[data-slot=alert-icon]]:text-info-foreground",
+        warning: "bg-warning-muted-background [&>[data-slot=alert-icon]]:text-warning-foreground",
+        error: "bg-destructive-muted-background text-foreground [&>[data-slot=alert-icon]]:text-destructive-foreground"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), V = n(
+);
+function S(r) {
+  const t = { "aria-hidden": !0 };
+  switch (r) {
+    case "warning":
+      return /* @__PURE__ */ e(_, { ...t });
+    case "error":
+      return /* @__PURE__ */ e(V, { ...t });
+    default:
+      return /* @__PURE__ */ e(I, { ...t });
+  }
+}
+const T = n(
   ({
-    className: t,
-    variant: r = "default",
-    visible: e,
+    className: r,
+    variant: t = "default",
+    visible: a,
     defaultVisible: o = !0,
-    onClose: i,
-    children: c,
-    ...u
-  }, x) => {
-    const [g, m] = N({
+    onClose: l,
+    icon: c,
+    children: g,
+    ...w
+  }, A) => {
+    const [f, m] = z({
       defaultProp: o,
-      prop: e,
-      onChange: i
-    }), f = r ?? "default", b = y(
-      () => ({ show: g, setShow: m, variant: f }),
-      [g, m, f]
+      prop: a,
+      onChange: l
+    }), d = t ?? "default", y = k(
+      () => ({ show: f, setShow: m, variant: d }),
+      [f, m, d]
     );
-    return g ? /* @__PURE__ */ a(l.Provider, { value: b, children: /* @__PURE__ */ v(
+    if (!f)
+      return null;
+    const v = c !== void 0 ? c : S(d);
+    return /* @__PURE__ */ e(i.Provider, { value: y, children: /* @__PURE__ */ p(
       "div",
       {
-        ref: x,
+        ref: A,
         "data-slot": "alert",
         role: "alert",
-        className: s(C({ variant: f }), t),
-        ...u,
+        className: s(D({ variant: d }), r),
+        ...w,
         children: [
-          i && /* @__PURE__ */ a(h, {}),
-          c
+          l && /* @__PURE__ */ e(b, {}),
+          v && /* @__PURE__ */ e("span", { "data-slot": "alert-icon", className: j(), children: v }),
+          g
         ]
       }
-    ) }) : null;
+    ) });
   }
 );
-V.displayName = "Alert";
-const z = {
+T.displayName = "Alert";
+const B = {
   default: "text-info-foreground",
   secondary: "text-info-foreground",
   warning: "text-warning-foreground",
   error: "text-destructive-foreground"
-}, S = n(
-  ({ className: t, ...r }, e) => {
-    const { variant: o } = d(l);
-    return /* @__PURE__ */ a(
+}, P = n(
+  ({ className: r, ...t }, a) => {
+    const { variant: o } = u(i);
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: e,
+        ref: a,
         "data-slot": "alert-title",
         className: s(
-          "text-base font-medium leading-5 tracking-tightest",
-          z[o],
-          t
+          "col-start-2 text-base font-medium leading-5 tracking-tightest",
+          B[o],
+          r
         ),
-        ...r
+        ...t
       }
     );
   }
 );
-S.displayName = "AlertTitle";
-const j = {
+P.displayName = "AlertTitle";
+const H = {
   default: "text-foreground",
   secondary: "text-foreground",
   warning: "text-foreground",
   error: "text-foreground"
-}, B = n(
-  ({ className: t, ...r }, e) => {
-    const { variant: o } = d(l);
-    return /* @__PURE__ */ a(
+}, M = n(
+  ({ className: r, ...t }, a) => {
+    const { variant: o } = u(i);
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: e,
+        ref: a,
         "data-slot": "alert-description",
         className: s(
           "col-start-2 grid justify-items-start gap-1 text-sm font-normal leading-4.5 tracking-tight items-center",
-          j[o],
-          t
+          H[o],
+          r
         ),
-        ...r
+        ...t
       }
     );
   }
 );
-B.displayName = "AlertDescription";
-const D = n(
-  ({ className: t, ...r }, e) => /* @__PURE__ */ a(
+M.displayName = "AlertDescription";
+const R = n(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
     "div",
     {
-      ref: e,
+      ref: a,
       "data-slot": "alert-actions",
       className: s(
         "col-start-2 flex flex-wrap items-start gap-2 pt-1",
-        t
+        r
       ),
-      ...r
+      ...t
     }
   )
 );
-D.displayName = "AlertActions";
-const T = n(({ className: t, ...r }, e) => {
-  const { variant: o } = d(l);
-  return /* @__PURE__ */ a(
-    p,
+R.displayName = "AlertActions";
+const X = n(({ className: r, ...t }, a) => {
+  const { variant: o } = u(i);
+  return /* @__PURE__ */ e(
+    x,
     {
-      ref: e,
+      ref: a,
       "data-slot": "alert-button",
       variant: "ghost",
       size: "sm",
@@ -137,19 +161,19 @@ const T = n(({ className: t, ...r }, e) => {
         secondary: "hover:bg-info-background-hover",
         warning: "hover:bg-warning-background-hover",
         error: "hover:bg-destructive-background-hover"
-      }[o], t),
-      ...r
+      }[o], r),
+      ...t
     }
   );
 });
-T.displayName = "AlertButton";
-const h = n(
-  ({ className: t, onClick: r, ...e }, o) => {
-    const { setShow: i } = d(l), c = (u) => {
-      i(!1), r?.(u);
+X.displayName = "AlertButton";
+const b = n(
+  ({ className: r, onClick: t, ...a }, o) => {
+    const { setShow: l } = u(i), c = (g) => {
+      l(!1), t?.(g);
     };
-    return /* @__PURE__ */ v(
-      p,
+    return /* @__PURE__ */ p(
+      x,
       {
         ref: o,
         "data-slot": "alert-close",
@@ -157,24 +181,24 @@ const h = n(
         size: "icon-sm",
         className: s(
           "absolute top-3 right-4 h-3.5 w-3.5 p-0 opacity-70 hover:opacity-100 text-foreground",
-          t
+          r
         ),
         onClick: c,
-        ...e,
+        ...a,
         children: [
-          /* @__PURE__ */ a(A, { size: 14 }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ e(C, { size: 14 }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
         ]
       }
     );
   }
 );
-h.displayName = "AlertClose";
+b.displayName = "AlertClose";
 export {
-  V as Alert,
-  D as AlertActions,
-  T as AlertButton,
-  h as AlertClose,
-  B as AlertDescription,
-  S as AlertTitle
+  T as Alert,
+  R as AlertActions,
+  X as AlertButton,
+  b as AlertClose,
+  M as AlertDescription,
+  P as AlertTitle
 };

package/dist/components/ui/core/alert/alert.metadata.js

@@ -2,7 +2,7 @@ const e = {
   name: "Alert",
   status: "in-progress-code-review",
   description: "A dismissible alert component with multiple variants for displaying messages.",
-  llmUsage: "Use `<Alert>` with `<AlertTitle>` and `<AlertDescription>` for informational messages."
+  llmUsage: "Use `<Alert>` with optional `icon` prop (defaults to a variant-appropriate icon), plus `<AlertTitle>` and `<AlertDescription>`, for informational messages. Pass `icon={null}` to suppress the icon."
 };
 export {
   e as AlertMetadata

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

@@ -8,13 +8,13 @@ const u = g(
   {
     variants: {
       variant: {
-        default: "bg-decorative-mountain-background text-decorative-mountain-foreground hover:bg-decorative-mountain-background-hover",
-        nordic: "bg-decorative-nordic-background text-decorative-nordic-foreground hover:bg-background-hover",
-        aurora: "bg-decorative-aurora-background text-decorative-aurora-foreground hover:bg-decorative-aurora-background-hover",
-        fjord: "bg-decorative-fjord-background text-decorative-fjord-foreground hover:bg-decorative-fjord-background-hover",
-        dusk: "bg-decorative-dusk-background text-decorative-dusk-foreground hover:bg-decorative-dusk-background-hover",
-        orange: "bg-decorative-orange-background text-decorative-orange-foreground hover:bg-decorative-orange-background-hover",
-        sky: "bg-decorative-sky-background text-decorative-sky-foreground hover:bg-decorative-sky-background-hover",
+        default: "bg-decorative-background-mountain text-decorative-foreground-mountain hover:bg-decorative-background-mountain-hover",
+        nordic: "bg-decorative-background-nordic text-decorative-foreground-nordic hover:bg-decorative-background-nordic-hover",
+        aurora: "bg-decorative-background-aurora text-decorative-foreground-aurora hover:bg-decorative-background-aurora-hover",
+        fjord: "bg-decorative-background-fjord text-decorative-foreground-fjord hover:bg-decorative-background-fjord-hover",
+        dusk: "bg-decorative-background-dusk text-decorative-foreground-dusk hover:bg-decorative-background-dusk-hover",
+        orange: "bg-decorative-background-orange text-decorative-foreground-orange hover:bg-decorative-background-orange-hover",
+        sky: "bg-decorative-background-sky text-decorative-foreground-sky hover:bg-decorative-background-sky-hover",
         overflow: "bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover"
       },
       sizes: {
@@ -28,13 +28,13 @@ const u = g(
       sizes: "default"
     }
   }
-), l = t(({ className: a, variant: e, sizes: r, ...s }, c) => /* @__PURE__ */ o(
+), l = t(({ className: a, variant: e, sizes: r, ...c }, s) => /* @__PURE__ */ o(
   n.Root,
   {
-    ref: c,
+    ref: s,
     "data-slot": "avatar",
     className: d(u({ variant: e, sizes: r }), a),
-    ...s
+    ...c
   }
 ));
 l.displayName = "Avatar";

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

@@ -1,8 +1,8 @@
 import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "gray" | "orange" | "nordic" | "aurora" | "fjord" | "dusk" | "sky" | "mountain" | "error" | "warning" | "success" | "inProgress" | "archived" | "closable" | null | undefined;
-    size?: "icon" | "default" | null | undefined;
+    variant?: "default" | "secondary" | "gray" | "orange" | "nordic" | "aurora" | "fjord" | "dusk" | "sky" | "warning" | "mountain" | "error" | "success" | "inProgress" | "archived" | "closable" | null | undefined;
+    size?: "default" | "icon" | null | undefined;
     outline?: boolean | null | undefined;
     background?: boolean | null | undefined;
     dot?: boolean | null | undefined;

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

@@ -1,22 +1,22 @@
 import { forwardRef as l } from "react";
 import { mergeProps as p } from "@base-ui/react/merge-props";
-import { useRender as v } from "@base-ui/react/use-render";
-import { cva as m } from "class-variance-authority";
+import { useRender as m } from "@base-ui/react/use-render";
+import { cva as v } from "class-variance-authority";
 import { cn as x } from "../../../../lib/utils.js";
-const k = m(
-  "inline-flex h-5 items-center align-middle justify-center rounded-md border px-1 text-sm font-medium leading-[18px] w-fit whitespace-nowrap shrink-0 gap-1 [&>svg]:pointer-events-none [&>svg]:size-3 outline-none focus-visible:border-ring focus-visible:ring-ring-shadow focus-visible:ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+const k = v(
+  "inline-flex h-5 items-center align-middle justify-center rounded-md border px-1 text-sm font-medium leading-[18px] w-fit whitespace-nowrap shrink-0 gap-1 [&>svg]:pointer-events-none [&>svg]:size-3 outline-none focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
         default: "border-transparent bg-neutral-background text-foreground-on-neutral",
-        fjord: "border-transparent bg-decorative-fjord-background text-decorative-fjord-foreground",
-        nordic: "border-transparent bg-decorative-nordic-background text-decorative-nordic-foreground",
-        aurora: "border-transparent bg-decorative-aurora-background text-decorative-aurora-foreground",
-        sky: "border-transparent bg-decorative-sky-background text-decorative-sky-foreground",
-        dusk: "border-transparent bg-decorative-dusk-background text-decorative-dusk-foreground",
-        orange: "border-transparent bg-decorative-orange-background text-decorative-orange-foreground",
-        gray: "border-transparent bg-decorative-mountain-background text-decorative-mountain-foreground",
-        mountain: "border-transparent bg-decorative-mountain-background text-decorative-mountain-foreground",
+        fjord: "border-transparent bg-decorative-background-fjord text-decorative-foreground-fjord",
+        nordic: "border-transparent bg-decorative-background-nordic text-decorative-foreground-nordic",
+        aurora: "border-transparent bg-decorative-background-aurora text-decorative-foreground-aurora",
+        sky: "border-transparent bg-decorative-background-sky text-decorative-foreground-sky",
+        dusk: "border-transparent bg-decorative-background-dusk text-decorative-foreground-dusk",
+        orange: "border-transparent bg-decorative-background-orange text-decorative-foreground-orange",
+        gray: "border-transparent bg-decorative-background-mountain text-decorative-foreground-mountain",
+        mountain: "border-transparent bg-decorative-background-mountain text-decorative-foreground-mountain",
         secondary: "border-transparent bg-secondary-background text-secondary-foreground",
         error: "border-transparent bg-destructive-background text-destructive-foreground-on-critical",
         warning: "border-transparent bg-warning-background text-warning-foreground-on-warning",
@@ -68,7 +68,7 @@ const k = m(
       "dusk",
       "orange"
     ])).has(r), e = d === !0 && f;
-    return v({
+    return m({
       defaultTagName: "span",
       ref: c,
       props: p(

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

@@ -3,7 +3,7 @@ import { IconProps } from '@tabler/icons-react';
 import { VariantProps } from 'class-variance-authority';
 import { Button } from '../button/button';
 declare const Banner: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "warning" | "info" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "warning" | null | undefined;
     inset?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
     visible?: boolean;
@@ -21,8 +21,8 @@ declare const BannerStatus: import('react').ForwardRefExoticComponent<Omit<Omit<
 } & {
     render?: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | import('@base-ui/react').ComponentRenderFn<import('@base-ui/react').HTMLProps, {}> | undefined;
 } & VariantProps<(props?: ({
-    variant?: "default" | "secondary" | "gray" | "orange" | "nordic" | "aurora" | "fjord" | "dusk" | "sky" | "mountain" | "error" | "warning" | "success" | "inProgress" | "archived" | "closable" | null | undefined;
-    size?: "icon" | "default" | null | undefined;
+    variant?: "default" | "secondary" | "gray" | "orange" | "nordic" | "aurora" | "fjord" | "dusk" | "sky" | "warning" | "mountain" | "error" | "success" | "inProgress" | "archived" | "closable" | null | undefined;
+    size?: "default" | "icon" | null | undefined;
     outline?: boolean | null | undefined;
     background?: boolean | null | undefined;
     dot?: boolean | null | undefined;
@@ -33,7 +33,7 @@ type BannerActionsProps = HTMLAttributes<HTMLDivElement>;
 declare const BannerActions: import('react').ForwardRefExoticComponent<BannerActionsProps & import('react').RefAttributes<HTMLDivElement>>;
 declare const BannerAction: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & VariantProps<(props?: ({
     variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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>>;
 type BannerCloseProps = Omit<ComponentProps<typeof Button>, 'size'>;
 declare const BannerClose: import('react').ForwardRefExoticComponent<Omit<BannerCloseProps, "ref"> & import('react').RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,11 @@
+import { useRender } from '@base-ui/react/use-render';
+declare const Breadcrumb: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import('react').RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: import('react').ForwardRefExoticComponent<Omit<useRender.ComponentProps<"a", {}, import('@base-ui/react').HTMLProps>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbPageButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+declare const BreadcrumbEllipsisButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+declare const BreadcrumbSeparator: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbEllipsis: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbPageButton, BreadcrumbEllipsisButton, BreadcrumbSeparator, BreadcrumbEllipsis, };