@cognite/aura 0.1.5 → 0.1.6

package/dist/components/ui/core/code-block/code-block.js

@@ -1,146 +1,199 @@
-import { jsx as o, jsxs as z } from "react/jsx-runtime";
-import { createContext as E, forwardRef as y, useState as C, useMemo as T, useEffect as M, useContext as N } from "react";
-import { IconCheck as j, IconCopy as P, IconSelector as $ } from "@tabler/icons-react";
-import { isStorybookTestEnv as f, highlightCode as A, cn as d } from "../../../../lib/utils.js";
-import { Button as _ } from "../button/button.js";
-const g = E({
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import { createContext as R, forwardRef as x, useState as y, useMemo as z, useEffect as L, useContext as B } from "react";
+import { IconCheck as S, IconCopy as j, IconSelector as M, IconDownload as U } from "@tabler/icons-react";
+import { isStorybookTestEnv as h, highlightCode as F, cn as i } from "../../../../lib/utils.js";
+import { Button as I } from "../button/button.js";
+const g = R({
   code: "",
   copyText: "",
   isCollapsed: !1,
   setIsCollapsed: () => {
   },
   lineCount: 0
-}), D = y(
+}), A = (e) => e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;"), O = x(
   ({
     code: e,
-    copyText: t,
-    language: r,
-    showLineNumbers: l = !1,
+    copyText: l,
+    language: a,
+    showLineNumbers: r = !1,
     collapsed: s = !1,
-    className: c,
-    children: n,
-    ...h
+    className: d,
+    children: c,
+    ...m
   }, p) => {
-    const [k, m] = C(""), [b, a] = C(""), [i, H] = C(s), w = e.split(`
-`).length, B = t ?? e, I = T(
-      () => f ? `<pre><code>${e}</code></pre>` : "",
-      [e]
+    const [f, n] = y(""), [u, o] = y(""), [k, D] = y(s), b = e.length === 0 ? " " : e, N = e.split(`
+`).length, T = l ?? e, _ = z(
+      () => h ? `<pre><code>${A(b)}</code></pre>` : "",
+      [b]
     );
-    M(() => {
-      if (f) return;
-      let v = !1;
-      return A(e, r, l).then(([x, u]) => {
-        v || (m(x), a(u));
-      }).catch((x) => {
-        if (console.error("Failed to highlight code:", x), !v) {
-          const u = `<pre><code>${e}</code></pre>`;
-          m(u), a(u);
+    L(() => {
+      if (h) return;
+      let w = !1;
+      return F(b, a, r).then(([v, C]) => {
+        w || (n(v), o(C));
+      }).catch((v) => {
+        if (console.error("Failed to highlight code:", v), !w) {
+          const C = `<pre><code>${A(b)}</code></pre>`;
+          n(C), o(C);
         }
       }), () => {
-        v = !0;
+        w = !0;
       };
-    }, [e, r, l]);
-    const S = T(
+    }, [b, a, r]);
+    const H = z(
       () => ({
         code: e,
-        copyText: B,
-        isCollapsed: i,
-        setIsCollapsed: H,
-        lineCount: w
+        copyText: T,
+        isCollapsed: k,
+        setIsCollapsed: D,
+        lineCount: N
       }),
-      [e, B, i, w]
+      [e, T, k, N]
     );
-    return /* @__PURE__ */ o(g.Provider, { value: S, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ t(g.Provider, { value: H, children: /* @__PURE__ */ E(
       "div",
       {
         ref: p,
         "data-slot": "code-block",
-        className: d(
-          "group/code-block relative w-full overflow-hidden rounded-md bg-background text-foreground",
-          c
+        className: i(
+          "group/code-block relative w-full overflow-hidden rounded-xl bg-background text-foreground",
+          d
         ),
-        ...h,
-        children: /* @__PURE__ */ z("div", { className: "relative", children: [
-          /* @__PURE__ */ o(
-            "div",
-            {
-              className: d(
-                "dark:hidden [&>pre]:m-0 [&>pre]:bg-card [&>pre]:p-4 [&>pre]:text-foreground [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto",
-                i && "max-h-26 overflow-y-hidden"
-              ),
-              dangerouslySetInnerHTML: {
-                __html: f ? I : k
+        ...m,
+        children: [
+          /* @__PURE__ */ E("div", { className: "relative", children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: i(
+                  "dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-secondary-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto",
+                  k && "max-h-26 overflow-y-hidden"
+                ),
+                dangerouslySetInnerHTML: {
+                  __html: h ? _ : f
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ o(
+            ),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: i(
+                  "hidden dark:block [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-secondary-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto",
+                  k && "max-h-26 overflow-y-hidden"
+                ),
+                dangerouslySetInnerHTML: {
+                  __html: h ? _ : u
+                }
+              }
+            ),
+            k && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 h-3/4 bg-linear-to-b from-transparent via-card-background/70 to-card-background" })
+          ] }),
+          c ? /* @__PURE__ */ t(
             "div",
             {
-              className: d(
-                "hidden dark:block [&>pre]:m-0 [&>pre]:bg-card [&>pre]:p-4 [&>pre]:text-foreground [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto",
-                i && "max-h-26 overflow-y-hidden"
+              "data-slot": "code-block-actions",
+              className: i(
+                "absolute top-2 right-2 flex items-center gap-1 opacity-0 transition-opacity group-hover/code-block:opacity-100 group-focus-within/code-block:opacity-100",
+                h && "opacity-100"
               ),
-              dangerouslySetInnerHTML: {
-                __html: f ? I : b
-              }
+              children: c
             }
-          ),
-          i && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 h-3/4 bg-linear-to-b from-transparent via-card/70 to-card" }),
-          n && /* @__PURE__ */ o("div", { className: "absolute top-2 right-2 hidden items-center gap-2 group-hover/code-block:flex", children: n })
-        ] })
+          ) : null
+        ]
       }
     ) });
   }
 );
-D.displayName = "CodeBlock";
-const F = y(({ onCopy: e, onError: t, timeout: r = 2e3, children: l, className: s, ...c }, n) => {
-  const [h, p] = C(!1), { copyText: k } = N(g), m = async () => {
+O.displayName = "CodeBlock";
+const P = x(({ onCopy: e, onError: l, timeout: a = 2e3, children: r, className: s, ...d }, c) => {
+  const [m, p] = y(!1), { copyText: f } = B(g), n = async () => {
     if (typeof window > "u" || !navigator?.clipboard?.writeText) {
-      t?.(new Error("Clipboard API not available"));
+      l?.(new Error("Clipboard API not available"));
       return;
     }
     try {
-      await navigator.clipboard.writeText(k), p(!0), e?.(), setTimeout(() => p(!1), r);
-    } catch (a) {
-      console.warn("Clipboard write failed:", a), t?.(
-        a instanceof Error ? a : new Error("Clipboard write failed")
+      await navigator.clipboard.writeText(f), p(!0), e?.(), setTimeout(() => p(!1), a);
+    } catch (o) {
+      console.warn("Clipboard write failed:", o), l?.(
+        o instanceof Error ? o : new Error("Clipboard write failed")
       );
     }
-  }, b = h ? j : P;
-  return /* @__PURE__ */ o(
-    _,
+  }, u = m ? S : j;
+  return /* @__PURE__ */ t(
+    I,
     {
-      ref: n,
+      ref: c,
       "data-slot": "code-block-copy-button",
-      className: d("shrink-0", s),
-      onClick: m,
-      size: "icon",
+      className: i("shrink-0", s),
+      onClick: n,
+      size: "icon-sm",
       variant: "secondary",
-      ...c,
-      children: l ?? /* @__PURE__ */ o(b, { size: 14 })
+      ...d,
+      children: r ?? /* @__PURE__ */ t(u, { size: 14 })
     }
   );
 });
-F.displayName = "CodeBlockCopyButton";
-const L = y(({ children: e, className: t, ...r }, l) => {
-  const { isCollapsed: s, setIsCollapsed: c, lineCount: n } = N(g);
-  return n <= 1 ? null : /* @__PURE__ */ o(
-    _,
+P.displayName = "CodeBlockCopyButton";
+const $ = x(({ children: e, className: l, ...a }, r) => {
+  const { isCollapsed: s, setIsCollapsed: d, lineCount: c } = B(g);
+  return c <= 1 ? null : /* @__PURE__ */ t(
+    I,
     {
-      ref: l,
+      ref: r,
       "data-slot": "code-block-collapse-button",
-      className: d("shrink-0", t),
-      onClick: () => c(!s),
-      size: "icon",
+      className: i("shrink-0", l),
+      onClick: () => d(!s),
+      size: "icon-sm",
       variant: "secondary",
-      ...r,
-      children: e ?? /* @__PURE__ */ o($, { size: 14 })
+      ...a,
+      children: e ?? /* @__PURE__ */ t(M, { size: 14 })
     }
   );
 });
-L.displayName = "CodeBlockCollapseButton";
+$.displayName = "CodeBlockCollapseButton";
+const q = x(
+  ({
+    fileName: e = "code.txt",
+    mimeType: l = "text/plain;charset=utf-8",
+    onDownload: a,
+    onError: r,
+    children: s,
+    className: d,
+    ...c
+  }, m) => {
+    const { code: p } = B(g), f = () => {
+      if (typeof window > "u" || typeof document > "u") {
+        r?.(new Error("Download not available"));
+        return;
+      }
+      try {
+        const n = new Blob([p], { type: l }), u = URL.createObjectURL(n), o = document.createElement("a");
+        o.href = u, o.download = e, o.rel = "noopener", o.click(), URL.revokeObjectURL(u), a?.();
+      } catch (n) {
+        r?.(
+          n instanceof Error ? n : new Error("Download failed")
+        );
+      }
+    };
+    return /* @__PURE__ */ t(
+      I,
+      {
+        ref: m,
+        "data-slot": "code-block-download-button",
+        className: i("shrink-0", d),
+        onClick: f,
+        size: "icon-sm",
+        variant: "secondary",
+        ...c,
+        children: s ?? /* @__PURE__ */ t(U, { size: 14 })
+      }
+    );
+  }
+);
+q.displayName = "CodeBlockDownloadButton";
 export {
-  D as CodeBlock,
-  L as CodeBlockCollapseButton,
-  F as CodeBlockCopyButton
+  O as CodeBlock,
+  $ as CodeBlockCollapseButton,
+  P as CodeBlockCopyButton,
+  q as CodeBlockDownloadButton
 };

package/dist/components/ui/core/code-block/code-block.metadata.js

@@ -1,7 +1,7 @@
 const o = {
   name: "CodeBlock",
   status: "in-progress-code-review",
-  description: "A syntax-highlighted code block with copy and collapse functionality."
+  description: "A syntax-highlighted code block with copy, download and collapse functionality."
 };
 export {
   o as CodeBlockMetadata

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

@@ -1,44 +1,50 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { Collapsible as i } from "@base-ui/react/collapsible";
-import { cn as s } from "../../../../lib/utils.js";
-const n = t(({ className: l, ...e }, o) => /* @__PURE__ */ a(
-  i.Root,
+import { Collapsible as n } from "@base-ui/react/collapsible";
+import { cn as i } from "../../../../lib/utils.js";
+const s = t(({ className: l, ...o }, e) => /* @__PURE__ */ a(
+  n.Root,
   {
-    ref: o,
+    ref: e,
     "data-slot": "collapsible",
-    className: s("w-full min-w-0 box-border *:max-w-full", l),
-    ...e
+    className: i(
+      "w-full min-w-0 rounded-md box-border *:max-w-full",
+      l
+    ),
+    ...o
   }
 ));
-n.displayName = "Collapsible";
-const p = t(({ className: l, children: e, ...o }, r) => /* @__PURE__ */ a(
-  i.Trigger,
+s.displayName = "Collapsible";
+const d = t(({ className: l, children: o, ...e }, r) => /* @__PURE__ */ a(
+  n.Trigger,
   {
     ref: r,
     "data-slot": "collapsible-trigger",
-    className: s("group/collapsible-trigger text-base", l),
-    ...o,
-    children: e
+    className: i(
+      "group/collapsible-trigger rounded-lg text-sm font-medium leading-5 text-foreground overflow-hidden",
+      l
+    ),
+    ...e,
+    children: o
   }
 ));
-p.displayName = "CollapsibleTrigger";
-const b = t(({ className: l, keepMounted: e = !0, ...o }, r) => /* @__PURE__ */ a(
-  i.Panel,
+d.displayName = "CollapsibleTrigger";
+const m = t(({ className: l, keepMounted: o = !0, ...e }, r) => /* @__PURE__ */ a(
+  n.Panel,
   {
     ref: r,
     "data-slot": "collapsible-content",
-    className: s(
-      "hidden data-open:block border-none outline-none text-muted-foreground text-sm leading-4.5 tracking-tight w-full min-w-0 overflow-x-hidden box-border *:max-w-full *:box-border",
+    className: i(
+      "hidden data-open:block border-none outline-none text-secondary-foreground text-sm font-normal leading-5 tracking-tight w-full min-w-0 overflow-x-hidden box-border *:max-w-full *:box-border",
       l
     ),
-    keepMounted: e,
-    ...o
+    keepMounted: o,
+    ...e
   }
 ));
-b.displayName = "CollapsibleContent";
+m.displayName = "CollapsibleContent";
 export {
-  n as Collapsible,
-  b as CollapsibleContent,
-  p as CollapsibleTrigger
+  s as Collapsible,
+  m as CollapsibleContent,
+  d as CollapsibleTrigger
 };

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

@@ -31,7 +31,7 @@ declare const CommandInput: import('react').ForwardRefExoticComponent<Omit<Omit<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
+}, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
@@ -75,7 +75,7 @@ declare const CommandItem: import('react').ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -4,23 +4,23 @@ import { IconSearch as p } from "@tabler/icons-react";
 import { Command as r } from "cmdk";
 import { cn as m } from "../../../../lib/utils.js";
 import { Dialog as u, DialogHeader as g, DialogTitle as h, DialogDescription as f, DialogContent as x } from "../dialog/dialog.js";
-const s = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const s = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   r,
   {
-    ref: a,
+    ref: t,
     "data-slot": "command",
     className: m(
       "rounded-lg bg-background text-muted-foreground flex h-full w-full flex-col overflow-hidden",
       e
     ),
-    ...t
+    ...a
   }
 ));
 s.displayName = "Command";
 function y({
   title: e = "Command Palette",
-  description: t = "Search for a command to run...",
-  children: a,
+  description: a = "Search for a command to run...",
+  children: t,
   className: l,
   showCloseButton: c = !0,
   ...i
@@ -28,7 +28,7 @@ function y({
   return /* @__PURE__ */ n(u, { ...i, children: [
     /* @__PURE__ */ n(g, { className: "sr-only rounded-lg", children: [
       /* @__PURE__ */ o(h, { children: e }),
-      /* @__PURE__ */ o(f, { children: t })
+      /* @__PURE__ */ o(f, { children: a })
     ] }),
     /* @__PURE__ */ o(
       x,
@@ -36,13 +36,13 @@ function y({
         "data-slot": "command-dialog",
         className: m("overflow-hidden p-0", l),
         showCloseButton: c,
-        children: /* @__PURE__ */ o(s, { className: "**:[[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: a })
+        children: /* @__PURE__ */ o(s, { className: "**:[[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: t })
       }
     )
   ] });
 }
 y.displayName = "CommandDialog";
-const k = d(({ className: e, ...t }, a) => /* @__PURE__ */ n(
+const k = d(({ className: e, ...a }, t) => /* @__PURE__ */ n(
   "div",
   {
     "data-slot": "command-input-wrapper",
@@ -52,88 +52,88 @@ const k = d(({ className: e, ...t }, a) => /* @__PURE__ */ n(
       /* @__PURE__ */ o(
         r.Input,
         {
-          ref: a,
+          ref: t,
           "data-slot": "command-input",
           className: m(
             "placeholder:text-muted-foreground flex h-10 w-full rounded-lg bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
             e
           ),
-          ...t
+          ...a
         }
       )
     ]
   }
 ));
 k.displayName = "CommandInput";
-const C = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const C = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   r.List,
   {
-    ref: a,
+    ref: t,
     "data-slot": "command-list",
     className: m(
       "max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto",
       e
     ),
-    ...t
+    ...a
   }
 ));
 C.displayName = "CommandList";
-const N = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const N = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   r.Empty,
   {
-    ref: a,
+    ref: t,
     "data-slot": "command-empty",
     className: m("py-6 text-center text-sm", e),
-    ...t
+    ...a
   }
 ));
 N.displayName = "CommandEmpty";
-const v = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const v = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   r.Group,
   {
-    ref: a,
+    ref: t,
     "data-slot": "command-group",
     className: m(
-      "text-popover-foreground font-normal **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium",
+      "text-foreground font-normal **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium",
       e
     ),
-    ...t
+    ...a
   }
 ));
 v.displayName = "CommandGroup";
-const w = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const w = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   r.Separator,
   {
-    ref: a,
+    ref: t,
     "data-slot": "command-separator",
     className: m("bg-border -mx-1 h-px", e),
-    ...t
+    ...a
   }
 ));
 w.displayName = "CommandSeparator";
-const _ = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const _ = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   r.Item,
   {
-    ref: a,
+    ref: t,
     "data-slot": "command-item",
     className: m(
-      "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "data-[selected=true]:bg-accent-background data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
       e
     ),
-    ...t
+    ...a
   }
 ));
 _.displayName = "CommandItem";
-const b = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const b = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "span",
   {
-    ref: a,
+    ref: t,
     "data-slot": "command-shortcut",
     className: m(
       "text-muted-foreground ml-auto text-xs tracking-widest",
       e
     ),
-    ...t
+    ...a
   }
 ));
 b.displayName = "CommandShortcut";

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

@@ -27,7 +27,7 @@ function N({
 }) {
   return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o, children: t });
 }
-function m({
+function u({
   className: t,
   ...o
 }) {
@@ -51,13 +51,13 @@ function C({
   ...s
 }) {
   return /* @__PURE__ */ l(p, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(m, {}),
+    /* @__PURE__ */ a(u, {}),
     /* @__PURE__ */ l(
       e.Popup,
       {
         "data-slot": "dialog-content",
         className: i(
-          "bg-popover fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2",
+          "bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2",
           t
         ),
         ...s,
@@ -84,7 +84,7 @@ function C({
     )
   ] });
 }
-function w({ className: t, ...o }) {
+function k({ className: t, ...o }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -97,7 +97,7 @@ function w({ className: t, ...o }) {
     }
   );
 }
-function k({ className: t, ...o }) {
+function w({ className: t, ...o }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -147,9 +147,9 @@ export {
   N as DialogClose,
   C as DialogContent,
   T as DialogDescription,
-  k as DialogFooter,
-  w as DialogHeader,
-  m as DialogOverlay,
+  w as DialogFooter,
+  k as DialogHeader,
+  u as DialogOverlay,
   p as DialogPortal,
   P as DialogTitle,
   v as DialogTrigger