zudoku 0.48.0 → 0.48.2

package/lib/ui/Alert.js

@@ -1,51 +1,67 @@
 import { j as a } from "../jsx-runtime-C5mzlN2N.js";
-import { c as l } from "../index-DI5SPFK9.js";
-import * as s from "react";
-import { c as i } from "../cn-wvCW-ho6.js";
-const d = l(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+import { c as i } from "../index-DI5SPFK9.js";
+import { c as e } from "../cn-wvCW-ho6.js";
+const l = i(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
       variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), n = s.forwardRef(({ className: t, variant: e, ...r }, o) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    ref: o,
-    role: "alert",
-    className: i(d({ variant: e }), t),
-    ...r
-  }
-));
-n.displayName = "Alert";
-const c = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a.jsx(
-  "h5",
-  {
-    ref: r,
-    className: i("mb-1 font-medium leading-none tracking-tight", t),
-    ...e
-  }
-));
-c.displayName = "AlertTitle";
-const v = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    ref: r,
-    className: i("text-sm [&_p]:leading-relaxed", t),
-    ...e
-  }
-));
-v.displayName = "AlertDescription";
+);
+function o({
+  className: t,
+  variant: r,
+  ...s
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: e(l({ variant: r }), t),
+      ...s
+    }
+  );
+}
+function g({ className: t, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: e(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function u({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: e(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        t
+      ),
+      ...r
+    }
+  );
+}
 export {
-  n as Alert,
-  v as AlertDescription,
-  c as AlertTitle
+  o as Alert,
+  u as AlertDescription,
+  g as AlertTitle
 };
 //# sourceMappingURL=Alert.js.map

package/lib/ui/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/lib/ui/Alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../util/cn.js\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"alert\"\n    className={cn(alertVariants({ variant }), className)}\n    {...props}\n  />\n));\nAlert.displayName = \"Alert\";\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n    {...props}\n  />\n));\nAlertTitle.displayName = \"AlertTitle\";\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n    {...props}\n  />\n));\nAlertDescription.displayName = \"AlertDescription\";\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnCC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGT,EAAc,EAAE,SAAAK,EAAS,CAAA,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEd,MAAAQ,IAAaP,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEnB,MAAAC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAiB,cAAc;"}
+{"version":3,"file":"Alert.js","sources":["../../src/lib/ui/Alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AAEjE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AAEtE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAE5B,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/lib/ui/CodeBlock.js

@@ -1,77 +1,69 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { CheckIcon as p, CopyIcon as x } from "lucide-react";
-import { useState as f, useRef as b } from "react";
-import { c as t } from "../cn-wvCW-ho6.js";
-const C = ({
-  children: n,
-  title: o,
-  language: l,
-  showCopy: r = "hover",
-  showCopyText: a,
-  showLanguageIndicator: c = !0,
-  showLineNumbers: u,
+import { CheckIcon as u, CopyIcon as x } from "lucide-react";
+import { useState as p, useRef as b } from "react";
+import { c as o } from "../cn-wvCW-ho6.js";
+const j = ({
+  children: r,
+  title: a = "Code",
+  language: n,
+  showCopy: i = "hover",
+  showLanguageIndicator: c = !1,
+  showLineNumbers: d,
   ...m
 }) => {
-  const [d, i] = f(!1), s = b(null);
-  return n ? /* @__PURE__ */ e.jsxs(
+  const [s, l] = p(!1), t = b(null);
+  return r ? /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: t(
-        "code-block-wrapper relative group bg-muted/50 rounded-md",
-        u && "line-numbers"
+      className: o(
+        "border code-block-wrapper relative group bg-muted/50 rounded-md overflow-hidden",
+        d && "line-numbers"
       ),
       children: [
-        o && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-muted-foreground top-2 font-mono border-b w-full py-2 px-4 ", children: o }),
+        /* @__PURE__ */ e.jsxs("div", { className: "border-b flex items-center h-10 font-sans bg-black/2", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 text-sm w-full px-4", children: [
+            a,
+            c && /* @__PURE__ */ e.jsxs("span", { className: "text-muted-foreground ml-2", children: [
+              "(",
+              n,
+              ")"
+            ] })
+          ] }),
+          " ",
+          i !== "never" && /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Copy code",
+              title: "Copy code",
+              className: o(
+                "cursor:pointer h-full hover:border-l-border active:shadow-none active:inset-shadow-xs hover:inset-shadow-xs flex items-center gap-2 px-4 outline-border text-sm hover:bg-black/5 transition-all"
+              ),
+              disabled: s,
+              onClick: () => {
+                t.current?.textContent && (l(!0), navigator.clipboard.writeText(t.current.textContent), setTimeout(() => l(!1), 2e3));
+              },
+              children: s ? /* @__PURE__ */ e.jsx(
+                u,
+                {
+                  className: "text-emerald-600",
+                  size: 14,
+                  strokeWidth: 2.5,
+                  absoluteStrokeWidth: !0
+                }
+              ) : /* @__PURE__ */ e.jsx(x, { size: 14 })
+            }
+          )
+        ] }),
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: t(
+            className: o(
               "code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4",
               m.className
             ),
-            ref: s,
-            children: n
-          }
-        ),
-        c && /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: t(
-              "absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0",
-              o && "top-12",
-              r === "always" && "hidden"
-            ),
-            children: l
-          }
-        ),
-        r !== "never" && /* @__PURE__ */ e.jsxs(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Copy code",
-            title: "Copy code",
-            className: t(
-              "absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground",
-              o && "top-10",
-              r === "hover" && "opacity-0 group-hover:opacity-100",
-              a && "flex gap-2 items-center font-medium"
-            ),
-            disabled: d,
-            onClick: () => {
-              s.current?.textContent && (i(!0), navigator.clipboard.writeText(s.current.textContent), setTimeout(() => i(!1), 2e3));
-            },
-            children: [
-              d ? /* @__PURE__ */ e.jsx(
-                p,
-                {
-                  className: "text-emerald-600",
-                  size: 16,
-                  strokeWidth: 2.5,
-                  absoluteStrokeWidth: !0
-                }
-              ) : /* @__PURE__ */ e.jsx(x, { size: 16 }),
-              a && "Copy"
-            ]
+            ref: t,
+            children: r
           }
         )
       ]
