zudoku 0.66.2 → 0.66.4

package/lib/Frame-DxlznfVd.js

@@ -0,0 +1,205 @@
+import { j as a } from "./jsx-runtime-BzflLqGi.js";
+import { Slot as l } from "@radix-ui/react-slot";
+import { c as m } from "./index-DI5SPFK9.js";
+import { c as r } from "./cn-dYga0KKN.js";
+import { Separator as d } from "./ui/Separator.js";
+function g({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: r("group/item-group flex flex-col", t),
+      ...e
+    }
+  );
+}
+function v({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    d,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: r("my-0", t),
+      ...e
+    }
+  );
+}
+const f = m(
+  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function j({
+  className: t,
+  variant: e = "default",
+  size: o = "default",
+  asChild: s = !1,
+  ...n
+}) {
+  const i = s ? l : "div";
+  return /* @__PURE__ */ a.jsx(
+    i,
+    {
+      "data-slot": "item",
+      "data-variant": e,
+      "data-size": o,
+      className: r(f({ variant: e, size: o, className: t })),
+      ...n
+    }
+  );
+}
+function N({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: r(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function h({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: r(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function F({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: r(
+        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function I({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: r("flex items-center gap-2", t),
+      ...e
+    }
+  );
+}
+function w({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame",
+      className: r(
+        "relative flex flex-col rounded-2xl bg-muted p-1",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function k({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame-panel",
+      className: r(
+        "relative bg-clip-padding rounded-xl border bg-card p-5 shadow-xs",
+        "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function y({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "header",
+    {
+      "data-slot": "frame-panel-header",
+      className: r("flex flex-col p-4", t),
+      ...e
+    }
+  );
+}
+function _({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame-panel-title",
+      className: r("text-sm font-semibold", t),
+      ...e
+    }
+  );
+}
+function z({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame-panel-description",
+      className: r("text-sm text-muted-foreground", t),
+      ...e
+    }
+  );
+}
+function S({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "footer",
+    {
+      "data-slot": "frame-panel-footer",
+      className: r("flex flex-col gap-1 px-5 py-4", t),
+      ...e
+    }
+  );
+}
+export {
+  w as F,
+  j as I,
+  N as a,
+  h as b,
+  I as c,
+  k as d,
+  v as e,
+  g as f,
+  y as g,
+  z as h,
+  S as i,
+  _ as j,
+  F as k
+};
+//# sourceMappingURL=Frame-DxlznfVd.js.map

package/lib/Frame-DxlznfVd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame-DxlznfVd.js","sources":["../src/lib/ui/Item.tsx","../src/lib/ui/Frame.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\nimport { Separator } from \"./Separator.js\";\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\"group/item-group flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-0\", className)}\n      {...props}\n    />\n  );\n}\n\nconst itemVariants = cva(\n  \"group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50\",\n      },\n      size: {\n        default: \"p-4 gap-4 \",\n        sm: \"py-3 px-4 gap-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"div\";\n  return (\n    <Comp\n      data-slot=\"item\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(itemVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"flex w-fit items-center gap-2 text-sm leading-snug font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n","import type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nfunction Frame({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame\"\n      className={cn(\n        \"relative flex flex-col rounded-2xl bg-muted p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FramePanel({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame-panel\"\n      className={cn(\n        \"relative bg-clip-padding rounded-xl border bg-card p-5 shadow-xs\",\n        \"before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FrameHeader({ className, ...props }: React.ComponentProps<\"header\">) {\n  return (\n    <header\n      data-slot=\"frame-panel-header\"\n      className={cn(\"flex flex-col p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FrameTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame-panel-title\"\n      className={cn(\"text-sm font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FrameDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame-panel-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FrameFooter({ className, ...props }: React.ComponentProps<\"footer\">) {\n  return (\n    <footer\n      data-slot=\"frame-panel-footer\"\n      className={cn(\"flex flex-col gap-1 px-5 py-4\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Frame,\n  FramePanel,\n  FrameHeader,\n  FrameTitle,\n  FrameDescription,\n  FrameFooter,\n};\n"],"names":["ItemGroup","className","props","jsx","cn","ItemSeparator","Separator","itemVariants","cva","Item","variant","size","asChild","Comp","Slot","ItemContent","ItemTitle","ItemDescription","ItemActions","Frame","FramePanel","FrameHeader","FrameTitle","FrameDescription","FrameFooter"],"mappings":"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"}

package/lib/{IndexingDialog-B5zCiUKr.js → IndexingDialog-DZWj_3cU.js}

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
 import { DialogTrigger as c } from "@radix-ui/react-dialog";
 import { useState as u, useCallback as x, useEffect as m } from "react";
-import { B as d } from "./Button-CynVW1JV.js";
+import { B as d } from "./Button-IOAeVaIH.js";
 import { D as g, a as p, b as h, c as f, d as j, e as D } from "./Dialog-BQciPiHN.js";
 const C = ({
   total: i,
@@ -97,4 +97,4 @@ const C = ({
 export {
   F as default
 };
-//# sourceMappingURL=IndexingDialog-B5zCiUKr.js.map
+//# sourceMappingURL=IndexingDialog-DZWj_3cU.js.map

package/lib/{IndexingDialog-B5zCiUKr.js.map → IndexingDialog-DZWj_3cU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IndexingDialog-B5zCiUKr.js","sources":["../src/lib/plugins/search-pagefind/IndexingDialog.tsx"],"sourcesContent":["import { DialogTrigger } from \"@radix-ui/react-dialog\";\nimport {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Button } from \"zudoku/ui/Button.js\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"zudoku/ui/Dialog.js\";\n\ntype IndexingState =\n  | { status: \"idle\" }\n  | { status: \"indexing\"; total: number; current: number; path: string }\n  | { status: \"complete\"; indexed: number }\n  | { status: \"error\"; message: string };\n\nconst ProgressBar = ({\n  total,\n  current,\n  barLength = 25,\n  emptyChar = \"░\",\n  filledChar = \"█\",\n}: {\n  total: number;\n  current: number;\n  barLength?: number;\n  emptyChar?: string;\n  filledChar?: string;\n}) => {\n  const percent = Math.round((current / total) * 100);\n  const filled = Math.round((percent / 100) * barLength);\n  const empty = barLength - filled;\n\n  return (\n    <>\n      {filledChar.repeat(filled)}\n      {emptyChar.repeat(empty)} {percent}% ({current}/{total})\n    </>\n  );\n};\n\nconst IndexingDialog = ({ children }: PropsWithChildren) => {\n  const [indexingState, setIndexingState] = useState<IndexingState>({\n    status: \"idle\",\n  });\n\n  const startIndexing = useCallback(() => {\n    setIndexingState({ status: \"indexing\", total: 0, current: 0, path: \"\" });\n\n    const eventSource = new EventSource(\"/__z/pagefind-reindex\");\n\n    eventSource.onmessage = (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.type === \"progress\") {\n        setIndexingState({\n          status: \"indexing\",\n          total: data.total,\n          current: data.current,\n          path: data.path,\n        });\n      } else if (data.type === \"complete\") {\n        eventSource.close();\n        if (data.success) {\n          setIndexingState({ status: \"complete\", indexed: data.indexed });\n        } else {\n          setIndexingState({\n            status: \"error\",\n            message: data.error ?? \"Indexing failed\",\n          });\n        }\n      }\n    };\n\n    eventSource.onerror = () => {\n      eventSource.close();\n      setIndexingState({\n        status: \"error\",\n        message: \"Connection lost during indexing\",\n      });\n    };\n\n    return () => eventSource.close();\n  }, []);\n\n  useEffect(() => {\n    if (indexingState.status !== \"idle\") return;\n    return startIndexing();\n  }, [indexingState.status, startIndexing]);\n\n  const handleDone = () => {\n    if (indexingState.status !== \"complete\") return;\n    window.location.reload();\n  };\n\n  return (\n    <Dialog>\n      <DialogTrigger asChild>{children}</DialogTrigger>\n      <DialogContent\n        className=\"max-w-sm! top-1/3\"\n        showCloseButton={false}\n        onInteractOutside={(e) => e.preventDefault()}\n      >\n        <DialogHeader>\n          <DialogTitle>\n            {indexingState.status === \"indexing\" && \"Building Search Index\"}\n            {indexingState.status === \"complete\" && \"Indexing Complete\"}\n            {indexingState.status === \"error\" && \"Indexing Failed\"}\n            {indexingState.status === \"idle\" && \"Build Search Index\"}\n          </DialogTitle>\n          <DialogDescription>\n            {indexingState.status === \"indexing\" && (\n              <>\n                {indexingState.total > 0 && (\n                  <div className=\"font-mono text-sm mb-2\">\n                    <ProgressBar {...indexingState} />\n                  </div>\n                )}\n                {indexingState.path && (\n                  <span className=\"block text-xs truncate\">\n                    {indexingState.path}\n                  </span>\n                )}\n              </>\n            )}\n            {indexingState.status === \"complete\" && (\n              <>Successfully indexed {indexingState.indexed} pages.</>\n            )}\n            {indexingState.status === \"error\" && (\n              <span className=\"text-destructive\">{indexingState.message}</span>\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <div className=\"flex justify-end gap-2\">\n            {indexingState.status === \"complete\" && (\n              <Button size=\"sm\" onClick={handleDone}>\n                Close and reload\n              </Button>\n            )}\n            {indexingState.status === \"error\" && (\n              <>\n                <Button variant=\"outline\" onClick={handleDone}>\n                  Cancel\n                </Button>\n                <Button onClick={startIndexing}>Retry</Button>\n              </>\n            )}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default IndexingDialog;\n"],"names":["ProgressBar","total","current","barLength","emptyChar","filledChar","percent","filled","empty","jsxs","Fragment","IndexingDialog","children","indexingState","setIndexingState","useState","startIndexing","useCallback","eventSource","event","data","useEffect","handleDone","Dialog","jsx","DialogTrigger","DialogContent","e","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button"],"mappings":"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"}
+{"version":3,"file":"IndexingDialog-DZWj_3cU.js","sources":["../src/lib/plugins/search-pagefind/IndexingDialog.tsx"],"sourcesContent":["import { DialogTrigger } from \"@radix-ui/react-dialog\";\nimport {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Button } from \"zudoku/ui/Button.js\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"zudoku/ui/Dialog.js\";\n\ntype IndexingState =\n  | { status: \"idle\" }\n  | { status: \"indexing\"; total: number; current: number; path: string }\n  | { status: \"complete\"; indexed: number }\n  | { status: \"error\"; message: string };\n\nconst ProgressBar = ({\n  total,\n  current,\n  barLength = 25,\n  emptyChar = \"░\",\n  filledChar = \"█\",\n}: {\n  total: number;\n  current: number;\n  barLength?: number;\n  emptyChar?: string;\n  filledChar?: string;\n}) => {\n  const percent = Math.round((current / total) * 100);\n  const filled = Math.round((percent / 100) * barLength);\n  const empty = barLength - filled;\n\n  return (\n    <>\n      {filledChar.repeat(filled)}\n      {emptyChar.repeat(empty)} {percent}% ({current}/{total})\n    </>\n  );\n};\n\nconst IndexingDialog = ({ children }: PropsWithChildren) => {\n  const [indexingState, setIndexingState] = useState<IndexingState>({\n    status: \"idle\",\n  });\n\n  const startIndexing = useCallback(() => {\n    setIndexingState({ status: \"indexing\", total: 0, current: 0, path: \"\" });\n\n    const eventSource = new EventSource(\"/__z/pagefind-reindex\");\n\n    eventSource.onmessage = (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.type === \"progress\") {\n        setIndexingState({\n          status: \"indexing\",\n          total: data.total,\n          current: data.current,\n          path: data.path,\n        });\n      } else if (data.type === \"complete\") {\n        eventSource.close();\n        if (data.success) {\n          setIndexingState({ status: \"complete\", indexed: data.indexed });\n        } else {\n          setIndexingState({\n            status: \"error\",\n            message: data.error ?? \"Indexing failed\",\n          });\n        }\n      }\n    };\n\n    eventSource.onerror = () => {\n      eventSource.close();\n      setIndexingState({\n        status: \"error\",\n        message: \"Connection lost during indexing\",\n      });\n    };\n\n    return () => eventSource.close();\n  }, []);\n\n  useEffect(() => {\n    if (indexingState.status !== \"idle\") return;\n    return startIndexing();\n  }, [indexingState.status, startIndexing]);\n\n  const handleDone = () => {\n    if (indexingState.status !== \"complete\") return;\n    window.location.reload();\n  };\n\n  return (\n    <Dialog>\n      <DialogTrigger asChild>{children}</DialogTrigger>\n      <DialogContent\n        className=\"max-w-sm! top-1/3\"\n        showCloseButton={false}\n        onInteractOutside={(e) => e.preventDefault()}\n      >\n        <DialogHeader>\n          <DialogTitle>\n            {indexingState.status === \"indexing\" && \"Building Search Index\"}\n            {indexingState.status === \"complete\" && \"Indexing Complete\"}\n            {indexingState.status === \"error\" && \"Indexing Failed\"}\n            {indexingState.status === \"idle\" && \"Build Search Index\"}\n          </DialogTitle>\n          <DialogDescription>\n            {indexingState.status === \"indexing\" && (\n              <>\n                {indexingState.total > 0 && (\n                  <div className=\"font-mono text-sm mb-2\">\n                    <ProgressBar {...indexingState} />\n                  </div>\n                )}\n                {indexingState.path && (\n                  <span className=\"block text-xs truncate\">\n                    {indexingState.path}\n                  </span>\n                )}\n              </>\n            )}\n            {indexingState.status === \"complete\" && (\n              <>Successfully indexed {indexingState.indexed} pages.</>\n            )}\n            {indexingState.status === \"error\" && (\n              <span className=\"text-destructive\">{indexingState.message}</span>\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <div className=\"flex justify-end gap-2\">\n            {indexingState.status === \"complete\" && (\n              <Button size=\"sm\" onClick={handleDone}>\n                Close and reload\n              </Button>\n            )}\n            {indexingState.status === \"error\" && (\n              <>\n                <Button variant=\"outline\" onClick={handleDone}>\n                  Cancel\n                </Button>\n                <Button onClick={startIndexing}>Retry</Button>\n              </>\n            )}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default IndexingDialog;\n"],"names":["ProgressBar","total","current","barLength","emptyChar","filledChar","percent","filled","empty","jsxs","Fragment","IndexingDialog","children","indexingState","setIndexingState","useState","startIndexing","useCallback","eventSource","event","data","useEffect","handleDone","Dialog","jsx","DialogTrigger","DialogContent","e","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button"],"mappings":";;;;;AAuBA,MAAMA,IAAc,CAAC;AAAA,EACnB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AACf,MAMM;AACJ,QAAMC,IAAU,KAAK,MAAOJ,IAAUD,IAAS,GAAG,GAC5CM,IAAS,KAAK,MAAOD,IAAU,MAAOH,CAAS,GAC/CK,IAAQL,IAAYI;AAE1B,SACEE,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,IAAAL,EAAW,OAAOE,CAAM;AAAA,IACxBH,EAAU,OAAOI,CAAK;AAAA,IAAE;AAAA,IAAEF;AAAA,IAAQ;AAAA,IAAIJ;AAAA,IAAQ;AAAA,IAAED;AAAA,IAAM;AAAA,EAAA,GACzD;AAEJ,GAEMU,IAAiB,CAAC,EAAE,UAAAC,QAAkC;AAC1D,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAwB;AAAA,IAChE,QAAQ;AAAA,EAAA,CACT,GAEKC,IAAgBC,EAAY,MAAM;AACtC,IAAAH,EAAiB,EAAE,QAAQ,YAAY,OAAO,GAAG,SAAS,GAAG,MAAM,IAAI;AAEvE,UAAMI,IAAc,IAAI,YAAY,uBAAuB;AAE3D,WAAAA,EAAY,YAAY,CAACC,MAAU;AACjC,YAAMC,IAAO,KAAK,MAAMD,EAAM,IAAI;AAElC,MAAIC,EAAK,SAAS,aAChBN,EAAiB;AAAA,QACf,QAAQ;AAAA,QACR,OAAOM,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,MAAMA,EAAK;AAAA,MAAA,CACZ,IACQA,EAAK,SAAS,eACvBF,EAAY,MAAA,GACRE,EAAK,UACPN,EAAiB,EAAE,QAAQ,YAAY,SAASM,EAAK,SAAS,IAE9DN,EAAiB;AAAA,QACf,QAAQ;AAAA,QACR,SAASM,EAAK,SAAS;AAAA,MAAA,CACxB;AAAA,IAGP,GAEAF,EAAY,UAAU,MAAM;AAC1B,MAAAA,EAAY,MAAA,GACZJ,EAAiB;AAAA,QACf,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA,CACV;AAAA,IACH,GAEO,MAAMI,EAAY,MAAA;AAAA,EAC3B,GAAG,CAAA,CAAE;AAEL,EAAAG,EAAU,MAAM;AACd,QAAIR,EAAc,WAAW;AAC7B,aAAOG,EAAA;AAAA,EACT,GAAG,CAACH,EAAc,QAAQG,CAAa,CAAC;AAExC,QAAMM,IAAa,MAAM;AACvB,IAAIT,EAAc,WAAW,cAC7B,OAAO,SAAS,OAAA;AAAA,EAClB;AAEA,gCACGU,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAc,SAAO,IAAE,UAAAb,EAAA,CAAS;AAAA,IACjCH,gBAAAA,EAAAA;AAAAA,MAACiB;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,mBAAmB,CAACC,MAAMA,EAAE,eAAA;AAAA,QAE5B,UAAA;AAAA,UAAAlB,gBAAAA,OAACmB,GAAA,EACC,UAAA;AAAA,YAAAnB,gBAAAA,OAACoB,GAAA,EACE,UAAA;AAAA,cAAAhB,EAAc,WAAW,cAAc;AAAA,cACvCA,EAAc,WAAW,cAAc;AAAA,cACvCA,EAAc,WAAW,WAAW;AAAA,cACpCA,EAAc,WAAW,UAAU;AAAA,YAAA,GACtC;AAAA,mCACCiB,GAAA,EACE,UAAA;AAAA,cAAAjB,EAAc,WAAW,cACxBJ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACG,UAAA;AAAA,gBAAAG,EAAc,QAAQ,KACrBW,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0BACb,UAAAA,gBAAAA,EAAAA,IAACxB,GAAA,EAAa,GAAGa,EAAA,CAAe,EAAA,CAClC;AAAA,gBAEDA,EAAc,QACbW,gBAAAA,EAAAA,IAAC,UAAK,WAAU,0BACb,YAAc,KAAA,CACjB;AAAA,cAAA,GAEJ;AAAA,cAEDX,EAAc,WAAW,cACxBJ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EAAE,UAAA;AAAA,gBAAA;AAAA,gBAAsBG,EAAc;AAAA,gBAAQ;AAAA,cAAA,GAAO;AAAA,cAEtDA,EAAc,WAAW,WACxBW,gBAAAA,EAAAA,IAAC,UAAK,WAAU,oBAAoB,YAAc,QAAA,CAAQ;AAAA,YAAA,EAAA,CAE9D;AAAA,UAAA,GACF;AAAA,UACAA,gBAAAA,MAACO,GAAA,EACC,UAAAtB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,YAAAI,EAAc,WAAW,cACxBW,gBAAAA,EAAAA,IAACQ,GAAA,EAAO,MAAK,MAAK,SAASV,GAAY,UAAA,mBAAA,CAEvC;AAAA,YAEDT,EAAc,WAAW,WACxBJ,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,cAAAc,gBAAAA,MAACQ,GAAA,EAAO,SAAQ,WAAU,SAASV,GAAY,UAAA,UAE/C;AAAA,cACAE,gBAAAA,EAAAA,IAACQ,GAAA,EAAO,SAAShB,GAAe,UAAA,QAAA,CAAK;AAAA,YAAA,EAAA,CACvC;AAAA,UAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/lib/{useMutation-C6RqWmTS.js → Input-D-kqEQ5M.js}

@@ -1,7 +1,9 @@
-import * as o from "react";
-import { g as l } from "./mutation-BoVlx8yA.js";
-import { S as p, s as d, h, n as a, f as b, g as m, i as f } from "./ZudokuContext-BXldanA8.js";
-var v = class extends p {
+import * as r from "react";
+import { g as c } from "./mutation-DMHWqmFp.js";
+import { S as d, s as p, h as a, n as u, g as b, i as m, k as f } from "./ZudokuContext-DNHMZfcP.js";
+import { j as v } from "./jsx-runtime-BzflLqGi.js";
+import { c as g } from "./cn-dYga0KKN.js";
+var y = class extends d {
   #e;
   #i = void 0;
   #t;
@@ -14,11 +16,11 @@ var v = class extends p {
   }
   setOptions(t) {
     const s = this.options;
-    this.options = this.#e.defaultMutationOptions(t), d(this.options, s) || this.#e.getMutationCache().notify({
+    this.options = this.#e.defaultMutationOptions(t), p(this.options, s) || this.#e.getMutationCache().notify({
       type: "observerOptionsUpdated",
       mutation: this.#t,
       observer: this
-    }), s?.mutationKey && this.options.mutationKey && h(s.mutationKey) !== h(this.options.mutationKey) ? this.reset() : this.#t?.state.status === "pending" && this.#t.setOptions(this.options);
+    }), s?.mutationKey && this.options.mutationKey && a(s.mutationKey) !== a(this.options.mutationKey) ? this.reset() : this.#t?.state.status === "pending" && this.#t.setOptions(this.options);
   }
   onUnsubscribe() {
     this.hasListeners() || this.#t?.removeObserver(this);
@@ -36,7 +38,7 @@ var v = class extends p {
     return this.#s = s, this.#t?.removeObserver(this), this.#t = this.#e.getMutationCache().build(this.#e, this.options), this.#t.addObserver(this), this.#t.execute(t);
   }
   #r() {
-    const t = this.#t?.state ?? l();
+    const t = this.#t?.state ?? c();
     this.#i = {
       ...t,
       isPending: t.status === "pending",
@@ -48,7 +50,7 @@ var v = class extends p {
     };
   }
   #o(t) {
-    a.batch(() => {
+    u.batch(() => {
       if (this.#s && this.hasListeners()) {
         const s = this.#i.variables, i = this.#i.context;
         t?.type === "success" ? (this.#s.onSuccess?.(t.data, s, i), this.#s.onSettled?.(t.data, null, s, i)) : t?.type === "error" && (this.#s.onError?.(t.error, s, i), this.#s.onSettled?.(
@@ -64,34 +66,50 @@ var v = class extends p {
     });
   }
 };
-function g(t, s) {
-  const i = b(s), [e] = o.useState(
-    () => new v(
+function C(t, s) {
+  const i = b(s), [e] = r.useState(
+    () => new y(
       i,
       t
     )
   );
-  o.useEffect(() => {
+  r.useEffect(() => {
     e.setOptions(t);
   }, [e, t]);
-  const r = o.useSyncExternalStore(
-    o.useCallback(
-      (n) => e.subscribe(a.batchCalls(n)),
+  const o = r.useSyncExternalStore(
+    r.useCallback(
+      (n) => e.subscribe(u.batchCalls(n)),
       [e]
     ),
     () => e.getCurrentResult(),
     () => e.getCurrentResult()
-  ), u = o.useCallback(
-    (n, c) => {
-      e.mutate(n, c).catch(m);
+  ), h = r.useCallback(
+    (n, l) => {
+      e.mutate(n, l).catch(m);
     },
     [e]
   );
-  if (r.error && f(e.options.throwOnError, [r.error]))
-    throw r.error;
-  return { ...r, mutate: u, mutateAsync: r.mutate };
+  if (o.error && f(e.options.throwOnError, [o.error]))
+    throw o.error;
+  return { ...o, mutate: h, mutateAsync: o.mutate };
 }
+const x = r.forwardRef(
+  ({ className: t, type: s, ...i }, e) => /* @__PURE__ */ v.jsx(
+    "input",
+    {
+      type: s,
+      className: g(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        t
+      ),
+      ref: e,
+      ...i
+    }
+  )
+);
+x.displayName = "Input";
 export {
-  g as u
+  x as I,
+  C as u
 };
-//# sourceMappingURL=useMutation-C6RqWmTS.js.map
+//# sourceMappingURL=Input-D-kqEQ5M.js.map

package/lib/Input-D-kqEQ5M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-D-kqEQ5M.js","sources":["../../../node_modules/.pnpm/@tanstack+query-core@5.85.5/node_modules/@tanstack/query-core/build/modern/mutationObserver.js","../../../node_modules/.pnpm/@tanstack+react-query@5.85.5_react@19.2.3/node_modules/@tanstack/react-query/build/modern/useMutation.js","../src/lib/ui/Input.tsx"],"sourcesContent":["// src/mutationObserver.ts\nimport { getDefaultState } from \"./mutation.js\";\nimport { notifyManager } from \"./notifyManager.js\";\nimport { Subscribable } from \"./subscribable.js\";\nimport { hashKey, shallowEqualObjects } from \"./utils.js\";\nvar MutationObserver = class extends Subscribable {\n  #client;\n  #currentResult = void 0;\n  #currentMutation;\n  #mutateOptions;\n  constructor(client, options) {\n    super();\n    this.#client = client;\n    this.setOptions(options);\n    this.bindMethods();\n    this.#updateResult();\n  }\n  bindMethods() {\n    this.mutate = this.mutate.bind(this);\n    this.reset = this.reset.bind(this);\n  }\n  setOptions(options) {\n    const prevOptions = this.options;\n    this.options = this.#client.defaultMutationOptions(options);\n    if (!shallowEqualObjects(this.options, prevOptions)) {\n      this.#client.getMutationCache().notify({\n        type: \"observerOptionsUpdated\",\n        mutation: this.#currentMutation,\n        observer: this\n      });\n    }\n    if (prevOptions?.mutationKey && this.options.mutationKey && hashKey(prevOptions.mutationKey) !== hashKey(this.options.mutationKey)) {\n      this.reset();\n    } else if (this.#currentMutation?.state.status === \"pending\") {\n      this.#currentMutation.setOptions(this.options);\n    }\n  }\n  onUnsubscribe() {\n    if (!this.hasListeners()) {\n      this.#currentMutation?.removeObserver(this);\n    }\n  }\n  onMutationUpdate(action) {\n    this.#updateResult();\n    this.#notify(action);\n  }\n  getCurrentResult() {\n    return this.#currentResult;\n  }\n  reset() {\n    this.#currentMutation?.removeObserver(this);\n    this.#currentMutation = void 0;\n    this.#updateResult();\n    this.#notify();\n  }\n  mutate(variables, options) {\n    this.#mutateOptions = options;\n    this.#currentMutation?.removeObserver(this);\n    this.#currentMutation = this.#client.getMutationCache().build(this.#client, this.options);\n    this.#currentMutation.addObserver(this);\n    return this.#currentMutation.execute(variables);\n  }\n  #updateResult() {\n    const state = this.#currentMutation?.state ?? getDefaultState();\n    this.#currentResult = {\n      ...state,\n      isPending: state.status === \"pending\",\n      isSuccess: state.status === \"success\",\n      isError: state.status === \"error\",\n      isIdle: state.status === \"idle\",\n      mutate: this.mutate,\n      reset: this.reset\n    };\n  }\n  #notify(action) {\n    notifyManager.batch(() => {\n      if (this.#mutateOptions && this.hasListeners()) {\n        const variables = this.#currentResult.variables;\n        const context = this.#currentResult.context;\n        if (action?.type === \"success\") {\n          this.#mutateOptions.onSuccess?.(action.data, variables, context);\n          this.#mutateOptions.onSettled?.(action.data, null, variables, context);\n        } else if (action?.type === \"error\") {\n          this.#mutateOptions.onError?.(action.error, variables, context);\n          this.#mutateOptions.onSettled?.(\n            void 0,\n            action.error,\n            variables,\n            context\n          );\n        }\n      }\n      this.listeners.forEach((listener) => {\n        listener(this.#currentResult);\n      });\n    });\n  }\n};\nexport {\n  MutationObserver\n};\n//# sourceMappingURL=mutationObserver.js.map","\"use client\";\n\n// src/useMutation.ts\nimport * as React from \"react\";\nimport {\n  MutationObserver,\n  noop,\n  notifyManager,\n  shouldThrowError\n} from \"@tanstack/query-core\";\nimport { useQueryClient } from \"./QueryClientProvider.js\";\nfunction useMutation(options, queryClient) {\n  const client = useQueryClient(queryClient);\n  const [observer] = React.useState(\n    () => new MutationObserver(\n      client,\n      options\n    )\n  );\n  React.useEffect(() => {\n    observer.setOptions(options);\n  }, [observer, options]);\n  const result = React.useSyncExternalStore(\n    React.useCallback(\n      (onStoreChange) => observer.subscribe(notifyManager.batchCalls(onStoreChange)),\n      [observer]\n    ),\n    () => observer.getCurrentResult(),\n    () => observer.getCurrentResult()\n  );\n  const mutate = React.useCallback(\n    (variables, mutateOptions) => {\n      observer.mutate(variables, mutateOptions).catch(noop);\n    },\n    [observer]\n  );\n  if (result.error && shouldThrowError(observer.options.throwOnError, [result.error])) {\n    throw result.error;\n  }\n  return { ...result, mutate, mutateAsync: result.mutate };\n}\nexport {\n  useMutation\n};\n//# sourceMappingURL=useMutation.js.map","import * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":["MutationObserver","Subscribable","#client","#currentResult","#currentMutation","#mutateOptions","client","options","#updateResult","prevOptions","shallowEqualObjects","hashKey","action","#notify","variables","state","getDefaultState","notifyManager","context","listener","useMutation","queryClient","useQueryClient","observer","React","result","onStoreChange","mutate","mutateOptions","noop","shouldThrowError","Input","className","type","props","ref","jsx","cn"],"mappings":"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","x_google_ignoreList":[0,1]}

package/lib/{MdxPage-Bjf72BP3.js → MdxPage-BL-HbZrv.js}

@@ -1,17 +1,17 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { s as H } from "./index-eKVhlB94.js";
+import { s as H } from "./index-1TbL0HXQ.js";
 import { H as R } from "./index.esm-DtzT_KoE.js";
 import { CheckIcon as U, CopyIcon as _, ChevronDownIcon as $, Link2Icon as A, ExternalLinkIcon as q, EditIcon as B } from "lucide-react";
 import { useState as F, useEffect as G } from "react";
-import { a as V } from "./chunk-PVWAREVJ-dLIqswPy.js";
-import { B as j } from "./Button-CynVW1JV.js";
+import { a as V } from "./chunk-PVWAREVJ-ClM0m2aJ.js";
+import { B as j } from "./Button-IOAeVaIH.js";
 import { D as W, a as X, b as J, c as l } from "./DropdownMenu-C8SX_-S_.js";
 import { C as K } from "./CategoryHeading-DhmodDcq.js";
-import { T as O, H as f } from "./ErrorAlert-BUlG32M9.js";
-import { T as Q } from "./Toc-z05x698-.js";
-import { b as Y, j as Z, d as ee } from "./ZudokuContext-BXldanA8.js";
-import { C as se, a as oe, P as ie } from "./ClaudeLogo-CGRfGTk2.js";
-import { u as ne } from "./index-Css56y3F.js";
+import { T as O, H as f } from "./index-CboxZOVW.js";
+import { T as Q } from "./Toc-D_Rj4jVx.js";
+import { b as Y, j as Z, d as ee } from "./ZudokuContext-DNHMZfcP.js";
+import { C as se, a as oe, P as ie } from "./ClaudeLogo-DgjivS8A.js";
+import { u as ne } from "./index-DXXZDuSJ.js";
 const ae = {
   h2: ({ children: i, id: n }) => /* @__PURE__ */ e.jsx(f, { level: 2, id: n, registerNavigationAnchor: !0, children: i }),
   h3: ({ children: i, id: n }) => /* @__PURE__ */ e.jsx(f, { level: 3, id: n, registerNavigationAnchor: !0, children: i })
@@ -207,4 +207,4 @@ const ae = {
 export {
   ve as MdxPage
 };
-//# sourceMappingURL=MdxPage-Bjf72BP3.js.map
+//# sourceMappingURL=MdxPage-BL-HbZrv.js.map

package/lib/{MdxPage-Bjf72BP3.js.map → MdxPage-BL-HbZrv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MdxPage-Bjf72BP3.js","sources":["../src/lib/plugins/markdown/MdxPage.tsx"],"sourcesContent":["import { useMDXComponents } from \"@mdx-js/react\";\nimport slugify from \"@sindresorhus/slugify\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport {\n  CheckIcon,\n  ChevronDownIcon,\n  CopyIcon,\n  EditIcon,\n  ExternalLinkIcon,\n  Link2Icon,\n} from \"lucide-react\";\nimport { type PropsWithChildren, useEffect, useState } from \"react\";\nimport { useLocation } from \"react-router\";\nimport { Button } from \"zudoku/ui/Button.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"zudoku/ui/DropdownMenu.js\";\nimport { CategoryHeading } from \"../../components/CategoryHeading.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { Toc } from \"../../components/navigation/Toc.js\";\nimport {\n  useCurrentItem,\n  usePrevNext,\n} from \"../../components/navigation/utils.js\";\nimport { Pagination } from \"../../components/Pagination.js\";\nimport { Typography } from \"../../components/Typography.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport type { MdxComponentsType } from \"../../util/MdxComponents.js\";\nimport { ChatGPTLogo } from \"./assets/ChatGPTLogo.js\";\nimport { ClaudeLogo } from \"./assets/ClaudeLogo.js\";\nimport type { MarkdownPluginDefaultOptions, MDXImport } from \"./index.js\";\n\ndeclare global {\n  interface Window {\n    __getReactRefreshIgnoredExports?: (args: {\n      id: string;\n    }) => string[] | undefined;\n  }\n}\n\nconst MarkdownHeadings = {\n  h2: ({ children, id }) => (\n    <Heading level={2} id={id} registerNavigationAnchor>\n      {children}\n    </Heading>\n  ),\n  h3: ({ children, id }) => (\n    <Heading level={3} id={id} registerNavigationAnchor>\n      {children}\n    </Heading>\n  ),\n} satisfies MdxComponentsType;\n\nexport const MdxPage = ({\n  mdxComponent: MdxComponent,\n  basePath,\n  frontmatter = {},\n  defaultOptions,\n  __filepath,\n  tableOfContents,\n  excerpt,\n}: PropsWithChildren<\n  Omit<MDXImport, \"default\"> & {\n    basePath: string;\n    mdxComponent: MDXImport[\"default\"];\n    defaultOptions?: MarkdownPluginDefaultOptions;\n  }\n>) => {\n  const categoryTitle = useCurrentItem()?.categoryLabel;\n  const location = useLocation();\n  const [isCopied, setIsCopied] = useState(false);\n\n  const title = frontmatter.title;\n  const description = frontmatter.description ?? excerpt;\n  const category = frontmatter.category ?? categoryTitle;\n  const hideToc = frontmatter.toc === false || defaultOptions?.toc === false;\n  const pageTitle =\n    title ?? tableOfContents.find((item) => item.depth === 1)?.value;\n  const hidePager =\n    frontmatter.disable_pager ??\n    frontmatter.disablePager ??\n    defaultOptions?.disablePager ??\n    false;\n\n  const showLastModified =\n    frontmatter.showLastModified ?? defaultOptions?.showLastModified ?? true;\n\n  const lastModifiedDate = frontmatter.lastModifiedTime\n    ? new Date(frontmatter.lastModifiedTime)\n    : null;\n\n  const editConfig =\n    frontmatter.suggestEdit !== false &&\n    (frontmatter.suggestEdit ?? defaultOptions?.suggestEdit);\n\n  const editUrl = editConfig\n    ? editConfig.url.replaceAll(\"{filePath}\", __filepath)\n    : null;\n  const editText = editConfig ? editConfig.text || \"Edit this page\" : null;\n\n  const copyMarkdownConfig =\n    frontmatter.copyPage !== false && defaultOptions?.copyPage !== false;\n\n  const markdownUrl = joinUrl(basePath, `${location.pathname}.md`);\n\n  const handleCopyMarkdown = async () => {\n    const response = await fetch(markdownUrl);\n    if (!response.ok) throw new Error(\"Failed to fetch markdown\");\n    const markdown = await response.text();\n    void navigator.clipboard.writeText(markdown);\n    setIsCopied(true);\n    setTimeout(() => setIsCopied(false), 2000);\n  };\n\n  const tocEntries =\n    tableOfContents.find((item) => item.depth === 1)?.children ??\n    // if `title` is provided by frontmatter it does not appear in the table of contents\n    tableOfContents.filter((item) => item.depth === 2);\n\n  const showToc = !hideToc && tocEntries.length > 0;\n\n  const { prev, next } = usePrevNext();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === \"development\") {\n      window.__getReactRefreshIgnoredExports = ({ id }) => {\n        if (!id.endsWith(__filepath)) return;\n\n        return [\"frontmatter\", \"tableOfContents\"];\n      };\n\n      return () => {\n        window.__getReactRefreshIgnoredExports = undefined;\n      };\n    }\n  }, [__filepath]);\n\n  return (\n    <div\n      className=\"grid grid-cols-1 xl:grid-cols-(--sidecar-grid-cols) gap-8 justify-between\"\n      data-pagefind-filter=\"section:markdown\"\n      data-pagefind-meta=\"section:markdown\"\n    >\n      <Helmet>\n        <title>{pageTitle}</title>\n        {description && <meta name=\"description\" content={description} />}\n      </Helmet>\n      <Typography className=\"max-w-full xl:w-full xl:max-w-3xl flex-1 shrink pt-(--padding-content-top)\">\n        {(category || title) && (\n          <header className=\"flex items-start justify-between gap-4\">\n            <div className=\"flex-1\">\n              {category && <CategoryHeading>{category}</CategoryHeading>}\n              {title && (\n                <Heading level={1} id={slugify(title)}>\n                  {title}\n                </Heading>\n              )}\n            </div>\n            {copyMarkdownConfig && (\n              <div className=\"flex items-center border rounded-md\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={handleCopyMarkdown}\n                  className=\"rounded-r-none border-r gap-2 h-7\"\n                >\n                  {isCopied ? (\n                    <CheckIcon size={14} className=\"text-emerald-600\" />\n                  ) : (\n                    <CopyIcon size={14} />\n                  )}\n                  <span>Copy page</span>\n                </Button>\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon-xs\"\n                      className=\"rounded-l-none\"\n                    >\n                      <ChevronDownIcon size={14} />\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"end\">\n                    <DropdownMenuItem\n                      className=\"gap-2\"\n                      onClick={() =>\n                        void navigator.clipboard.writeText(window.location.href)\n                      }\n                    >\n                      <Link2Icon className=\"size-4\" />\n                      Copy link to page\n                    </DropdownMenuItem>\n                    <DropdownMenuItem className=\"gap-2\" asChild>\n                      <a\n                        href={markdownUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        <ExternalLinkIcon className=\"size-4\" />\n                        Open Markdown page\n                      </a>\n                    </DropdownMenuItem>\n                    <DropdownMenuItem\n                      className=\"gap-2\"\n                      onClick={() => {\n                        const prompt = encodeURIComponent(\n                          `Help me understand this documentation page: ${window.location.href}`,\n                        );\n                        window.open(\n                          `https://claude.ai/new?q=${prompt}`,\n                          \"_blank\",\n                        );\n                      }}\n                    >\n                      <ClaudeLogo className=\"size-4\" />\n                      Open in Claude\n                    </DropdownMenuItem>\n                    <DropdownMenuItem\n                      className=\"gap-2\"\n                      onClick={() => {\n                        const prompt = encodeURIComponent(\n                          `Help me understand this documentation page: ${window.location.href}`,\n                        );\n                        window.open(\n                          `https://chatgpt.com/?q=${prompt}`,\n                          \"_blank\",\n                        );\n                      }}\n                    >\n                      <ChatGPTLogo className=\"size-4\" />\n                      Open in ChatGPT\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              </div>\n            )}\n          </header>\n        )}\n\n        <MdxComponent\n          components={{ ...useMDXComponents(), ...MarkdownHeadings }}\n        />\n        <div className=\"h-16\" />\n        {(showLastModified && lastModifiedDate) || editUrl ? (\n          <div className=\"flex justify-between text-xs text-muted-foreground \">\n            <div />\n            <div className=\"flex items-center gap-2\">\n              <div>\n                {editUrl && (\n                  <Button asChild variant=\"ghost\" size=\"sm\">\n                    <a\n                      href={editUrl}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"flex items-center gap-1\"\n                    >\n                      <EditIcon size={12} />\n                      {editText}\n                    </a>\n                  </Button>\n                )}\n              </div>\n              <div>\n                {showLastModified && lastModifiedDate && (\n                  <div\n                    title={lastModifiedDate.toLocaleString(undefined, {\n                      dateStyle: \"full\",\n                      timeStyle: \"medium\",\n                    })}\n                  >\n                    Last modified on{\" \"}\n                    <time dateTime={lastModifiedDate.toISOString()}>\n                      {lastModifiedDate.toLocaleDateString(\"en-US\", {\n                        dateStyle: \"long\",\n                      })}\n                    </time>\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        ) : null}\n        {!hidePager && (\n          <>\n            <div className=\"h-px bg-border mt-2 mb-6\" />\n            <Pagination\n              prev={prev ? { to: prev.id, label: prev.label ?? \"\" } : undefined}\n              next={next ? { to: next.id, label: next.label ?? \"\" } : undefined}\n              className=\"mb-10\"\n            />\n          </>\n        )}\n      </Typography>\n      <div className=\"hidden xl:block\" data-pagefind-ignore=\"all\">\n        {showToc && <Toc entries={tocEntries} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["MarkdownHeadings","children","id","jsx","Heading","MdxPage","MdxComponent","basePath","frontmatter","defaultOptions","__filepath","tableOfContents","excerpt","categoryTitle","useCurrentItem","location","useLocation","isCopied","setIsCopied","useState","title","description","category","hideToc","pageTitle","item","hidePager","showLastModified","lastModifiedDate","editConfig","editUrl","editText","copyMarkdownConfig","markdownUrl","joinUrl","handleCopyMarkdown","response","markdown","tocEntries","showToc","prev","next","usePrevNext","useEffect","jsxs","Helmet","Typography","CategoryHeading","slugify","Button","CheckIcon","CopyIcon","DropdownMenu","DropdownMenuTrigger","ChevronDownIcon","DropdownMenuContent","DropdownMenuItem","Link2Icon","ExternalLinkIcon","prompt","ClaudeLogo","ChatGPTLogo","useMDXComponents","EditIcon","Fragment","Pagination","Toc"],"mappings":"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"}
+{"version":3,"file":"MdxPage-BL-HbZrv.js","sources":["../src/lib/plugins/markdown/MdxPage.tsx"],"sourcesContent":["import { useMDXComponents } from \"@mdx-js/react\";\nimport slugify from \"@sindresorhus/slugify\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport {\n  CheckIcon,\n  ChevronDownIcon,\n  CopyIcon,\n  EditIcon,\n  ExternalLinkIcon,\n  Link2Icon,\n} from \"lucide-react\";\nimport { type PropsWithChildren, useEffect, useState } from \"react\";\nimport { useLocation } from \"react-router\";\nimport { Button } from \"zudoku/ui/Button.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"zudoku/ui/DropdownMenu.js\";\nimport { CategoryHeading } from \"../../components/CategoryHeading.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { Toc } from \"../../components/navigation/Toc.js\";\nimport {\n  useCurrentItem,\n  usePrevNext,\n} from \"../../components/navigation/utils.js\";\nimport { Pagination } from \"../../components/Pagination.js\";\nimport { Typography } from \"../../components/Typography.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport type { MdxComponentsType } from \"../../util/MdxComponents.js\";\nimport { ChatGPTLogo } from \"./assets/ChatGPTLogo.js\";\nimport { ClaudeLogo } from \"./assets/ClaudeLogo.js\";\nimport type { MarkdownPluginDefaultOptions, MDXImport } from \"./index.js\";\n\ndeclare global {\n  interface Window {\n    __getReactRefreshIgnoredExports?: (args: {\n      id: string;\n    }) => string[] | undefined;\n  }\n}\n\nconst MarkdownHeadings = {\n  h2: ({ children, id }) => (\n    <Heading level={2} id={id} registerNavigationAnchor>\n      {children}\n    </Heading>\n  ),\n  h3: ({ children, id }) => (\n    <Heading level={3} id={id} registerNavigationAnchor>\n      {children}\n    </Heading>\n  ),\n} satisfies MdxComponentsType;\n\nexport const MdxPage = ({\n  mdxComponent: MdxComponent,\n  basePath,\n  frontmatter = {},\n  defaultOptions,\n  __filepath,\n  tableOfContents,\n  excerpt,\n}: PropsWithChildren<\n  Omit<MDXImport, \"default\"> & {\n    basePath: string;\n    mdxComponent: MDXImport[\"default\"];\n    defaultOptions?: MarkdownPluginDefaultOptions;\n  }\n>) => {\n  const categoryTitle = useCurrentItem()?.categoryLabel;\n  const location = useLocation();\n  const [isCopied, setIsCopied] = useState(false);\n\n  const title = frontmatter.title;\n  const description = frontmatter.description ?? excerpt;\n  const category = frontmatter.category ?? categoryTitle;\n  const hideToc = frontmatter.toc === false || defaultOptions?.toc === false;\n  const pageTitle =\n    title ?? tableOfContents.find((item) => item.depth === 1)?.value;\n  const hidePager =\n    frontmatter.disable_pager ??\n    frontmatter.disablePager ??\n    defaultOptions?.disablePager ??\n    false;\n\n  const showLastModified =\n    frontmatter.showLastModified ?? defaultOptions?.showLastModified ?? true;\n\n  const lastModifiedDate = frontmatter.lastModifiedTime\n    ? new Date(frontmatter.lastModifiedTime)\n    : null;\n\n  const editConfig =\n    frontmatter.suggestEdit !== false &&\n    (frontmatter.suggestEdit ?? defaultOptions?.suggestEdit);\n\n  const editUrl = editConfig\n    ? editConfig.url.replaceAll(\"{filePath}\", __filepath)\n    : null;\n  const editText = editConfig ? editConfig.text || \"Edit this page\" : null;\n\n  const copyMarkdownConfig =\n    frontmatter.copyPage !== false && defaultOptions?.copyPage !== false;\n\n  const markdownUrl = joinUrl(basePath, `${location.pathname}.md`);\n\n  const handleCopyMarkdown = async () => {\n    const response = await fetch(markdownUrl);\n    if (!response.ok) throw new Error(\"Failed to fetch markdown\");\n    const markdown = await response.text();\n    void navigator.clipboard.writeText(markdown);\n    setIsCopied(true);\n    setTimeout(() => setIsCopied(false), 2000);\n  };\n\n  const tocEntries =\n    tableOfContents.find((item) => item.depth === 1)?.children ??\n    // if `title` is provided by frontmatter it does not appear in the table of contents\n    tableOfContents.filter((item) => item.depth === 2);\n\n  const showToc = !hideToc && tocEntries.length > 0;\n\n  const { prev, next } = usePrevNext();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === \"development\") {\n      window.__getReactRefreshIgnoredExports = ({ id }) => {\n        if (!id.endsWith(__filepath)) return;\n\n        return [\"frontmatter\", \"tableOfContents\"];\n      };\n\n      return () => {\n        window.__getReactRefreshIgnoredExports = undefined;\n      };\n    }\n  }, [__filepath]);\n\n  return (\n    <div\n      className=\"grid grid-cols-1 xl:grid-cols-(--sidecar-grid-cols) gap-8 justify-between\"\n      data-pagefind-filter=\"section:markdown\"\n      data-pagefind-meta=\"section:markdown\"\n    >\n      <Helmet>\n        <title>{pageTitle}</title>\n        {description && <meta name=\"description\" content={description} />}\n      </Helmet>\n      <Typography className=\"max-w-full xl:w-full xl:max-w-3xl flex-1 shrink pt-(--padding-content-top)\">\n        {(category || title) && (\n          <header className=\"flex items-start justify-between gap-4\">\n            <div className=\"flex-1\">\n              {category && <CategoryHeading>{category}</CategoryHeading>}\n              {title && (\n                <Heading level={1} id={slugify(title)}>\n                  {title}\n                </Heading>\n              )}\n            </div>\n            {copyMarkdownConfig && (\n              <div className=\"flex items-center border rounded-md\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={handleCopyMarkdown}\n                  className=\"rounded-r-none border-r gap-2 h-7\"\n                >\n                  {isCopied ? (\n                    <CheckIcon size={14} className=\"text-emerald-600\" />\n                  ) : (\n                    <CopyIcon size={14} />\n                  )}\n                  <span>Copy page</span>\n                </Button>\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon-xs\"\n                      className=\"rounded-l-none\"\n                    >\n                      <ChevronDownIcon size={14} />\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"end\">\n                    <DropdownMenuItem\n                      className=\"gap-2\"\n                      onClick={() =>\n                        void navigator.clipboard.writeText(window.location.href)\n                      }\n                    >\n                      <Link2Icon className=\"size-4\" />\n                      Copy link to page\n                    </DropdownMenuItem>\n                    <DropdownMenuItem className=\"gap-2\" asChild>\n                      <a\n                        href={markdownUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        <ExternalLinkIcon className=\"size-4\" />\n                        Open Markdown page\n                      </a>\n                    </DropdownMenuItem>\n                    <DropdownMenuItem\n                      className=\"gap-2\"\n                      onClick={() => {\n                        const prompt = encodeURIComponent(\n                          `Help me understand this documentation page: ${window.location.href}`,\n                        );\n                        window.open(\n                          `https://claude.ai/new?q=${prompt}`,\n                          \"_blank\",\n                        );\n                      }}\n                    >\n                      <ClaudeLogo className=\"size-4\" />\n                      Open in Claude\n                    </DropdownMenuItem>\n                    <DropdownMenuItem\n                      className=\"gap-2\"\n                      onClick={() => {\n                        const prompt = encodeURIComponent(\n                          `Help me understand this documentation page: ${window.location.href}`,\n                        );\n                        window.open(\n                          `https://chatgpt.com/?q=${prompt}`,\n                          \"_blank\",\n                        );\n                      }}\n                    >\n                      <ChatGPTLogo className=\"size-4\" />\n                      Open in ChatGPT\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              </div>\n            )}\n          </header>\n        )}\n\n        <MdxComponent\n          components={{ ...useMDXComponents(), ...MarkdownHeadings }}\n        />\n        <div className=\"h-16\" />\n        {(showLastModified && lastModifiedDate) || editUrl ? (\n          <div className=\"flex justify-between text-xs text-muted-foreground \">\n            <div />\n            <div className=\"flex items-center gap-2\">\n              <div>\n                {editUrl && (\n                  <Button asChild variant=\"ghost\" size=\"sm\">\n                    <a\n                      href={editUrl}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"flex items-center gap-1\"\n                    >\n                      <EditIcon size={12} />\n                      {editText}\n                    </a>\n                  </Button>\n                )}\n              </div>\n              <div>\n                {showLastModified && lastModifiedDate && (\n                  <div\n                    title={lastModifiedDate.toLocaleString(undefined, {\n                      dateStyle: \"full\",\n                      timeStyle: \"medium\",\n                    })}\n                  >\n                    Last modified on{\" \"}\n                    <time dateTime={lastModifiedDate.toISOString()}>\n                      {lastModifiedDate.toLocaleDateString(\"en-US\", {\n                        dateStyle: \"long\",\n                      })}\n                    </time>\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        ) : null}\n        {!hidePager && (\n          <>\n            <div className=\"h-px bg-border mt-2 mb-6\" />\n            <Pagination\n              prev={prev ? { to: prev.id, label: prev.label ?? \"\" } : undefined}\n              next={next ? { to: next.id, label: next.label ?? \"\" } : undefined}\n              className=\"mb-10\"\n            />\n          </>\n        )}\n      </Typography>\n      <div className=\"hidden xl:block\" data-pagefind-ignore=\"all\">\n        {showToc && <Toc entries={tocEntries} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["MarkdownHeadings","children","id","jsx","Heading","MdxPage","MdxComponent","basePath","frontmatter","defaultOptions","__filepath","tableOfContents","excerpt","categoryTitle","useCurrentItem","location","useLocation","isCopied","setIsCopied","useState","title","description","category","hideToc","pageTitle","item","hidePager","showLastModified","lastModifiedDate","editConfig","editUrl","editText","copyMarkdownConfig","markdownUrl","joinUrl","handleCopyMarkdown","response","markdown","tocEntries","showToc","prev","next","usePrevNext","useEffect","jsxs","Helmet","Typography","CategoryHeading","slugify","Button","CheckIcon","CopyIcon","DropdownMenu","DropdownMenuTrigger","ChevronDownIcon","DropdownMenuContent","DropdownMenuItem","Link2Icon","ExternalLinkIcon","prompt","ClaudeLogo","ChatGPTLogo","useMDXComponents","EditIcon","Fragment","Pagination","Toc"],"mappings":"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"}

package/lib/{Mermaid-D_VSX7_Q.js → Mermaid-BjSczjLW.js}

@@ -1,9 +1,9 @@
 import { j as r } from "./jsx-runtime-BzflLqGi.js";
-import { k as f } from "./ZudokuContext-BXldanA8.js";
+import { f } from "./ZudokuContext-DNHMZfcP.js";
 import { useId as p } from "react";
 import { c as g } from "./index-DI5SPFK9.js";
 import { c as i } from "./cn-dYga0KKN.js";
-import { a as v } from "./index-Css56y3F.js";
+import { a as v } from "./index-DXXZDuSJ.js";
 import { S as x } from "./Spinner-CI6bRyZw.js";
 const h = g(
   "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",
@@ -99,4 +99,4 @@ export {
   y as a,
   j as b
 };
-//# sourceMappingURL=Mermaid-D_VSX7_Q.js.map
+//# sourceMappingURL=Mermaid-BjSczjLW.js.map

package/lib/{Mermaid-D_VSX7_Q.js.map → Mermaid-BjSczjLW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Mermaid-D_VSX7_Q.js","sources":["../src/lib/ui/Alert.tsx","../src/lib/components/Mermaid.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * 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","import { useQuery } from \"@tanstack/react-query\";\nimport type { MermaidConfig } from \"mermaid\";\nimport type { ComponentProps } from \"react\";\nimport { useId } from \"react\";\nimport { Alert, AlertDescription, AlertTitle } from \"zudoku/ui/Alert.js\";\nimport { useTheme } from \"../hooks/index.js\";\nimport { Spinner } from \"./Spinner.js\";\n\nexport type MermaidProps = {\n  chart: string;\n  config?: MermaidConfig;\n} & ComponentProps<\"div\">;\n\nlet mermaidPromise: Promise<typeof import(\"mermaid\").default> | null = null;\n\nconst loadMermaid = () => {\n  if (!mermaidPromise) {\n    mermaidPromise = import(\"mermaid\")\n      .then((mod) => mod.default)\n      .catch((error) => {\n        throw new Error(\n          \"Mermaid is not installed. Please install it with: npm install mermaid\",\n          { cause: error },\n        );\n      });\n  }\n  return mermaidPromise;\n};\n\nexport const Mermaid = ({ chart, config, ...props }: MermaidProps) => {\n  const id = useId();\n  const theme = useTheme();\n\n  const {\n    data: svg,\n    error,\n    isPending,\n  } = useQuery({\n    queryKey: [\"mermaid\", chart, config, theme.resolvedTheme],\n    queryFn: async () => {\n      const mermaid = await loadMermaid();\n      mermaid.initialize({\n        theme: theme.resolvedTheme === \"dark\" ? \"dark\" : \"base\",\n        ...config,\n      });\n\n      const { svg } = await mermaid.render(id, chart);\n      return svg;\n    },\n    enabled: typeof window !== \"undefined\",\n    retry: false,\n  });\n\n  if (error)\n    return (\n      <Alert className=\"flex flex-col gap-2\" variant=\"destructive\">\n        <AlertTitle>Mermaid Error</AlertTitle>\n        <AlertDescription className=\"overflow-auto wrap-break-word whitespace-pre-wrap font-mono text-xs\">\n          {error.message}\n        </AlertDescription>\n      </Alert>\n    );\n\n  if (isPending) return <Spinner />;\n\n  // biome-ignore lint/security/noDangerouslySetInnerHtml: Mermaid generates valid SVG\n  return <div {...props} dangerouslySetInnerHTML={{ __html: svg }} />;\n};\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","mermaidPromise","loadMermaid","mod","error","Mermaid","chart","config","id","useId","theme","useTheme","svg","isPending","useQuery","mermaid","jsxs","Spinner"],"mappings":";;;;;;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;ACjDA,IAAIK,IAAmE;AAEvE,MAAMC,IAAc,OACbD,MACHA,IAAiB,OAAO,SAAS,EAC9B,KAAK,CAACE,MAAQA,EAAI,OAAO,EACzB,MAAM,CAACC,MAAU;AAChB,QAAM,IAAI;AAAA,IACR;AAAA,IACA,EAAE,OAAOA,EAAA;AAAA,EAAM;AAEnB,CAAC,IAEEH,IAGII,IAAU,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,GAAGX,QAA0B;AACpE,QAAMY,IAAKC,EAAA,GACLC,IAAQC,EAAA,GAER;AAAA,IACJ,MAAMC;AAAA,IACN,OAAAR;AAAA,IACA,WAAAS;AAAA,EAAA,IACEC,EAAS;AAAA,IACX,UAAU,CAAC,WAAWR,GAAOC,GAAQG,EAAM,aAAa;AAAA,IACxD,SAAS,YAAY;AACnB,YAAMK,IAAU,MAAMb,EAAA;AACtB,MAAAa,EAAQ,WAAW;AAAA,QACjB,OAAOL,EAAM,kBAAkB,SAAS,SAAS;AAAA,QACjD,GAAGH;AAAA,MAAA,CACJ;AAED,YAAM,EAAE,KAAAK,EAAAA,IAAQ,MAAMG,EAAQ,OAAOP,GAAIF,CAAK;AAC9C,aAAOM;AAAAA,IACT;AAAA,IACA,SAAS,OAAO,SAAW;AAAA,IAC3B,OAAO;AAAA,EAAA,CACR;AAED,SAAIR,IAEAY,gBAAAA,EAAAA,KAACvB,GAAA,EAAM,WAAU,uBAAsB,SAAQ,eAC7C,UAAA;AAAA,IAAAI,gBAAAA,EAAAA,IAACE,KAAW,UAAA,gBAAA,CAAa;AAAA,IACzBF,gBAAAA,EAAAA,IAACG,GAAA,EAAiB,WAAU,uEACzB,YAAM,QAAA,CACT;AAAA,EAAA,GACF,IAGAa,IAAkBhB,gBAAAA,MAACoB,GAAA,CAAA,CAAQ,IAGxBpB,gBAAAA,EAAAA,IAAC,SAAK,GAAGD,GAAO,yBAAyB,EAAE,QAAQgB,KAAO;AACnE;"}
+{"version":3,"file":"Mermaid-BjSczjLW.js","sources":["../src/lib/ui/Alert.tsx","../src/lib/components/Mermaid.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * 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","import { useQuery } from \"@tanstack/react-query\";\nimport type { MermaidConfig } from \"mermaid\";\nimport type { ComponentProps } from \"react\";\nimport { useId } from \"react\";\nimport { Alert, AlertDescription, AlertTitle } from \"zudoku/ui/Alert.js\";\nimport { useTheme } from \"../hooks/index.js\";\nimport { Spinner } from \"./Spinner.js\";\n\nexport type MermaidProps = {\n  chart: string;\n  config?: MermaidConfig;\n} & ComponentProps<\"div\">;\n\nlet mermaidPromise: Promise<typeof import(\"mermaid\").default> | null = null;\n\nconst loadMermaid = () => {\n  if (!mermaidPromise) {\n    mermaidPromise = import(\"mermaid\")\n      .then((mod) => mod.default)\n      .catch((error) => {\n        throw new Error(\n          \"Mermaid is not installed. Please install it with: npm install mermaid\",\n          { cause: error },\n        );\n      });\n  }\n  return mermaidPromise;\n};\n\nexport const Mermaid = ({ chart, config, ...props }: MermaidProps) => {\n  const id = useId();\n  const theme = useTheme();\n\n  const {\n    data: svg,\n    error,\n    isPending,\n  } = useQuery({\n    queryKey: [\"mermaid\", chart, config, theme.resolvedTheme],\n    queryFn: async () => {\n      const mermaid = await loadMermaid();\n      mermaid.initialize({\n        theme: theme.resolvedTheme === \"dark\" ? \"dark\" : \"base\",\n        ...config,\n      });\n\n      const { svg } = await mermaid.render(id, chart);\n      return svg;\n    },\n    enabled: typeof window !== \"undefined\",\n    retry: false,\n  });\n\n  if (error)\n    return (\n      <Alert className=\"flex flex-col gap-2\" variant=\"destructive\">\n        <AlertTitle>Mermaid Error</AlertTitle>\n        <AlertDescription className=\"overflow-auto wrap-break-word whitespace-pre-wrap font-mono text-xs\">\n          {error.message}\n        </AlertDescription>\n      </Alert>\n    );\n\n  if (isPending) return <Spinner />;\n\n  // biome-ignore lint/security/noDangerouslySetInnerHtml: Mermaid generates valid SVG\n  return <div {...props} dangerouslySetInnerHTML={{ __html: svg }} />;\n};\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","mermaidPromise","loadMermaid","mod","error","Mermaid","chart","config","id","useId","theme","useTheme","svg","isPending","useQuery","mermaid","jsxs","Spinner"],"mappings":";;;;;;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;ACjDA,IAAIK,IAAmE;AAEvE,MAAMC,IAAc,OACbD,MACHA,IAAiB,OAAO,SAAS,EAC9B,KAAK,CAACE,MAAQA,EAAI,OAAO,EACzB,MAAM,CAACC,MAAU;AAChB,QAAM,IAAI;AAAA,IACR;AAAA,IACA,EAAE,OAAOA,EAAA;AAAA,EAAM;AAEnB,CAAC,IAEEH,IAGII,IAAU,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,GAAGX,QAA0B;AACpE,QAAMY,IAAKC,EAAA,GACLC,IAAQC,EAAA,GAER;AAAA,IACJ,MAAMC;AAAA,IACN,OAAAR;AAAA,IACA,WAAAS;AAAA,EAAA,IACEC,EAAS;AAAA,IACX,UAAU,CAAC,WAAWR,GAAOC,GAAQG,EAAM,aAAa;AAAA,IACxD,SAAS,YAAY;AACnB,YAAMK,IAAU,MAAMb,EAAA;AACtB,MAAAa,EAAQ,WAAW;AAAA,QACjB,OAAOL,EAAM,kBAAkB,SAAS,SAAS;AAAA,QACjD,GAAGH;AAAA,MAAA,CACJ;AAED,YAAM,EAAE,KAAAK,EAAAA,IAAQ,MAAMG,EAAQ,OAAOP,GAAIF,CAAK;AAC9C,aAAOM;AAAAA,IACT;AAAA,IACA,SAAS,OAAO,SAAW;AAAA,IAC3B,OAAO;AAAA,EAAA,CACR;AAED,SAAIR,IAEAY,gBAAAA,EAAAA,KAACvB,GAAA,EAAM,WAAU,uBAAsB,SAAQ,eAC7C,UAAA;AAAA,IAAAI,gBAAAA,EAAAA,IAACE,KAAW,UAAA,gBAAA,CAAa;AAAA,IACzBF,gBAAAA,EAAAA,IAACG,GAAA,EAAiB,WAAU,uEACzB,YAAM,QAAA,CACT;AAAA,EAAA,GACF,IAGAa,IAAkBhB,gBAAAA,MAACoB,GAAA,CAAA,CAAQ,IAGxBpB,gBAAAA,EAAAA,IAAC,SAAK,GAAGD,GAAO,yBAAyB,EAAE,QAAQgB,KAAO;AACnE;"}