@cognite/aura 0.1.7 → 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

@@ -2,7 +2,7 @@ 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;

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

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

@@ -0,0 +1,190 @@
+import { jsx as a, jsxs as u, Fragment as c } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { mergeProps as m } from "@base-ui/react/merge-props";
+import { useRender as l } from "@base-ui/react/use-render";
+import { IconDots as i, IconSlash as p } from "@tabler/icons-react";
+import { cn as n } from "../../../../lib/utils.js";
+const b = o(
+  ({ ...e }, t) => /* @__PURE__ */ a(
+    "nav",
+    {
+      ref: t,
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      ...e
+    }
+  )
+);
+b.displayName = "Breadcrumb";
+const g = o(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "ol",
+    {
+      ref: r,
+      "data-slot": "breadcrumb-list",
+      className: n(
+        "flex items-center text-sm tracking-tight flex-wrap wrap-break-word",
+        e
+      ),
+      ...t
+    }
+  )
+);
+g.displayName = "BreadcrumbList";
+const f = o(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "li",
+    {
+      ref: r,
+      "data-slot": "breadcrumb-item",
+      className: n(
+        "inline-flex items-center text-muted-foreground text-sm tracking-tight",
+        "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm",
+        e
+      ),
+      ...t
+    }
+  )
+);
+f.displayName = "BreadcrumbItem";
+const x = o(({ className: e, render: t, children: r, ...s }, d) => l({
+  defaultTagName: "a",
+  ref: d,
+  props: m(
+    {
+      ...{
+        "data-slot": "breadcrumb-link"
+      },
+      className: n(
+        "inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1",
+        "text-muted-foreground text-sm leading-[18px] tracking-tight font-normal",
+        "transition-colors hover:bg-accent-background hover:text-foreground",
+        "aria-[current=page]:font-medium aria-[current=page]:text-foreground",
+        e
+      )
+    },
+    { ...s, children: r }
+  ),
+  render: t,
+  state: {
+    slot: "breadcrumb-link"
+  }
+}));
+x.displayName = "BreadcrumbLink";
+const h = o(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "span",
+  {
+    ref: r,
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    tabIndex: -1,
+    className: n(
+      "inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1",
+      "cursor-default hover:bg-transparent dark:hover:bg-transparent",
+      "text-sm leading-[18px] tracking-tight font-medium text-foreground",
+      e
+    ),
+    ...t
+  }
+));
+h.displayName = "BreadcrumbPage";
+const N = o(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "button",
+  {
+    ref: r,
+    "data-slot": "breadcrumb-page-button",
+    type: "button",
+    "aria-current": "page",
+    className: n(
+      "inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1",
+      "text-sm leading-[18px] tracking-tight font-medium text-foreground",
+      "transition-colors hover:bg-accent-background",
+      e
+    ),
+    ...t
+  }
+));
+N.displayName = "BreadcrumbPageButton";
+const y = o(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a(
+  "button",
+  {
+    ref: s,
+    "data-slot": "breadcrumb-ellipsis-button",
+    type: "button",
+    className: n(
+      "flex size-7 items-center justify-center rounded-md",
+      "text-muted-foreground transition-colors hover:bg-accent-background hover:text-foreground",
+      "data-[popup-open]:bg-accent-background data-[popup-open]:text-foreground",
+      e
+    ),
+    ...r,
+    children: t ?? /* @__PURE__ */ u(c, { children: [
+      /* @__PURE__ */ a(i, { className: "size-3" }),
+      /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+    ] })
+  }
+));
+y.displayName = "BreadcrumbEllipsisButton";
+const B = o(({ children: e, className: t, ...r }, s) => /* @__PURE__ */ a(
+  "li",
+  {
+    ref: s,
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: n(
+      "flex size-4 items-center justify-center [&>svg]:size-4",
+      t
+    ),
+    ...r,
+    children: e ?? /* @__PURE__ */ a(p, { className: "size-4 text-muted-foreground" })
+  }
+));
+B.displayName = "BreadcrumbSeparator";
+const k = o(
+  ({ children: e, className: t, ...r }, s) => {
+    const d = e != null;
+    return /* @__PURE__ */ a(
+      "li",
+      {
+        ref: s,
+        "data-slot": "breadcrumb-ellipsis",
+        role: d ? void 0 : "presentation",
+        "aria-hidden": d ? void 0 : !0,
+        className: n(
+          "inline-flex items-center",
+          "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm",
+          t
+        ),
+        ...r,
+        children: e ?? /* @__PURE__ */ u(
+          "span",
+          {
+            className: n(
+              "flex size-7 items-center justify-center rounded-md",
+              "cursor-default text-muted-foreground hover:bg-transparent dark:hover:bg-transparent"
+            ),
+            children: [
+              /* @__PURE__ */ a(i, { className: "size-3" }),
+              /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+k.displayName = "BreadcrumbEllipsis";
+export {
+  b as Breadcrumb,
+  k as BreadcrumbEllipsis,
+  y as BreadcrumbEllipsisButton,
+  f as BreadcrumbItem,
+  x as BreadcrumbLink,
+  g as BreadcrumbList,
+  h as BreadcrumbPage,
+  N as BreadcrumbPageButton,
+  B as BreadcrumbSeparator
+};

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

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

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

@@ -0,0 +1,9 @@
+const e = {
+  name: "Breadcrumb",
+  status: "in-progress-code-review",
+  description: "A navigation component showing the users location in a hierarchy.",
+  llmUsage: 'Use `<Breadcrumb>` with `<BreadcrumbList>`, `<BreadcrumbItem>`, `<BreadcrumbLink>`, and `<BreadcrumbPage>`. Use `<BreadcrumbPage>` for non-clickable current page text; for a clickable current page, use `<BreadcrumbLink aria-current="page">`.'
+};
+export {
+  e as BreadcrumbMetadata
+};

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

@@ -2,7 +2,7 @@ import { Button as ButtonPrimitive } from '@base-ui/react/button';
 import { VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (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;
 type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVariants>;
 declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;

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

@@ -1,17 +1,20 @@
 import { ReactNode } from 'react';
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 declare const Card: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CardHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CardIcon: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardHeaderStart: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const CardTitle: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLHeadingElement> & import('react').HTMLAttributes<HTMLHeadingElement> & {
     as?: HeadingElement;
 }, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
 declare const CardDescription: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
-declare const CardHeaderRight: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardHeaderEnd: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardHeaderCenter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const CardActions: import('react').ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuRoot.Props<unknown>, "children"> & {
     children?: ReactNode;
     align?: "start" | "center" | "end";
 } & import('react').RefAttributes<HTMLElement>>;
 declare const CardContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const CardFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardIcon, CardHeaderRight, CardFooter, CardTitle, CardActions, CardDescription, CardContent, };
+declare const CardFooterStart: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardFooterEnd: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardHeaderCenter, CardHeaderStart, CardHeaderEnd, CardFooter, CardFooterStart, CardFooterEnd, CardTitle, CardActions, CardDescription, CardContent, };