@@ -79,6 +71,6 @@ const C = ({
   ) : null;
 };
 export {
-  C as CodeBlock
+  j as CodeBlock
 };
 //# sourceMappingURL=CodeBlock.js.map

package/lib/ui/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sources":["../../src/lib/ui/CodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  title?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  showCopyText?: boolean;\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const CodeBlock = ({\n  children,\n  title,\n  language,\n  showCopy = \"hover\",\n  showCopyText,\n  showLanguageIndicator = true,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"code-block-wrapper relative group bg-muted/50 rounded-md\",\n        showLineNumbers && \"line-numbers\",\n      )}\n    >\n      {title && (\n        <div className=\"text-xs text-muted-foreground top-2 font-mono border-b w-full py-2 px-4 \">\n          {title}\n        </div>\n      )}\n      <div\n        className={cn(\n          \"code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4\",\n          props.className,\n        )}\n        ref={ref}\n      >\n        {children}\n      </div>\n      {showLanguageIndicator && (\n        <span\n          className={cn(\n            \"absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0\",\n            title && \"top-12\",\n            showCopy === \"always\" && \"hidden\",\n          )}\n        >\n          {language}\n        </span>\n      )}\n      {showCopy !== \"never\" && (\n        <button\n          type=\"button\"\n          aria-label=\"Copy code\"\n          title=\"Copy code\"\n          className={cn(\n            \"absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground\",\n            title && \"top-10\",\n            showCopy === \"hover\" && \"opacity-0 group-hover:opacity-100\",\n            showCopyText && \"flex gap-2 items-center font-medium\",\n          )}\n          disabled={isCopied}\n          onClick={() => {\n            if (!ref.current?.textContent) return;\n\n            setIsCopied(true);\n            void navigator.clipboard.writeText(ref.current.textContent);\n            setTimeout(() => setIsCopied(false), 2000);\n          }}\n        >\n          {isCopied ? (\n            <CheckIcon\n              className=\"text-emerald-600\"\n              size={16}\n              strokeWidth={2.5}\n              absoluteStrokeWidth\n            />\n          ) : (\n            <CopyIcon size={16} />\n          )}\n          {showCopyText && \"Copy\"}\n        </button>\n      )}\n    </div>\n  );\n};\n"],"names":["CodeBlock","children","title","language","showCopy","showCopyText","showLanguageIndicator","showLineNumbers","props","isCopied","setIsCopied","useState","ref","useRef","jsxs","cn","jsx","CheckIcon","CopyIcon"],"mappings":";;;;AAoBO,MAAMA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEnC,SAACZ,IAGHa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,KAAmB;AAAA,MACrB;AAAA,MAEC,UAAA;AAAA,QAAAL,KACEc,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,4EACZ,UACHd,GAAA;AAAA,QAEFc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAP,EAAM;AAAA,YACR;AAAA,YACA,KAAAI;AAAA,YAEC,UAAAX;AAAA,UAAA;AAAA,QACH;AAAA,QACCK,KACCU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAb,KAAS;AAAA,cACTE,MAAa,YAAY;AAAA,YAC3B;AAAA,YAEC,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,MAAa,WACZU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAWC;AAAA,cACT;AAAA,cACAb,KAAS;AAAA,cACTE,MAAa,WAAW;AAAA,cACxBC,KAAgB;AAAA,YAClB;AAAA,YACA,UAAUI;AAAA,YACV,SAAS,MAAM;AACT,cAACG,EAAI,SAAS,gBAElBF,EAAY,EAAI,GACX,UAAU,UAAU,UAAUE,EAAI,QAAQ,WAAW,GAC1D,WAAW,MAAMF,EAAY,EAAK,GAAG,GAAI;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cACCD,IAAAO,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,qBAAmB;AAAA,gBAAA;AAAA,cAGrB,IAAAD,gBAAAA,EAAA,IAACE,GAAS,EAAA,MAAM,GAAI,CAAA;AAAA,cAErBb,KAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAEJ,IAnEoB;AAqExB;"}
+{"version":3,"file":"CodeBlock.js","sources":["../../src/lib/ui/CodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  title?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const CodeBlock = ({\n  children,\n  title = \"Code\",\n  language,\n  showCopy = \"hover\",\n  showLanguageIndicator = false,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"border code-block-wrapper relative group bg-muted/50 rounded-md overflow-hidden\",\n        showLineNumbers && \"line-numbers\",\n      )}\n    >\n      <div className=\"border-b flex items-center h-10 font-sans bg-black/2\">\n        <div className=\"flex-1 text-sm w-full px-4\">\n          {title}\n          {showLanguageIndicator && (\n            <span className=\"text-muted-foreground ml-2\">({language})</span>\n          )}\n        </div>{\" \"}\n        {showCopy !== \"never\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Copy code\"\n            title=\"Copy code\"\n            className={cn(\n              \"cursor:pointer h-full hover:border-l-border active:shadow-none active:inset-shadow-xs hover:inset-shadow-xs flex items-center gap-2 px-4 outline-border text-sm hover:bg-black/5 transition-all\",\n            )}\n            disabled={isCopied}\n            onClick={() => {\n              if (!ref.current?.textContent) return;\n\n              setIsCopied(true);\n              void navigator.clipboard.writeText(ref.current.textContent);\n              setTimeout(() => setIsCopied(false), 2000);\n            }}\n          >\n            {isCopied ? (\n              <CheckIcon\n                className=\"text-emerald-600\"\n                size={14}\n                strokeWidth={2.5}\n                absoluteStrokeWidth\n              />\n            ) : (\n              <CopyIcon size={14} />\n            )}\n          </button>\n        )}\n      </div>\n      <div\n        className={cn(\n          \"code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4\",\n          props.className,\n        )}\n        ref={ref}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["CodeBlock","children","title","language","showCopy","showLanguageIndicator","showLineNumbers","props","isCopied","setIsCopied","useState","ref","useRef","jsxs","cn","jsx","CheckIcon","CopyIcon"],"mappings":";;;;AAmBO,MAAMA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEnC,SAACX,IAGHY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,KAAmB;AAAA,MACrB;AAAA,MAEA,UAAA;AAAA,QAACO,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,wDACb,UAAA;AAAA,UAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,YAAAX;AAAA,YACAG,KACCQ,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,8BAA6B,UAAA;AAAA,cAAA;AAAA,cAAEV;AAAA,cAAS;AAAA,YAAA,EAAC,CAAA;AAAA,UAAA,GAE7D;AAAA,UAAO;AAAA,UACNC,MAAa,WACZW,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,OAAM;AAAA,cACN,WAAWD;AAAA,gBACT;AAAA,cACF;AAAA,cACA,UAAUN;AAAA,cACV,SAAS,MAAM;AACT,gBAACG,EAAI,SAAS,gBAElBF,EAAY,EAAI,GACX,UAAU,UAAU,UAAUE,EAAI,QAAQ,WAAW,GAC1D,WAAW,MAAMF,EAAY,EAAK,GAAG,GAAI;AAAA,cAC3C;AAAA,cAEC,UACCD,IAAAO,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,qBAAmB;AAAA,gBAAA;AAAA,cAGrB,IAAAD,gBAAAA,MAACE,GAAS,EAAA,MAAM,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAExB,GAEJ;AAAA,QACAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAP,EAAM;AAAA,YACR;AAAA,YACA,KAAAI;AAAA,YAEC,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF,IAvDoB;AAyDxB;"}

package/lib/ui/EmbeddedCodeBlock.js

@@ -0,0 +1,80 @@
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import { CheckIcon as m, CopyIcon as p } from "lucide-react";
+import { useState as x, useRef as b } from "react";
+import { c as t } from "../cn-wvCW-ho6.js";
+const j = ({
+  children: s,
+  language: d,
+  showCopy: o = "hover",
+  showCopyText: n,
+  showLanguageIndicator: l = !0,
+  showLineNumbers: c,
+  ...u
+}) => {
+  const [a, i] = x(!1), r = b(null);
+  return s ? /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: t(
+        "code-block-wrapper relative group bg-muted/50 rounded-md",
+        c && "line-numbers"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: t(
+              "code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4",
+              u.className
+            ),
+            ref: r,
+            children: s
+          }
+        ),
+        l && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: t(
+              "absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0",
+              o === "always" && "hidden"
+            ),
+            children: d
+          }
+        ),
+        o !== "never" && /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Copy code",
+            title: "Copy code",
+            className: t(
+              "absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground",
+              o === "hover" && "opacity-0 group-hover:opacity-100",
+              n && "flex gap-2 items-center font-medium"
+            ),
+            disabled: a,
+            onClick: () => {
+              r.current?.textContent && (i(!0), navigator.clipboard.writeText(r.current.textContent), setTimeout(() => i(!1), 2e3));
+            },
+            children: [
+              a ? /* @__PURE__ */ e.jsx(
+                m,
+                {
+                  className: "text-emerald-600",
+                  size: 16,
+                  strokeWidth: 2.5,
+                  absoluteStrokeWidth: !0
+                }
+              ) : /* @__PURE__ */ e.jsx(p, { size: 16 }),
+              n && "Copy"
+            ]
+          }
+        )
+      ]
+    }
+  ) : null;
+};
+export {
+  j as EmbeddedCodeBlock
+};
+//# sourceMappingURL=EmbeddedCodeBlock.js.map

