laif-ds 0.1.79 → 0.1.81

package/dist/components/ui/file-preview.js

@@ -1,82 +1,82 @@
 "use client";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import l, { useEffect as y } from "react";
-import { motion as n } from "framer-motion";
-import d from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import w from "../../node_modules/lucide-react/dist/esm/icons/file.js";
-const p = l.forwardRef(
-  (e, r) => e.file.type.startsWith("image/") ? /* @__PURE__ */ t(o, { ...e, ref: r }) : e.file.type.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ t(m, { ...e, ref: r }) : /* @__PURE__ */ t(u, { ...e, ref: r })
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import i, { useEffect as h } from "react";
+import { motion as l } from "framer-motion";
+import n from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/file.js";
+const w = i.forwardRef(
+  (e, t) => e.file.type.startsWith("image/") ? /* @__PURE__ */ r(s, { ...e, ref: t }) : e.file.type.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ r(m, { ...e, ref: t }) : /* @__PURE__ */ r(u, { ...e, ref: t })
 );
-p.displayName = "FilePreview";
-const o = l.forwardRef(
-  ({ file: e, onRemove: r }, i) => /* @__PURE__ */ a(
-    n.div,
+w.displayName = "FilePreview";
+const s = i.forwardRef(
+  ({ file: e, onRemove: t }, d) => /* @__PURE__ */ a(
+    l.div,
     {
-      ref: i,
-      className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+      ref: d,
+      className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
       layout: !0,
       initial: { opacity: 0, y: "100%" },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: "100%" },
       children: [
         /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "img",
             {
               alt: `Attachment ${e.name}`,
-              className: "bg-d-secondary grid h-10 w-10 shrink-0 place-items-center rounded-sm border object-cover",
+              className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border object-cover",
               src: URL.createObjectURL(e)
             }
           ),
-          /* @__PURE__ */ t("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
+          /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
         ] }),
-        r ? /* @__PURE__ */ t(
+        t ? /* @__PURE__ */ r(
           "button",
           {
-            className: "bg-d-background absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+            className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
             type: "button",
-            onClick: r,
+            onClick: t,
             "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
+            children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
           }
         ) : null
       ]
     }
   )
 );
