@cognite/aura 0.1.5 → 0.1.6

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

@@ -0,0 +1,113 @@
+import { jsx as o, jsxs as m } 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) => {
+  if (e.type === "multiple") {
+    const {
+      type: s,
+      value: c,
+      defaultValue: b,
+      onValueChange: f,
+      ...x
+    } = e;
+    return /* @__PURE__ */ o(
+      r.Root,
+      {
+        ref: t,
+        "data-slot": "accordion",
+        multiple: !0,
+        value: c,
+        defaultValue: b,
+        onValueChange: (y) => {
+          if (!f) return;
+          const N = y.filter(
+            (V) => V != null
+          );
+          f(N);
+        },
+        ...x
+      }
+    );
+  }
+  const {
+    type: a,
+    collapsible: i = !1,
+    value: l,
+    defaultValue: n,
+    onValueChange: g,
+    ...p
+  } = e, h = l === void 0 ? void 0 : l === "" ? [] : [l], v = n === void 0 ? void 0 : n === "" ? [] : [n];
+  return /* @__PURE__ */ o(
+    r.Root,
+    {
+      ref: t,
+      "data-slot": "accordion",
+      multiple: !1,
+      value: h,
+      defaultValue: v,
+      onValueChange: (s, c) => {
+        if (g) {
+          if (!i && s.length === 0) {
+            c.cancel();
+            return;
+          }
+          g(s[0] ?? "");
+        }
+      },
+      ...p
+    }
+  );
+});
+w.displayName = "Accordion";
+const C = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  r.Item,
+  {
+    ref: a,
+    "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(
+    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",
+        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__ */ 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" })
+      ]
+    }
+  ) });
+});
+k.displayName = "AccordionTrigger";
+const I = d(({ className: e, children: t, ...a }, 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,
+    children: /* @__PURE__ */ o("div", { className: u("px-3 pb-3 pt-2", e), children: t })
+  }
+));
+I.displayName = "AccordionContent";
+export {
+  w as Accordion,
+  I as AccordionContent,
+  C as AccordionItem,
+  k as AccordionTrigger
+};

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

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

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

@@ -0,0 +1,9 @@
+const o = {
+  name: "Accordion",
+  status: "experimental",
+  description: "An accessible accordion with smooth expand/collapse built on Base UI primitives.",
+  llmUsage: "Use `<Accordion>` with `<AccordionItem>`, `<AccordionTrigger>`, and `<AccordionContent>` for collapsible sections."
+};
+export {
+  o as AccordionMetadata
+};

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

@@ -1,157 +1,157 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { createContext as y, forwardRef as n, useMemo as A, useContext as d } from "react";
-import { IconX as b } from "@tabler/icons-react";
-import { cva as N } from "class-variance-authority";
-import { useControllableState as C } from "../../../../lib/use-controllable-state.js";
+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 { cn as s } from "../../../../lib/utils.js";
 import { Button as p } from "../button/button.js";