package/lib/ui/EmbeddedCodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedCodeBlock.js","sources":["../../src/lib/ui/EmbeddedCodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  showCopyText?: boolean;\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const EmbeddedCodeBlock = ({\n  children,\n  language,\n  showCopy = \"hover\",\n  showCopyText,\n  showLanguageIndicator = true,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"code-block-wrapper relative group bg-muted/50 rounded-md\",\n        showLineNumbers && \"line-numbers\",\n      )}\n    >\n      <div\n        className={cn(\n          \"code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4\",\n          props.className,\n        )}\n        ref={ref}\n      >\n        {children}\n      </div>\n      {showLanguageIndicator && (\n        <span\n          className={cn(\n            \"absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0\",\n            showCopy === \"always\" && \"hidden\",\n          )}\n        >\n          {language}\n        </span>\n      )}\n      {showCopy !== \"never\" && (\n        <button\n          type=\"button\"\n          aria-label=\"Copy code\"\n          title=\"Copy code\"\n          className={cn(\n            \"absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground\",\n            showCopy === \"hover\" && \"opacity-0 group-hover:opacity-100\",\n            showCopyText && \"flex gap-2 items-center font-medium\",\n          )}\n          disabled={isCopied}\n          onClick={() => {\n            if (!ref.current?.textContent) return;\n\n            setIsCopied(true);\n            void navigator.clipboard.writeText(ref.current.textContent);\n            setTimeout(() => setIsCopied(false), 2000);\n          }}\n        >\n          {isCopied ? (\n            <CheckIcon\n              className=\"text-emerald-600\"\n              size={16}\n              strokeWidth={2.5}\n              absoluteStrokeWidth\n            />\n          ) : (\n            <CopyIcon size={16} />\n          )}\n          {showCopyText && \"Copy\"}\n        </button>\n      )}\n    </div>\n  );\n};\n"],"names":["EmbeddedCodeBlock","children","language","showCopy","showCopyText","showLanguageIndicator","showLineNumbers","props","isCopied","setIsCopied","useState","ref","useRef","jsxs","cn","jsx","CheckIcon","CopyIcon"],"mappings":";;;;AAmBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEnC,SAACX,IAGHY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,KAAmB;AAAA,MACrB;AAAA,MAEA,UAAA;AAAA,QAAAS,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAP,EAAM;AAAA,YACR;AAAA,YACA,KAAAI;AAAA,YAEC,UAAAV;AAAA,UAAA;AAAA,QACH;AAAA,QACCI,KACCU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAX,MAAa,YAAY;AAAA,YAC3B;AAAA,YAEC,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,MAAa,WACZU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAWC;AAAA,cACT;AAAA,cACAX,MAAa,WAAW;AAAA,cACxBC,KAAgB;AAAA,YAClB;AAAA,YACA,UAAUI;AAAA,YACV,SAAS,MAAM;AACT,cAACG,EAAI,SAAS,gBAElBF,EAAY,EAAI,GACX,UAAU,UAAU,UAAUE,EAAI,QAAQ,WAAW,GAC1D,WAAW,MAAMF,EAAY,EAAK,GAAG,GAAI;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cACCD,IAAAO,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,qBAAmB;AAAA,gBAAA;AAAA,cAGrB,IAAAD,gBAAAA,EAAA,IAACE,GAAS,EAAA,MAAM,GAAI,CAAA;AAAA,cAErBb,KAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAEJ,IA5DoB;AA8DxB;"}

