laif-ds 0.1.76 → 0.1.79

package/dist/components/ui/button.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Root as g } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Root as v } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { cva as h } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as l } from "../../lib/utils.js";
 import { Icon as u } from "./icon.js";
@@ -12,7 +12,8 @@ const m = h(
         default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90",
         destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60",
         outline: "border bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground dark:bg-d-input/30 dark:border-d-input dark:hover:bg-d-input/50",
-        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80",
+        "outline-primary": "border !border-d-primary bg-d-background shadow-xs text-d-primary/80 hover:!text-d-primary",
+        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80 hover:text-d-secondary-foreground",
         ghost: "hover:bg-d-accent hover:text-d-accent-foreground dark:hover:bg-d-accent/50",
         link: "text-d-primary underline-offset-4 hover:underline"
       },
@@ -31,40 +32,40 @@ const m = h(
 );
 function k({
   className: d,
-  variant: n,
-  size: e,
-  asChild: o = !1,
-  iconLeft: i,
-  iconRight: a,
-  isLoading: v = !1,
+  variant: o,
+  size: r,
+  asChild: a = !1,
+  iconLeft: n,
+  iconRight: i,
+  isLoading: g = !1,
   ...t
 }) {
-  const s = o ? g : "button";
-  return o ? /* @__PURE__ */ r(
+  const s = a ? v : "button";
+  return a ? /* @__PURE__ */ e(
     s,
     {
       "data-slot": "button",
-      className: l(m({ variant: n, size: e, className: d })),
+      className: l(m({ variant: o, size: r, className: d })),
       ...t
     }
   ) : /* @__PURE__ */ c(
     s,
     {
       "data-slot": "button",
-      className: l(m({ variant: n, size: e, className: d }), "relative"),
+      className: l(m({ variant: o, size: r, className: d }), "relative"),
       ...t,
       children: [
-        v ? /* @__PURE__ */ c(
+        g ? /* @__PURE__ */ c(
           "svg",
           {
             className: "mr-1 -ml-1 animate-spin",
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
-            width: e === "sm" ? 14 : e === "lg" ? 20 : 16,
-            height: e === "sm" ? 14 : e === "lg" ? 20 : 16,
+            width: r === "sm" ? 14 : r === "lg" ? 20 : 16,
+            height: r === "sm" ? 14 : r === "lg" ? 20 : 16,
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ e(
                 "circle",
                 {
                   className: "opacity-25",
@@ -75,7 +76,7 @@ function k({
                   strokeWidth: "4"
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ e(
                 "path",
                 {
                   className: "opacity-75",
@@ -85,19 +86,19 @@ function k({
               )
             ]
           }
-        ) : i && /* @__PURE__ */ r(
+        ) : n && /* @__PURE__ */ e(
           u,
           {
-            name: i,
-            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
+            name: n,
+            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
           }
         ),
         t.children,
-        a && /* @__PURE__ */ r(
+        i && /* @__PURE__ */ e(
           u,
           {
-            name: a,
-            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
+            name: i,
+            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
           }
         )
       ]

package/dist/components/ui/calendar.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import * as g from "react";
 import { cn as e } from "../../lib/utils.js";
 import { buttonVariants as m, Button as b } from "./button.js";
@@ -19,7 +19,7 @@ function B({
   ...x
 }) {
   const t = f();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ d(
     w,
     {
       showOutsideDays: r,
@@ -114,24 +114,24 @@ function B({
         ...i
       },
       components: {
-        Root: ({ className: a, rootRef: d, ...o }) => /* @__PURE__ */ n(
+        Root: ({ className: a, rootRef: n, ...o }) => /* @__PURE__ */ d(
           "div",
           {
             "data-slot": "calendar",
-            ref: d,
+            ref: n,
             className: e(a),
             ...o
           }
         ),
-        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(_, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
+        Chevron: ({ className: a, orientation: n, ...o }) => n === "left" ? /* @__PURE__ */ d(_, { className: e("size-4", a), ...o }) : n === "right" ? /* @__PURE__ */ d(
           h,
           {
             className: e("size-4", a),
             ...o
           }
-        ) : /* @__PURE__ */ n(y, { className: e("size-4", a), ...o }),
+        ) : /* @__PURE__ */ d(y, { className: e("size-4", a), ...o }),
         DayButton: v,
-        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
+        WeekNumber: ({ children: a, ...n }) => /* @__PURE__ */ d("td", { ...n, children: /* @__PURE__ */ d("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
         ...p
       },
       ...x
@@ -147,7 +147,7 @@ function v({
   const s = f(), u = g.useRef(null);
   return g.useEffect(() => {
     r.focused && u.current?.focus();
-  }, [r.focused]), /* @__PURE__ */ n(
+  }, [r.focused]), /* @__PURE__ */ d(
     b,
     {
       ref: u,
@@ -159,7 +159,7 @@ function v({
       "data-range-end": r.range_end,
       "data-range-middle": r.range_middle,
       className: e(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-d-primary data-[selected-single=true]:text-d-primary-foreground data-[range-middle=true]:bg-d-accent data-[range-middle=true]:text-d-accent-foreground data-[range-start=true]:bg-d-primary data-[range-start=true]:text-d-primary-foreground data-[range-end=true]:bg-d-primary data-[range-end=true]:text-d-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-d-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[1px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         s.day,
         c
       ),

package/dist/components/ui/card.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import * as n from "react";
 import { cn as o } from "../../lib/utils.js";
 const s = n.createContext({
@@ -26,73 +26,73 @@ const s = n.createContext({
     gap: ""
   }
 };
-function l({ className: r, size: t = "default", ...a }) {
-  return /* @__PURE__ */ e(s.Provider, { value: { size: t }, children: /* @__PURE__ */ e(
+function l({ className: a, size: t = "default", ...e }) {
+  return /* @__PURE__ */ r(s.Provider, { value: { size: t }, children: /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card",
       className: o(
-        `bg-d-card text-d-card-foreground border-d-border flex flex-col rounded-xl border shadow-sm ${d[t].py} ${d[t].gap}`,
-        r
+        `bg-d-card text-d-card-foreground flex flex-col rounded-xl border shadow-sm ${d[t].py} ${d[t].gap}`,
+        a
       ),
-      ...a
+      ...e
     }
   ) });
 }
-function u({ className: r, ...t }) {
-  const { size: a } = n.useContext(s);
-  return /* @__PURE__ */ e(
+function u({ className: a, ...t }) {
+  const { size: e } = n.useContext(s);
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-header",
       className: o(
-        `@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 ${d[a].px} has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 border-d-border`,
-        r
+        `@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 ${d[e].px} has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
+        a
       ),
       ...t
     }
   );
 }
-function x({ className: r, ...t }) {
-  return /* @__PURE__ */ e(
+function x({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-title",
-      className: o("leading-none font-semibold", r),
+      className: o("leading-none font-semibold", a),
       ...t
     }
   );
 }
-function f({ className: r, ...t }) {
-  return /* @__PURE__ */ e(
+function f({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-description",
-      className: o("text-d-secondary-foreground text-sm", r),
+      className: o("text-d-secondary-foreground text-sm", a),
       ...t
     }
   );
 }
-function m({ className: r, ...t }) {
-  const { size: a } = n.useContext(s);
-  return /* @__PURE__ */ e(
+function m({ className: a, ...t }) {
+  const { size: e } = n.useContext(s);
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-content",
-      className: o(d[a].px, r),
+      className: o(d[e].px, a),
       ...t
     }
   );
 }
-function g({ className: r, ...t }) {
-  const { size: a } = n.useContext(s);
-  return /* @__PURE__ */ e(
+function g({ className: a, ...t }) {
+  const { size: e } = n.useContext(s);
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-footer",
       className: o(
-        `flex items-center ${d[a].px} [.border-t]:pt-6`,
-        r
+        `flex items-center ${d[e].px} [.border-t]:pt-6`,
+        a
       ),
       ...t
     }

package/dist/components/ui/chat-message.js

@@ -110,7 +110,7 @@ const x = C(
               children: /* @__PURE__ */ e(h, { children: l.text })
             }
           ),
-          m ? /* @__PURE__ */ e("div", { className: "bg-d-background text-d-foreground border-d-border absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
+          m ? /* @__PURE__ */ e("div", { className: "bg-d-background text-d-foreground absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
         ] }),
         c && n ? /* @__PURE__ */ e(
           "time",
@@ -167,7 +167,7 @@ const F = ({ part: s }) => {
     {
       open: a,
       onOpenChange: n,
-      className: "group bg-d-secondary/50 border-d-border w-full overflow-hidden rounded-lg",
+      className: "group bg-d-secondary/50 w-full overflow-hidden rounded-lg border",
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ r("button", { className: "text-d-secondary-foreground hover:text-d-foreground flex items-center gap-2 text-sm", children: [
           /* @__PURE__ */ e(B, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
@@ -183,7 +183,7 @@ const F = ({ part: s }) => {
               closed: { height: 0, opacity: 0 }
             },
             transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
-            className: "border-d-border border-t",
+            className: "border-t",
             children: /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "text-xs whitespace-pre-wrap", children: s.reasoning }) })
           }
         ) })
@@ -199,7 +199,7 @@ function y({
       return /* @__PURE__ */ r(
         "div",
         {
-          className: "bg-d-secondary/50 text-d-secondary-foreground border-d-border flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
+          className: "bg-d-secondary/50 text-d-secondary-foreground flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
           children: [
             /* @__PURE__ */ e(M, { className: "h-4 w-4" }),
             /* @__PURE__ */ r("span", { children: [
@@ -221,7 +221,7 @@ function y({
         return /* @__PURE__ */ r(
           "div",
           {
-            className: "bg-d-secondary/50 text-d-secondary-foreground border-d-border flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
+            className: "bg-d-secondary/50 text-d-secondary-foreground flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
             children: [
               /* @__PURE__ */ e(I, { className: "h-4 w-4" }),
               /* @__PURE__ */ r("span", { children: [
@@ -243,7 +243,7 @@ function y({
         return /* @__PURE__ */ r(
           "div",
           {
-            className: "bg-d-secondary/50 border-d-border flex flex-col gap-1.5 rounded-lg border px-3 py-2 text-sm",
+            className: "bg-d-secondary/50 flex flex-col gap-1.5 rounded-lg border px-3 py-2 text-sm",
             children: [
               /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground flex items-center gap-2", children: [
                 /* @__PURE__ */ e(R, { className: "h-4 w-4" }),

package/dist/components/ui/chat.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as C, jsx as t, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as g, useRef as L, useCallback as N, useState as z } from "react";
+import { jsxs as x, jsx as t, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as g, useRef as L, useCallback as b, useState as z } from "react";
 import { cn as B } from "../../lib/utils.js";
 import { useAutoScroll as D } from "../../hooks/use-auto-scroll.js";
-import { Button as x } from "./button.js";
+import { Button as y } from "./button.js";
 import { CopyButton as T } from "./copy-button.js";
 import { MessageInput as P } from "./message-input.js";
 import { MessageList as U } from "./message-list.js";
@@ -18,24 +18,24 @@ function J({
   handleInputChange: u,
   stop: s,
   isGenerating: c,
-  append: d,
-  suggestions: f,
+  append: f,
+  suggestions: d,
   className: w,
   onRateResponse: p,
   setMessages: v,
   transcribeAudio: M
 }) {
-  const k = e.at(-1), A = e.length === 0, y = k?.role === "user", b = L(e);
-  b.current = e;
-  const F = N(() => {
+  const k = e.at(-1), A = e.length === 0, N = k?.role === "user", C = L(e);
+  C.current = e;
+  const F = b(() => {
     if (s?.(), !v) return;
-    const r = [...b.current], l = r.findLast(
+    const l = [...C.current], r = l.findLast(
       (a) => a.role === "assistant"
     );
-    if (!l) return;
-    let m = !1, h = { ...l };
-    if (l.toolInvocations) {
-      const a = l.toolInvocations.map(
+    if (!r) return;
+    let m = !1, h = { ...r };
+    if (r.toolInvocations) {
+      const a = r.toolInvocations.map(
         (o) => o.state === "call" ? (m = !0, {
           ...o,
           state: "result",
@@ -51,8 +51,8 @@ function J({
         toolInvocations: a
       });
     }
-    if (l.parts && l.parts.length > 0) {
-      const a = l.parts.map((o) => o.type === "tool-invocation" && o.toolInvocation && o.toolInvocation.state === "call" ? (m = !0, {
+    if (r.parts && r.parts.length > 0) {
+      const a = r.parts.map((o) => o.type === "tool-invocation" && o.toolInvocation && o.toolInvocation.state === "call" ? (m = !0, {
         ...o,
         toolInvocation: {
           ...o.toolInvocation,
@@ -69,65 +69,65 @@ function J({
       });
     }
     if (m) {
-      const a = r.findIndex(
-        (o) => o.id === l.id
+      const a = l.findIndex(
+        (o) => o.id === r.id
       );
-      a !== -1 && (r[a] = h, v(r));
+      a !== -1 && (l[a] = h, v(l));
     }
-  }, [s, v, b]), _ = N(
-    (r) => ({
-      actions: p ? /* @__PURE__ */ C(j, { children: [
-        /* @__PURE__ */ t("div", { className: "border-d-border border-r pr-1", children: /* @__PURE__ */ t(
+  }, [s, v, C]), _ = b(
+    (l) => ({
+      actions: p ? /* @__PURE__ */ x(j, { children: [
+        /* @__PURE__ */ t("div", { className: "border-r pr-1", children: /* @__PURE__ */ t(
           T,
           {
-            content: r.content,
+            content: l.content,
             copyMessage: "Copied response to clipboard!"
           }
         ) }),
         /* @__PURE__ */ t(
-          x,
+          y,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => p(r.id, "thumbs-up"),
+            onClick: () => p(l.id, "thumbs-up"),
             children: /* @__PURE__ */ t(O, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ t(
-          x,
+          y,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => p(r.id, "thumbs-down"),
+            onClick: () => p(l.id, "thumbs-down"),
             children: /* @__PURE__ */ t(q, { className: "h-4 w-4" })
           }
         )
       ] }) : /* @__PURE__ */ t(
         T,
         {
-          content: r.content,
+          content: l.content,
           copyMessage: "Copied response to clipboard!"
         }
       )
     }),
     [p]
   );
-  return /* @__PURE__ */ C(S, { className: w, children: [
-    A && d && f ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ x(S, { className: w, children: [
+    A && f && d ? /* @__PURE__ */ t(
       E,
       {
         label: "Try these prompts ✨",
-        append: d,
-        suggestions: f
+        append: f,
+        suggestions: d
       }
     ) : null,
     e.length > 0 ? /* @__PURE__ */ t(K, { messages: e, children: /* @__PURE__ */ t(
       U,
       {
         messages: e,
-        isTyping: y,
+        isTyping: N,
         messageOptions: _
       }
     ) }) : null,
@@ -135,16 +135,16 @@ function J({
       I,
       {
         className: "flex-shrink-0",
-        isPending: c || y,
+        isPending: c || N,
         handleSubmit: n,
-        children: ({ files: r, setFiles: l }) => /* @__PURE__ */ t(
+        children: ({ files: l, setFiles: r }) => /* @__PURE__ */ t(
           P,
           {
             value: i,
             onChange: u,
             allowAttachments: !0,
-            files: r,
-            setFiles: l,
+            files: l,
+            setFiles: r,
             stop: F,
             isGenerating: c,
             transcribeAudio: M
@@ -164,19 +164,19 @@ function K({
     scrollToBottom: u,
     handleScroll: s,
     shouldAutoScroll: c,
-    handleTouchStart: d
+    handleTouchStart: f
   } = D([e]);
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ x(
     "div",
     {
       className: "relative flex-1 overflow-y-auto pb-4",
       ref: i,
       onScroll: s,
-      onTouchStart: d,
+      onTouchStart: f,
       children: [
         /* @__PURE__ */ t("div", { className: "max-w-full", children: n }),
         !c && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 flex items-end justify-end", children: /* @__PURE__ */ t("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t(
-          x,
+          y,
           {
             onClick: u,
             className: "animate-in fade-in-0 slide-in-from-bottom-1 pointer-events-auto h-8 w-8 rounded-full ease-in-out",
@@ -201,13 +201,13 @@ S.displayName = "ChatContainer";
 const I = g(
   ({ children: e, handleSubmit: n, className: i }, u) => {
     const [s, c] = z(null);
-    return /* @__PURE__ */ t("form", { ref: u, onSubmit: (f) => {
+    return /* @__PURE__ */ t("form", { ref: u, onSubmit: (d) => {
       if (!s) {
-        n(f);
+        n(d);
         return;
       }
       const w = Q(s);
-      n(f, { experimental_attachments: w }), c(null);
+      n(d, { experimental_attachments: w }), c(null);
     }, className: i, children: e({ files: s, setFiles: c }) });
   }
 );

package/dist/components/ui/context-menu.js

@@ -73,7 +73,7 @@ function B({
     {
       "data-slot": "context-menu-sub-content",
       className: a(
-        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         t
       ),
       ...n
@@ -89,7 +89,7 @@ function D({
     {
       "data-slot": "context-menu-content",
       className: a(
-        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
         t
       ),
       ...n