-const i = y({
+const l = w({
   show: !0,
   setShow: () => {
   },
   variant: "default"
-}), V = N(
+}), 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",
   {
     variants: {
       variant: {
-        default: "bg-undefined-alternative text-card-foreground [&>svg]:text-undefined-foreground",
-        secondary: "bg-neutral-alternative text-foreground [&>svg]:text-neutral-foreground",
-        warning: "bg-warning-alternative [&>svg]:text-warning-foreground",
-        error: "bg-destructive-alternative text-foreground [&>svg]:text-destructive-foreground"
+        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"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), k = n(
+), V = n(
   ({
     className: t,
-    variant: e = "default",
-    visible: r,
-    defaultVisible: a = !0,
-    onClose: l,
+    variant: r = "default",
+    visible: e,
+    defaultVisible: o = !0,
+    onClose: i,
     children: c,
     ...u
   }, x) => {
-    const [g, v] = C({
-      defaultProp: a,
-      prop: r,
-      onChange: l
-    }), f = e ?? "default", w = A(
-      () => ({ show: g, setShow: v, variant: f }),
-      [g, v, f]
+    const [g, m] = N({
+      defaultProp: o,
+      prop: e,
+      onChange: i
+    }), f = r ?? "default", b = y(
+      () => ({ show: g, setShow: m, variant: f }),
+      [g, m, f]
     );
-    return g ? /* @__PURE__ */ o(i.Provider, { value: w, children: /* @__PURE__ */ m(
+    return g ? /* @__PURE__ */ a(l.Provider, { value: b, children: /* @__PURE__ */ v(
       "div",
       {
         ref: x,
         "data-slot": "alert",
         role: "alert",
-        className: s(V({ variant: f }), t),
+        className: s(C({ variant: f }), t),
         ...u,
         children: [
-          l && /* @__PURE__ */ o(h, {}),
+          i && /* @__PURE__ */ a(h, {}),
           c
         ]
       }
     ) }) : null;
   }
 );
-k.displayName = "Alert";
+V.displayName = "Alert";
 const z = {
-  default: "text-undefined-foreground",
-  secondary: "text-neutral-foreground",
+  default: "text-info-foreground",
+  secondary: "text-info-foreground",
   warning: "text-warning-foreground",
   error: "text-destructive-foreground"
 }, S = n(
-  ({ className: t, ...e }, r) => {
-    const { variant: a } = d(i);
-    return /* @__PURE__ */ o(
+  ({ className: t, ...r }, e) => {
+    const { variant: o } = d(l);
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: r,
+        ref: e,
         "data-slot": "alert-title",
         className: s(
           "text-base font-medium leading-5 tracking-tightest",
-          z[a],
+          z[o],
           t
         ),
-        ...e
+        ...r
       }
     );
   }
 );
 S.displayName = "AlertTitle";
 const j = {
-  default: "text-card-foreground",
+  default: "text-foreground",
   secondary: "text-foreground",
-  warning: "text-card-foreground",
+  warning: "text-foreground",
   error: "text-foreground"
 }, B = n(
-  ({ className: t, ...e }, r) => {
-    const { variant: a } = d(i);
-    return /* @__PURE__ */ o(
+  ({ className: t, ...r }, e) => {
+    const { variant: o } = d(l);
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: r,
+        ref: e,
         "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[a],
+          j[o],
           t
         ),
-        ...e
+        ...r
       }
     );
   }
 );
 B.displayName = "AlertDescription";
 const D = n(
-  ({ className: t, ...e }, r) => /* @__PURE__ */ o(
+  ({ className: t, ...r }, e) => /* @__PURE__ */ a(
     "div",
     {
-      ref: r,
+      ref: e,
       "data-slot": "alert-actions",
       className: s(
         "col-start-2 flex flex-wrap items-start gap-2 pt-1",
         t
       ),
-      ...e
+      ...r
     }
   )
 );
 D.displayName = "AlertActions";
-const T = n(({ className: t, ...e }, r) => {
-  const { variant: a } = d(i);
-  return /* @__PURE__ */ o(
+const T = n(({ className: t, ...r }, e) => {
+  const { variant: o } = d(l);
+  return /* @__PURE__ */ a(
     p,
     {
-      ref: r,
+      ref: e,
       "data-slot": "alert-button",
       variant: "ghost",
       size: "sm",
       className: s("text-foreground", {
-        default: "hover:bg-undefined-hover",
-        secondary: "hover:bg-neutral-hover",
-        warning: "hover:bg-warning-hover",
-        error: "hover:bg-destructive-hover"
-      }[a], t),
-      ...e
+        default: "hover:bg-neutral-background-hover",
+        secondary: "hover:bg-info-background-hover",
+        warning: "hover:bg-warning-background-hover",
+        error: "hover:bg-destructive-background-hover"
+      }[o], t),
+      ...r
     }
   );
 });
 T.displayName = "AlertButton";
 const h = n(
-  ({ className: t, onClick: e, ...r }, a) => {
-    const { setShow: l } = d(i), c = (u) => {
-      l(!1), e?.(u);
+  ({ className: t, onClick: r, ...e }, o) => {
+    const { setShow: i } = d(l), c = (u) => {
+      i(!1), r?.(u);
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ v(
       p,
       {
-        ref: a,
+        ref: o,
         "data-slot": "alert-close",
         variant: "ghost",
         size: "icon-sm",
@@ -160,10 +160,10 @@ const h = n(
           t
         ),
         onClick: c,
-        ...r,
+        ...e,
         children: [
-          /* @__PURE__ */ o(b, { size: 14 }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ a(A, { size: 14 }),
+          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
         ]
       }
     );
@@ -171,7 +171,7 @@ const h = n(
 );
 h.displayName = "AlertClose";
 export {
-  k as Alert,
+  V as Alert,
   D as AlertActions,
   T as AlertButton,
   h as AlertClose,

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

@@ -1,26 +1,26 @@
-import { jsx as o, jsxs as c, Fragment as v } from "react/jsx-runtime";
+import { jsx as o, jsxs as i, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 import { Avatar as n } from "@base-ui/react/avatar";
 import { cva as g } from "class-variance-authority";
 import { cn as d } from "../../../../lib/utils.js";
 const u = g(
-  "group/avatar relative inline-flex text-base font-medium leading-5 shrink-0 overflow-hidden rounded-md flex-col justify-center items-center hover:cursor-pointer box-border",
+  "group/avatar relative inline-flex text-base font-medium leading-5 shrink-0 overflow-hidden flex-col justify-center items-center box-border",
   {
     variants: {
       variant: {
-        default: "bg-decorative-background-mountain text-decorative-foreground-mountain hover:bg-decorative-background-hover-mountain",
-        nordic: "bg-decorative-background-nordic text-decorative-foreground-nordic hover:bg-decorative-background-hover-nordic",
-        aurora: "bg-decorative-background-aurora text-decorative-foreground-aurora hover:bg-decorative-background-hover-aurora",
-        fjord: "bg-decorative-background-fjord text-decorative-foreground-fjord hover:bg-decorative-background-hover-fjord",
-        dusk: "bg-decorative-background-dusk text-decorative-foreground-dusk hover:bg-decorative-background-hover-dusk",
-        orange: "bg-decorative-background-orange text-decorative-foreground-orange hover:bg-decorative-background-hover-orange",
-        sky: "bg-decorative-background-sky text-decorative-foreground-sky hover:bg-decorative-background-hover-sky",
-        overflow: "bg-secondary text-secondary-foreground hover:bg-secondary-hover"
+        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",
+        overflow: "bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover"
       },
       sizes: {
-        default: "size-9 text-sm [&_svg]:w-5 [&_svg]:h-5",
-        xsm: "size-7 text-xs [&_svg]:w-4 [&_svg]:h-4",
-        xxsm: "size-5 text-2xs [&_svg]:w-3 [&_svg]:h-3"
+        default: "size-9 rounded-lg text-sm [&_svg]:w-5 [&_svg]:h-5",
+        xsm: "size-7 rounded-md text-xs [&_svg]:w-4 [&_svg]:h-4",
+        xxsm: "size-5 rounded-sm text-2xs [&_svg]:w-3 [&_svg]:h-3"
       }
     },
     defaultVariants: {
@@ -28,23 +28,26 @@ const u = g(
       sizes: "default"
     }
   }
-), l = t(({ className: a, variant: e, sizes: r, ...s }, i) => /* @__PURE__ */ o(
+), l = t(({ className: a, variant: e, sizes: r, ...s }, c) => /* @__PURE__ */ o(
   n.Root,
   {
-    ref: i,
+    ref: c,
     "data-slot": "avatar",
     className: d(u({ variant: e, sizes: r }), a),
     ...s
   }
 ));
 l.displayName = "Avatar";
-const b = t(({ className: a, ...e }, r) => /* @__PURE__ */ c(v, { children: [
+const b = t(({ className: a, ...e }, r) => /* @__PURE__ */ i(v, { children: [
   /* @__PURE__ */ o(
     n.Image,
     {
       ref: r,
       "data-slot": "avatar-image",
-      className: d("aspect-square size-full", a),
+      className: d(
+        "aspect-square size-full object-cover object-center",
+        a
+      ),
       ...e
     }
   ),
@@ -52,43 +55,37 @@ const b = t(({ className: a, ...e }, r) => /* @__PURE__ */ c(v, { children: [
     "span",
     {
       "data-slot": "avatar-image-backdrop",
-      className: "absolute inset-0 bg-backdrop opacity-0 transition-opacity group-hover/avatar:opacity-100 pointer-events-none",
+      className: "absolute inset-0 bg-overlay-background opacity-0 transition-opacity group-hover/avatar:opacity-100 pointer-events-none",
       "aria-hidden": "true"
     }
   )
 ] }));
 b.displayName = "AvatarImage";
-const m = t(({ className: a, ...e }, r) => /* @__PURE__ */ o(
+const f = t(({ className: a, ...e }, r) => /* @__PURE__ */ o(
   n.Fallback,
   {
     ref: r,
     "data-slot": "avatar-fallback",
-    className: d(
-      " flex size-full items-center justify-center rounded-md",
-      a
-    ),
+    className: d(" flex size-full items-center justify-center", a),
     ...e
   }
 ));
-m.displayName = "AvatarFallback";
-const f = t(
+f.displayName = "AvatarFallback";
+const m = t(
   ({ className: a, ...e }, r) => /* @__PURE__ */ o(
     "span",
     {
       ref: r,
       "data-slot": "avatar-icon",
-      className: d(
-        "flex size-full items-center justify-center rounded-md",
-        a
-      ),
+      className: d("flex size-full items-center justify-center", a),
       ...e
     }
   )
 );
-f.displayName = "AvatarIcon";
+m.displayName = "AvatarIcon";
 export {
   l as Avatar,
-  m as AvatarFallback,
-  f as AvatarIcon,
+  f as AvatarFallback,
+  m as AvatarIcon,
   b as AvatarImage
 };

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

@@ -2,7 +2,7 @@ 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?: "default" | "icon" | null | undefined;
+    size?: "icon" | "default" | null | undefined;
     outline?: boolean | null | undefined;
     background?: boolean | null | undefined;
     dot?: boolean | null | undefined;

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

@@ -4,30 +4,30 @@ import { useRender as v } from "@base-ui/react/use-render";
 import { cva as m } from "class-variance-authority";
 import { cn as x } from "../../../../lib/utils.js";
 const k = m(
-  "inline-flex items-center align-middle justify-center rounded-md border text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1 [&>svg]:pointer-events-none 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 leading-4",
+  "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",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-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-gray text-decorative-foreground-gray",
-        mountain: "border-transparent bg-decorative-background-mountain text-decorative-foreground-mountain",
-        secondary: "border-transparent bg-secondary text-secondary-foreground ",
-        error: "border-transparent bg-destructive text-destructive-foreground-alternate",
-        warning: "border-transparent bg-warning text-warning-foreground-alternate",
-        success: "border-transparent bg-success text-success-foreground-alternate",
-        inProgress: "border-transparent bg-neutral text-neutral-foreground-alternate",
-        archived: "border-transparent bg-undefined text-undefined-foreground-alternate",
-        closable: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary-hover cursor-pointer"
+        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",
+        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",
+        success: "border-transparent bg-success-background text-success-foreground-on-success",
+        inProgress: "border-transparent bg-info-background text-info-foreground-on-info",
+        archived: "border-transparent bg-neutral-background text-neutral-foreground-on-neutral",
+        closable: "border-transparent bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover cursor-pointer"
       },
       size: {
-        default: "px-1",
-        icon: "px-1.5 py-1 rounded-md"
+        default: "",
+        icon: "w-5 px-0 py-0"
       },
       outline: {
         true: "border-border"
@@ -36,16 +36,9 @@ const k = m(
         false: "bg-transparent"
       },
       dot: {
-        true: "rounded-full"
+        true: "min-w-5 rounded-md border border-background px-1 gap-0"
       }
     },
-    compoundVariants: [
-      {
-        outline: !0,
-        size: "default",
-        className: "px-1.5"
-      }
-    ],
     defaultVariants: {
       variant: "default",
       size: "default",
@@ -54,54 +47,53 @@ const k = m(
       dot: !1
     }
   }
-), y = l(
+), w = l(
   ({
-    className: d,
+    className: t,
     variant: r,
-    size: s,
-    outline: i,
+    size: a,
+    outline: d,
     dot: o,
-    background: u,
-    urgent: n = !1,
-    children: a,
-    render: g,
-    ...c
-  }, b) => {
-    const t = !a, f = r && !(/* @__PURE__ */ new Set([
+    background: i,
+    urgent: s = !1,
+    children: n,
+    render: u,
+    ...g
+  }, c) => {
+    const b = !n, f = r && !(/* @__PURE__ */ new Set([
       "mountain",
       "fjord",
       "nordic",
       "aurora",
       "dusk",
       "orange"
-    ])).has(r), e = i === !0 && f;
+    ])).has(r), e = d === !0 && f;
     return v({
       defaultTagName: "span",
-      ref: b,
+      ref: c,
       props: p(
         {
           className: x(
             k({
               variant: r,
-              size: s,
+              size: a,
               outline: e,
-              background: e ? !1 : u,
+              background: e ? !1 : i,
               dot: o
             }),
             e && r === "error" && "text-destructive-foreground",
             e && r === "warning" && "text-warning-foreground",
             e && r === "success" && "text-success-foreground",
-            e && r === "inProgress" && "text-neutral-foreground",
-            e && r === "archived" && "text-undefined-foreground",
-            o && t && "size-2 p-0 border-0",
-            o && t && n && "bg-destructive-foreground",
-            o && t && !n && "bg-neutral-foreground",
-            d
+            e && r === "inProgress" && "text-info-foreground",
+            e && r === "archived" && "text-neutral-foreground",
+            o && b && "h-2 w-2 min-h-2 min-w-2 max-h-2 max-w-2 rounded-full p-0 border-0",
+            o && s && "bg-destructive-background text-destructive-foreground-on-critical",
+            t
           )
         },
-        { ...c, children: a }
+        { ...g, children: n }
       ),
-      render: g,
+      render: u,
       state: {
         slot: "badge",
         variant: r
@@ -109,8 +101,8 @@ const k = m(
     });
   }
 );
-y.displayName = "Badge";
+w.displayName = "Badge";
 export {
-  y as Badge,
+  w as Badge,
   k as badgeVariants
 };