package/lib/ui/SyntaxHighlight.js

@@ -1,10 +1,11 @@
 import "../jsx-runtime-C5mzlN2N.js";
 import "react";
 import "../hook-CHXroBFt.js";
-import { S as g } from "../SyntaxHighlight-CH9OUJre.js";
+import { S as h } from "../SyntaxHighlight-C5ja40ix.js";
 import "../invariant-DAFpPywt.js";
 import "./CodeBlock.js";
+import "./EmbeddedCodeBlock.js";
 export {
-  g as SyntaxHighlight
+  h as SyntaxHighlight
 };
 //# sourceMappingURL=SyntaxHighlight.js.map

package/lib/ui/SyntaxHighlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlight.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"SyntaxHighlight.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/lib/zudoku.components.js

@@ -3,7 +3,7 @@ import { z as ht, J as cn } from "./index--oeBayMa.js";
 import { R as un, S as ln, u as se, f as ye, g as dn, L as we, O as ft } from "./chunk-DQRVZFIR-BblmKnHy.js";
 import { S as pt, r as mt, Q as hn, n as C, v as Oe, w as Se, x as T, y as fn, z as pn, A as mn, B as gn, D as Ie, E as Te, F as vn, h as Ae, G as De, H as xn, e as gt, I as vt, l as yn, k as E, i as H, J as xt, K as yt, j as F, L as wn, u as _n, d as bn, N as jn, Z as kn, m as zn, C as Zn } from "./hook-CHXroBFt.js";
 import { B as wt, R as $n } from "./RouteGuard-gV7nvzi7.js";