-o.displayName = "ImageFilePreview";
-const m = l.forwardRef(
-  ({ file: e, onRemove: r }, i) => {
-    const [f, x] = l.useState("");
-    return y(() => {
+s.displayName = "ImageFilePreview";
+const m = i.forwardRef(
+  ({ file: e, onRemove: t }, d) => {
+    const [b, f] = i.useState("");
+    return h(() => {
       if (typeof window > "u") return;
-      const c = new FileReader();
-      c.onload = (h) => {
-        const s = h.target?.result;
-        x(s.slice(0, 50) + (s.length > 50 ? "..." : ""));
-      }, c.readAsText(e);
+      const o = new FileReader();
+      o.onload = (x) => {
+        const c = x.target?.result;
+        f(c.slice(0, 50) + (c.length > 50 ? "..." : ""));
+      }, o.readAsText(e);
     }, [e]), /* @__PURE__ */ a(
-      n.div,
+      l.div,
       {
-        ref: i,
-        className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+        ref: d,
+        className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
         layout: !0,
         initial: { opacity: 0, y: "100%" },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: "100%" },
         children: [
           /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-            /* @__PURE__ */ t("div", { className: "bg-d-secondary grid h-10 w-10 shrink-0 place-items-center rounded-sm border p-0.5", children: /* @__PURE__ */ t("div", { className: "text-d-secondary-foreground h-full w-full overflow-hidden text-[6px] leading-none", children: f || "Loading..." }) }),
-            /* @__PURE__ */ t("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
+            /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border p-0.5", children: /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground h-full w-full overflow-hidden text-[6px] leading-none", children: b || "Loading..." }) }),
+            /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
           ] }),
-          r ? /* @__PURE__ */ t(
+          t ? /* @__PURE__ */ r(
             "button",
             {
-              className: "bg-d-background absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+              className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
               type: "button",
-              onClick: r,
+              onClick: t,
               "aria-label": "Remove attachment",
-              children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
             }
           ) : null
         ]
@@ -85,29 +85,29 @@ const m = l.forwardRef(
   }
 );
 m.displayName = "TextFilePreview";
-const u = l.forwardRef(
-  ({ file: e, onRemove: r }, i) => /* @__PURE__ */ a(
-    n.div,
+const u = i.forwardRef(
+  ({ file: e, onRemove: t }, d) => /* @__PURE__ */ a(
+    l.div,
     {
-      ref: i,
-      className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+      ref: d,
+      className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
       layout: !0,
       initial: { opacity: 0, y: "100%" },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: "100%" },
       children: [
         /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ t("div", { className: "bg-d-secondary grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ t(w, { className: "text-d-foreground h-6 w-6" }) }),
-          /* @__PURE__ */ t("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
+          /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ r(y, { className: "text-d-foreground h-6 w-6" }) }),
+          /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
         ] }),
-        r ? /* @__PURE__ */ t(
+        t ? /* @__PURE__ */ r(
           "button",
           {
-            className: "bg-d-background absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+            className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
             type: "button",
-            onClick: r,
+            onClick: t,
             "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
+            children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
           }
         ) : null
       ]
@@ -116,5 +116,5 @@ const u = l.forwardRef(
 );
 u.displayName = "GenericFilePreview";
 export {
-  p as FilePreview
+  w as FilePreview
 };

package/dist/components/ui/gantt/components/Controls/Controls.js

@@ -1,84 +1,93 @@
 "use client";
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { useContext as y, useState as h, useMemo as f, useCallback as r } from "react";
+import { useContext as y, useState as h, useMemo as f, useCallback as a } from "react";
 import G from "../../../../../_virtual/dayjs.min.js";
 import { cn as P } from "../../../../../lib/utils.js";
 import { Button as g } from "../../../button.js";
-import { Select as S, SelectTrigger as x, SelectValue as v, SelectContent as b, SelectItem as C } from "../../../select.js";
+import { Select as S, SelectTrigger as b, SelectValue as x, SelectContent as v, SelectItem as C } from "../../../select.js";
 import { GanttContext as B } from "../Gantt/GanttContext.js";
 import { useGanttCalculate as L } from "../../hooks/useGanttCalculate.js";
 import M from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
 import R from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { GanttDimensionsSettings as o } from "../../constants/DimensionsSettings.js";
+import { GanttDimensionsSettings as l } from "../../constants/DimensionsSettings.js";
 import { DragStepOptions as u } from "../../constants/DragStepOptions.js";
 const Y = ({ className: D }) => {
-  const { calculate: s } = L(), { settings: a, setSettings: p, currentDate: j } = y(B), [z, c] = h(a.dimension), [t, m] = h(
-    Object.keys(o).findIndex(
-      (e) => e === a.dimension
+  const { calculate: s } = L(), { settings: r, setSettings: p, currentDate: j } = y(B), [z, c] = h(r.dimension), [t, m] = h(
+    Object.keys(l).findIndex(
+      (e) => e === r.dimension
     )
-  ), l = f(() => Object.keys(o).map((e, i) => ({
-    label: o[e].label,
+  ), o = f(() => Object.keys(l).map((e, i) => ({
+    label: l[e].label,
     value: e,
     index: i
-  })), []), N = r(
+  })), []), N = a(
     (e) => {
-      const i = l.findIndex((V) => V.value === e);
+      const i = o.findIndex((V) => V.value === e);
       c(e), m(i), s(e);
     },
-    [s, l]
-  ), O = r(() => {
-    if (t < l.length - 1) {
-      const e = Object.keys(o)[t + 1];
+    [s, o]
+  ), O = a(() => {
+    if (t < o.length - 1) {
+      const e = Object.keys(l)[t + 1];
       c(e), m(t + 1), s(e);
     }
-  }, [s, l.length, t]), k = r(() => {
+  }, [s, o.length, t]), k = a(() => {
     if (t > 0) {
-      const e = Object.keys(o)[t - 1];
+      const e = Object.keys(l)[t - 1];
       c(e), m(t - 1), s(e);
     }
   }, [s, t]), I = f(() => Object.keys(u).map((e) => ({
     label: u[e].label,
     value: e
-  })), []), w = r(
+  })), []), w = a(
     (e) => {
       p(() => {
-        const i = { ...a };
-        return i.dragStepSize = e, i.gridSize = u[e].seconds / o[i.dimension].secondsInPixel, i;
+        const i = { ...r };
+        return i.dragStepSize = e, i.gridSize = u[e].seconds / l[i.dimension].secondsInPixel, i;
       });
     },
-    [p, a]
+    [p, r]
+  );
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: P(
+        "border-d-border flex items-center gap-2 border-b p-4",
+        D
+      ),
+      children: [
+        /* @__PURE__ */ n(
+          g,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: k,
+            disabled: t <= 0,
+            children: /* @__PURE__ */ n(M, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ d(S, { value: z, onValueChange: N, children: [
+          /* @__PURE__ */ n(b, { className: "w-[180px]", children: /* @__PURE__ */ n(x, { placeholder: "Seleziona dimensione" }) }),
+          /* @__PURE__ */ n(v, { className: "z-100", children: o.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
+        ] }),
+        /* @__PURE__ */ n(
+          g,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: O,
+            disabled: t >= o.length - 1,
+            children: /* @__PURE__ */ n(R, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "px-4 text-sm font-medium", children: G.unix(j).format("ddd, ll") }),
+        /* @__PURE__ */ d(S, { value: r.dragStepSize, onValueChange: w, children: [
+          /* @__PURE__ */ n(b, { className: "w-[180px]", children: /* @__PURE__ */ n(x, { placeholder: "Seleziona step" }) }),
+          /* @__PURE__ */ n(v, { children: I.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
+        ] })
+      ]
+    }
   );
-  return /* @__PURE__ */ d("div", { className: P("flex items-center gap-2 border-b p-4", D), children: [
-    /* @__PURE__ */ n(
-      g,
-      {
-        variant: "outline",
-        size: "icon",
-        onClick: k,
-        disabled: t <= 0,
-        children: /* @__PURE__ */ n(M, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ d(S, { value: z, onValueChange: N, children: [
-      /* @__PURE__ */ n(x, { className: "w-[180px]", children: /* @__PURE__ */ n(v, { placeholder: "Seleziona dimensione" }) }),
-      /* @__PURE__ */ n(b, { className: "z-100", children: l.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
-    ] }),
-    /* @__PURE__ */ n(
-      g,
-      {
-        variant: "outline",
-        size: "icon",
-        onClick: O,
-        disabled: t >= l.length - 1,
-        children: /* @__PURE__ */ n(R, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ n("div", { className: "px-4 text-sm font-medium", children: G.unix(j).format("ddd, ll") }),
-    /* @__PURE__ */ d(S, { value: a.dragStepSize, onValueChange: w, children: [
-      /* @__PURE__ */ n(x, { className: "w-[180px]", children: /* @__PURE__ */ n(v, { placeholder: "Seleziona step" }) }),
-      /* @__PURE__ */ n(b, { children: I.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
-    ] })
-  ] });
 };
 export {
   Y as default

package/dist/components/ui/hover-card.js

@@ -15,20 +15,20 @@ function u({
 function g({
   className: t,
   align: e = "center",
-  sideOffset: a = 4,
-  ...r
+  sideOffset: r = 4,
+  ...a
 }) {
   return /* @__PURE__ */ o(i, { "data-slot": "hover-d-card-portal", children: /* @__PURE__ */ o(
     s,
     {
       "data-slot": "hover-d-card-content",
       align: e,
-      sideOffset: a,
+      sideOffset: r,
       className: m(
-        "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 w-64 origin-(--radix-hover-d-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        "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 w-64 origin-(--radix-hover-d-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         t
       ),
-      ...r
+      ...a
     }
   ) });
 }

package/dist/components/ui/input-selector.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
 import * as c from "react";
 import { motion as s } from "framer-motion";
 import { cn as i } from "../../lib/utils.js";
@@ -14,31 +14,31 @@ function V({
   value: r = 1,
   onChange: l,
   min: p = 1,
-  max: g = 4,
-  className: b,
+  max: b = 4,
+  className: g,
   buttonClassName: d,
   counterClassName: h
 }) {
-  const [t, a] = c.useState(r), [u, m] = c.useState(!1);
+  const [e, a] = c.useState(r), [u, m] = c.useState(!1);
   c.useEffect(() => {
     a(r);
   }, [r]);
   const v = (o) => {
-    if (o.preventDefault(), t < g) {
-      const n = t + 1;
+    if (o.preventDefault(), e < b) {
+      const n = e + 1;
       a(n), l?.(n);
     } else
       f();
   }, y = (o) => {
-    if (o.preventDefault(), t > p) {
-      const n = t - 1;
+    if (o.preventDefault(), e > p) {
+      const n = e - 1;
       a(n), l?.(n);
     } else
       f();
   }, f = () => {
     m(!0), setTimeout(() => m(!1), 300);
   };
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     s.div,
     {
       "data-slot": "input-selector",
@@ -48,7 +48,7 @@ function V({
       exit: "exit",
       className: i(
         "flex w-full flex-col items-center justify-center gap-8",
-        b
+        g
       ),
       children: /* @__PURE__ */ N(
         s.div,
@@ -64,23 +64,23 @@ function V({
           animate: u ? "vibrate" : "initial",
           className: "flex items-center gap-8",
           children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 onClick: y,
                 className: i(
-                  "h-12 w-12 rounded-full border",
+                  "border-d-border h-12 w-12 rounded-full",
                   "bg-d-background",
                   "hover:bg-d-accent hover:text-d-accent-foreground",
                   "text-d-foreground cursor-pointer",
                   "flex items-center justify-center",
                   d
                 ),
-                children: /* @__PURE__ */ e("span", { className: "text-2xl font-medium", children: "-" })
+                children: /* @__PURE__ */ t("span", { className: "text-2xl font-medium", children: "-" })
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               s.span,
               {
                 variants: x.container,
@@ -91,24 +91,24 @@ function V({
                   "text-d-foreground dark:text-d-foreground text-2xl font-medium",
                   h
                 ),
-                children: t
+                children: e
               },
-              t
+              e
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 onClick: v,
                 className: i(
-                  "h-12 w-12 rounded-full border",
+                  "border-d-border h-12 w-12 rounded-full border",
                   "bg-d-background",
                   "hover:bg-d-accent hover:text-d-accent-foreground",
                   "text-d-foreground cursor-pointer",
                   "flex items-center justify-center",
                   d
                 ),
-                children: /* @__PURE__ */ e("span", { className: "text-2xl font-medium", children: "+" })
+                children: /* @__PURE__ */ t("span", { className: "text-2xl font-medium", children: "+" })
               }
             )
           ]

package/dist/components/ui/interrupt-prompt.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { AnimatePresence as i, motion as l } from "framer-motion";
-import o from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { AnimatePresence as o, motion as i } from "framer-motion";
+import l from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 function m({ isOpen: t, close: r }) {
-  return /* @__PURE__ */ e(i, { children: t && /* @__PURE__ */ n(
-    l.div,
+  return /* @__PURE__ */ e(o, { children: t && /* @__PURE__ */ n(
+    i.div,
     {
       initial: { top: 0, filter: "blur(5px)" },
       animate: {
@@ -16,7 +16,7 @@ function m({ isOpen: t, close: r }) {
         }
       },
       exit: { top: 0, filter: "blur(5px)" },
-      className: "bg-d-background text-d-secondary-foreground absolute left-1/2 flex -translate-x-1/2 overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
+      className: "bg-d-background text-d-secondary-foreground border-d-border absolute left-1/2 flex -translate-x-1/2 overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
       children: [
         /* @__PURE__ */ e("span", { className: "ml-2.5", children: "Press Enter again to interrupt" }),
         /* @__PURE__ */ e(
@@ -26,7 +26,7 @@ function m({ isOpen: t, close: r }) {
             type: "button",
             onClick: r,
             "aria-label": "Close",
-            children: /* @__PURE__ */ e(o, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ e(l, { className: "h-3 w-3" })
           }
         )
       ]

package/dist/components/ui/markdown-renderer.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as t, jsxs as p, Fragment as b } from "react/jsx-runtime";
+import { jsx as t, jsxs as p, Fragment as f } from "react/jsx-runtime";
 import y, { Suspense as x } from "react";
 import { cn as m } from "../../lib/utils.js";
 import { CopyButton as k } from "./copy-button.js";
@@ -10,10 +10,10 @@ function q({ children: e }) {
 }
 const g = y.memo(
   async ({ children: e, language: o, ...n }) => {
-    const { codeToTokens: l, bundledLanguages: i } = await import("../../node_modules/shiki/dist/index.js");
+    const { codeToTokens: d, bundledLanguages: i } = await import("../../node_modules/shiki/dist/index.js");
     if (!(o in i))
       return /* @__PURE__ */ t("pre", { ...n, children: e });
-    const { tokens: d } = await l(e, {
+    const { tokens: l } = await d(e, {
       lang: o,
       defaultColor: !1,
       themes: {
@@ -21,20 +21,20 @@ const g = y.memo(
         dark: "github-dark"
       }
     });
-    return /* @__PURE__ */ t("pre", { ...n, children: /* @__PURE__ */ t("code", { children: d.map((h, c) => /* @__PURE__ */ p(b, { children: [
+    return /* @__PURE__ */ t("pre", { ...n, children: /* @__PURE__ */ t("code", { children: l.map((h, c) => /* @__PURE__ */ p(f, { children: [
       /* @__PURE__ */ t("span", { children: h.map((a, u) => {
-        const f = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
+        const b = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
         return /* @__PURE__ */ t(
           "span",
           {
             className: "text-shiki-light bg-shiki-light-bg dark:text-shiki-dark dark:bg-shiki-dark-bg",
-            style: f,
+            style: b,
             children: a.content
           },
           u
         );
       }) }, c),
-      c !== d.length - 1 && `
+      c !== l.length - 1 && `
 `
     ] })) }) });
   }
@@ -44,18 +44,18 @@ const w = ({
   children: e,
   className: o,
   language: n,
-  ...l
+  ...d
 }) => {
-  const i = typeof e == "string" ? e : s(e), d = m(
-    "overflow-x-scroll rounded-md border bg-d-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
+  const i = typeof e == "string" ? e : s(e), l = m(
+    "overflow-x-scroll rounded-md border  border-d-border bg-d-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
     o
   );
   return /* @__PURE__ */ p("div", { className: "group/code relative mb-4", children: [
     /* @__PURE__ */ t(
       x,
       {
-        fallback: /* @__PURE__ */ t("pre", { className: d, ...l, children: e }),
-        children: /* @__PURE__ */ t(g, { language: n, className: d, children: i })
+        fallback: /* @__PURE__ */ t("pre", { className: l, ...d, children: e }),
+        children: /* @__PURE__ */ t(g, { language: n, className: l, children: i })
       }
     ),
     /* @__PURE__ */ t("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: i, copyMessage: "Copied code to clipboard" }) })
@@ -79,15 +79,15 @@ const C = {
   strong: r("strong", "font-semibold"),
   a: r("a", "text-d-primary underline underline-offset-2"),
   blockquote: r("blockquote", "border-l-2 border-d-primary pl-4"),
-  code: ({ children: e, className: o, node: n, ...l }) => {
+  code: ({ children: e, className: o, node: n, ...d }) => {
     const i = /language-(\w+)/.exec(o || "");
-    return i ? /* @__PURE__ */ t(w, { className: o, language: i[1], ...l, children: e }) : /* @__PURE__ */ t(
+    return i ? /* @__PURE__ */ t(w, { className: o, language: i[1], ...d, children: e }) : /* @__PURE__ */ t(
       "code",
       {
         className: m(
           "[:not(pre)>&]:bg-d-background/50 font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
         ),
-        ...l,
+        ...d,
         children: e
       }
     );
@@ -113,7 +113,7 @@ const C = {
   hr: r("hr", "border-foreground/20")
 };
 function r(e, o) {
-  const n = ({ node: l, ...i }) => /* @__PURE__ */ t(e, { className: o, ...i });
+  const n = ({ node: d, ...i }) => /* @__PURE__ */ t(e, { className: o, ...i });
   return n.displayName = String(e), n;
 }
 export {