-import { E as _t, S as N, a as Pn, R as Nn } from "./Slot-BkYrj_uC.js";
+import { E as _t, S as N, a as Pn, R as Nn } from "./Slot-CSEIvwwO.js";
 import { j as s } from "./jsx-runtime-C5mzlN2N.js";
 import { Button as bt } from "./ui/Button.js";
 import { Callout as Cn } from "./ui/Callout.js";
@@ -14,7 +14,7 @@ import * as Tn from "react-dom";
 import { CircleFadingArrowUpIcon as An, LoaderCircleIcon as Dn, ExternalLink as Rn, CircleXIcon as Mn, ChevronRightIcon as Un, SearchIcon as Fn, SunIcon as qn, MoonIcon as Ln, MenuIcon as Qn, PanelLeftIcon as Bn } from "lucide-react";
 import { C as ie } from "./ClientOnly-E7hGysn1.js";
 import { c as $ } from "./cn-wvCW-ho6.js";
-import { A as Hn, d as Kn, s as Wn, N as Me, a as Vn, H as Jn, P as Gn, b as Xn, V as Yn, M as er } from "./Markdown-DCAIYXF5.js";
+import { A as Hn, d as Kn, s as Wn, N as Me, a as Vn, H as Jn, P as Gn, b as Xn, V as Yn, M as er } from "./Markdown-BQ8YqLsz.js";
 import { S as zt } from "./Spinner-mNLZ6awP.js";
 import { C as tr } from "./CategoryHeading-Cu2RwgjC.js";
 import { isSearchPlugin as nr, isProfileMenuPlugin as rr, isNavigationPlugin as Ue, isAuthenticationPlugin as or, isEventConsumerPlugin as sr, needsInitialization as ir, isApiIdentityPlugin as ar, isMdxProviderPlugin as cr, hasHead as ur } from "./zudoku.plugins.js";

package/lib/zudoku.plugin-api-catalog.js

@@ -4,7 +4,7 @@ import { d as b, m as j } from "./chunk-DQRVZFIR-BblmKnHy.js";
 import { u as x, d as v, j as d } from "./hook-CHXroBFt.js";
 import { H as y } from "./index.esm-BFcSKCe-.js";
 import { Link as N } from "./zudoku.components.js";
-import { H as k, M as S } from "./Markdown-DCAIYXF5.js";
+import { H as k, M as S } from "./Markdown-BQ8YqLsz.js";
 const w = ({
   items: n,
   filterCatalogItems: o = (r) => r,