zs_library 0.4.12 → 0.4.14

package/dist/components/editor/selectors/color-selector.js

@@ -1,100 +0,0 @@
-import "./index.css";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useEditor as f, EditorBubbleItem as n } from "novel";
-import { Popover as h, PopoverTrigger as u, PopoverContent as x } from "../ui/popover.js";
-import { Button as v } from "../ui/button.js";
-import { TEXT_COLORS as c, HIGHLIGHT_COLORS as m } from "../lib/colors.js";
-import { RiArrowDropDownLine as g, RiCheckLine as a } from "@remixicon/react";
-import y from "../ui/tooltip.js";
-const j = ({ open: p, onOpenChange: s }) => {
-  const { editor: t } = f();
-  if (!t) return null;
-  const l = c.find(
-    ({ color: r }) => t.isActive("textStyle", { color: r })
-  ), d = m.find(
-    ({ color: r }) => t.isActive("highlight", { color: r })
-  );
-  return /* @__PURE__ */ o(h, { modal: !0, open: p, onOpenChange: s, children: [
-    /* @__PURE__ */ e(y, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ o(v, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
-      /* @__PURE__ */ e(
-        "span",
-        {
-          className: "rounded-sm px-1",
-          style: {
-            color: l == null ? void 0 : l.color,
-            backgroundColor: d == null ? void 0 : d.color
-          },
-          children: "A"
-        }
-      ),
-      /* @__PURE__ */ e(g, {})
-    ] }) }) }),
-    /* @__PURE__ */ o(
-      x,
-      {
-        sideOffset: 5,
-        className: "my-1 flex max-h-80 w-48 flex-col overflow-hidden overflow-y-auto rounded border p-1 shadow-xl ",
-        align: "start",
-        children: [
-          /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "颜色" }),
-            c.map(({ name: r, color: i }) => /* @__PURE__ */ o(
-              n,
-              {
-                onSelect: () => {
-                  t.commands.unsetColor(), r !== "Default" && t.chain().focus().setColor(i || "").run(), s(!1);
-                },
-                className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
-                children: [
-                  /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: "rounded-sm border px-2 py-px font-medium",
-                        style: { color: i },
-                        children: "A"
-                      }
-                    ),
-                    /* @__PURE__ */ e("span", { children: r })
-                  ] }),
-                  t.isActive("textStyle", { color: i }) && /* @__PURE__ */ e(a, { size: 14 })
-                ]
-              },
-              r
-            ))
-          ] }),
-          /* @__PURE__ */ o("div", { children: [
-            /* @__PURE__ */ e("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "背景 " }),
-            m.map(({ name: r, color: i }) => /* @__PURE__ */ o(
-              n,
-              {
-                onSelect: () => {
-                  t.commands.unsetHighlight(), r !== "Default" && t.chain().focus().setHighlight({ color: i }).run(), s(!1);
-                },
-                className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
-                children: [
-                  /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: "rounded-sm border px-2 py-px font-medium",
-                        style: { backgroundColor: i },
-                        children: "A"
-                      }
-                    ),
-                    /* @__PURE__ */ e("span", { children: r })
-                  ] }),
-                  t.isActive("highlight", { color: i }) && /* @__PURE__ */ e(a, { size: 14 })
-                ]
-              },
-              r
-            ))
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  j as ColorSelector
-};

package/dist/components/editor/selectors/link-selector.js

@@ -1,82 +0,0 @@
-import "./index.css";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Popover as u, PopoverTrigger as f } from "@radix-ui/react-popover";
-import { useEditor as d } from "novel";
-import { useRef as p, useEffect as h } from "react";
-import { Button as s } from "../ui/button.js";
-import { PopoverContent as g } from "../ui/popover.js";
-import { cx as v } from "@emotion/css";
-import { getUrlFromString as x } from "../lib/url-utils.js";
-import { RiLink as b, RiDeleteBinLine as k, RiCheckLine as N } from "@remixicon/react";
-import L from "../ui/tooltip.js";
-const D = ({ open: a, onOpenChange: i }) => {
-  const o = p(null), { editor: r } = d();
-  return h(() => {
-    var t;
-    (t = o.current) == null || t.focus();
-  }), r ? /* @__PURE__ */ n(u, { modal: !0, open: a, onOpenChange: i, children: [
-    /* @__PURE__ */ e(L, { overlay: "添加链接", placement: "top", children: /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ n(
-      s,
-      {
-        size: "sm",
-        variant: "ghost",
-        className: "gap-2 rounded-md border-none",
-        children: [
-          /* @__PURE__ */ e("p", { className: "text-base", children: /* @__PURE__ */ e(b, { size: 16 }) }),
-          /* @__PURE__ */ e(
-            "p",
-            {
-              className: v(
-                "underline decoration-stone-400 underline-offset-4",
-                {
-                  "text-blue-500": r.isActive("link")
-                }
-              ),
-              children: "链接 "
-            }
-          )
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ e(g, { align: "start", className: "w-60 p-0", sideOffset: 10, children: /* @__PURE__ */ n(
-      "form",
-      {
-        onSubmit: (t) => {
-          const c = t.currentTarget;
-          t.preventDefault();
-          const m = c[0], l = x(m.value);
-          l && (r.chain().focus().setLink({ href: l }).run(), i(!1));
-        },
-        className: "flex  p-1 ",
-        children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ref: o,
-              type: "text",
-              placeholder: "粘贴链接",
-              className: "flex-1 bg-background p-1 text-sm outline-none",
-              defaultValue: r.getAttributes("link").href || ""
-            }
-          ),
-          r.getAttributes("link").href ? /* @__PURE__ */ e(
-            s,
-            {
-              size: "icon",
-              variant: "outline",
-              type: "button",
-              className: "flex h-8 items-center rounded-sm p-1 text-red-600 transition-all hover:bg-red-100 dark:hover:bg-red-800",
-              onClick: () => {
-                r.chain().focus().unsetLink().run(), o.current.value = "", i(!1);
-              },
-              children: /* @__PURE__ */ e(k, { className: "h-4 w-4" })
-            }
-          ) : /* @__PURE__ */ e(s, { size: "icon", className: "h-8", children: /* @__PURE__ */ e(N, { className: "h-4 w-4" }) })
-        ]
-      }
-    ) })
-  ] }) : null;
-};
-export {
-  D as LinkSelector
-};

package/dist/components/editor/selectors/math-selector.js

@@ -1,37 +0,0 @@
-import "./index.css";
-import { jsx as e } from "react/jsx-runtime";
-import { SigmaIcon as s } from "lucide-react";
-import { useEditor as n } from "novel";
-import { Button as m } from "../ui/button.js";
-import { cx as c } from "@emotion/css";
-import a from "../ui/tooltip.js";
-const v = () => {
-  const { editor: t } = n();
-  return t ? /* @__PURE__ */ e(a, { overlay: "标记为公式", placement: "top", children: /* @__PURE__ */ e(
-    m,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: "rounded-md w-12",
-      onClick: () => {
-        if (t.isActive("math"))
-          t.chain().focus().unsetLatex().run();
-        else {
-          const { from: r, to: i } = t.state.selection, o = t.state.doc.textBetween(r, i);
-          if (!o) return;
-          t.chain().focus().setLatex({ latex: o }).run();
-        }
-      },
-      children: /* @__PURE__ */ e(
-        s,
-        {
-          className: c("size-4", { "text-blue-500": t.isActive("math") }),
-          strokeWidth: 2.3
-        }
-      )
-    }
-  ) }) : null;
-};
-export {
-  v as MathSelector
-};

package/dist/components/editor/selectors/node-selector.js

@@ -1,56 +0,0 @@
-import "./index.css";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useEditor as c, EditorBubbleItem as l } from "novel";
-import { Popover as d } from "@radix-ui/react-popover";
-import { PopoverTrigger as p, PopoverContent as f } from "../ui/popover.js";
-import { Button as h } from "../ui/button.js";
-import { NODE_SELECTOR_ITEMS as i } from "../lib/nodes.js";
-import { RiArrowDropDownLine as u, RiCheckLine as v } from "@remixicon/react";
-import x from "../ui/tooltip.js";
-const C = ({ open: m, onOpenChange: t }) => {
-  const { editor: n } = c();
-  if (!n) return null;
-  const s = i.filter(
-    (r) => r.isActive(n)
-  ).pop() ?? {
-    name: "多个选中"
-    // Multiple
-  };
-  return /* @__PURE__ */ o(d, { modal: !0, open: m, onOpenChange: t, children: [
-    /* @__PURE__ */ e(x, { overlay: "转换成", placement: "top", children: /* @__PURE__ */ e(
-      p,
-      {
-        asChild: !0,
-        className: "rounded-md border-none hover:bg-accent focus:ring-0 pr-0",
-        children: /* @__PURE__ */ o(h, { size: "sm", variant: "ghost", children: [
-          /* @__PURE__ */ e("span", { className: "whitespace-nowrap text-sm", children: s.name }),
-          /* @__PURE__ */ e(u, {})
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ o(f, { sideOffset: 5, align: "start", className: "w-48 p-1", children: [
-      /* @__PURE__ */ e("p", { className: "mb-2 text-sm text-secondary-foreground", children: "转换成" }),
-      " ",
-      i.map((r) => /* @__PURE__ */ o(
-        l,
-        {
-          onSelect: (a) => {
-            r.command(a), t(!1);
-          },
-          className: "flex cursor-pointer items-center justify-between rounded-sm px-2 py-1 text-sm hover:bg-accent",
-          children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e("div", { className: "rounded-sm border p-1", children: /* @__PURE__ */ e(r.icon, { className: "h-3 w-3" }) }),
-              /* @__PURE__ */ e("span", { children: r.name })
-            ] }),
-            s.name === r.name && /* @__PURE__ */ e(v, { size: 14 })
-          ]
-        },
-        r.name
-      ))
-    ] })
-  ] });
-};
-export {
-  C as NodeSelector
-};

package/dist/components/editor/selectors/text-buttons.js

@@ -1,75 +0,0 @@
-import "./index.css";
-import { jsx as i } from "react/jsx-runtime";
-import { BoldIcon as c, ItalicIcon as t, UnderlineIcon as r, StrikethroughIcon as m, CodeIcon as s } from "lucide-react";
-import { useEditor as a, EditorBubbleItem as l } from "novel";
-import { Button as d } from "../ui/button.js";
-import { cx as u } from "@emotion/css";
-import v from "../ui/tooltip.js";
-const B = () => {
-  const { editor: e } = a();
-  return e ? /* @__PURE__ */ i("div", { className: "flex", children: [
-    {
-      name: "粗体",
-      // bold
-      isActive: (o) => o.isActive("bold"),
-      command: (o) => o.chain().focus().toggleBold().run(),
-      icon: c
-    },
-    {
-      name: "斜体",
-      // italic
-      isActive: (o) => o.isActive("italic"),
-      command: (o) => o.chain().focus().toggleItalic().run(),
-      icon: t
-    },
-    {
-      name: "下划线",
-      // underline
-      isActive: (o) => o.isActive("underline"),
-      command: (o) => o.chain().focus().toggleUnderline().run(),
-      icon: r
-    },
-    {
-      name: "删除线",
-      // strike
-      isActive: (o) => o.isActive("strike"),
-      command: (o) => o.chain().focus().toggleStrike().run(),
-      icon: m
-    },
-    {
-      name: "代码",
-      // code
-      isActive: (o) => o.isActive("code"),
-      command: (o) => o.chain().focus().toggleCode().run(),
-      icon: s
-    }
-  ].map((o) => /* @__PURE__ */ i(
-    l,
-    {
-      onSelect: (n) => {
-        o.command(n);
-      },
-      children: /* @__PURE__ */ i(v, { overlay: o.name, placement: "top", children: /* @__PURE__ */ i(
-        d,
-        {
-          size: "sm",
-          className: "rounded-md",
-          variant: "ghost",
-          type: "button",
-          children: /* @__PURE__ */ i(
-            o.icon,
-            {
-              className: u("h-4 w-4", {
-                "text-blue-500": o.isActive(e)
-              })
-            }
-          )
-        }
-      ) })
-    },
-    o.name
-  )) }) : null;
-};
-export {
-  B as TextButtons
-};

package/dist/components/editor/slash-command.js

@@ -1,129 +0,0 @@
-import "./index.css";
-import { jsx as t } from "react/jsx-runtime";
-import { Command as a, createSuggestionItems as d, renderItems as l } from "novel";
-import { RiText as m, RiH1 as g, RiH2 as u, RiH3 as h, RiListCheck as p, RiListUnordered as f, RiListOrdered as R, RiQuoteText as T, RiCodeLine as k, RiImageLine as z } from "@remixicon/react";
-const L = ({ uploadFn: n }) => d([
-  {
-    title: "文本",
-    // "Text",
-    description: "从纯文本开始编写。",
-    // "Just start typing with plain text.",
-    searchTerms: ["p", "paragraph"],
-    icon: /* @__PURE__ */ t(m, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).toggleNode("paragraph", "paragraph").run();
-    }
-  },
-  {
-    title: "标题1",
-    // "Heading 1",
-    description: "大标题。",
-    // "Big section heading.",
-    searchTerms: ["title", "big", "large"],
-    icon: /* @__PURE__ */ t(g, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).setNode("heading", { level: 1 }).run();
-    }
-  },
-  {
-    title: "标题2",
-    // "Heading 2",
-    description: "中标题。",
-    // "Medium section heading.",
-    searchTerms: ["subtitle", "medium"],
-    icon: /* @__PURE__ */ t(u, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).setNode("heading", { level: 2 }).run();
-    }
-  },
-  {
-    title: "标题3",
-    // "Heading 3",
-    description: "小标题。",
-    // "Small section heading.",
-    searchTerms: ["subtitle", "small"],
-    icon: /* @__PURE__ */ t(h, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).setNode("heading", { level: 3 }).run();
-    }
-  },
-  {
-    title: "待办清单",
-    // "To-do List",
-    description: "使用待办清单追踪任务。",
-    // "Track tasks with a to-do list.",
-    searchTerms: ["todo", "task", "list", "check", "checkbox"],
-    icon: /* @__PURE__ */ t(p, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).toggleTaskList().run();
-    }
-  },
-  {
-    title: "项目符号列表",
-    // "Bullet List",
-    description: "创建一个简单的项目符号列表。",
-    // "Create a simple bullet list.",
-    searchTerms: ["unordered", "point"],
-    icon: /* @__PURE__ */ t(f, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).toggleBulletList().run();
-    }
-  },
-  {
-    title: "有序列表",
-    // "Numbered List",
-    description: "创建一个带有序号的列表。",
-    // "Create a list with numbering.",
-    searchTerms: ["ordered"],
-    icon: /* @__PURE__ */ t(R, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).toggleOrderedList().run();
-    }
-  },
-  {
-    title: "引用",
-    // "Quote",
-    description: "摘取引用。",
-    // "Capture a quote.",
-    searchTerms: ["blockquote"],
-    icon: /* @__PURE__ */ t(T, { size: 18 }),
-    command: ({ editor: e, range: i }) => e.chain().focus().deleteRange(i).toggleNode("paragraph", "paragraph").toggleBlockquote().run()
-  },
-  {
-    title: "代码",
-    // "Code",
-    description: "捕获代码段。",
-    // "Capture a code snippet.",
-    searchTerms: ["codeblock"],
-    icon: /* @__PURE__ */ t(k, { size: 18 }),
-    command: ({ editor: e, range: i }) => e.chain().focus().deleteRange(i).toggleCodeBlock().run()
-  },
-  {
-    title: "图片",
-    // "Image",
-    description: "从您的计算机上传图像。",
-    // "Upload an image from your computer.",
-    searchTerms: ["photo", "picture", "media"],
-    icon: /* @__PURE__ */ t(z, { size: 18 }),
-    command: ({ editor: e, range: i }) => {
-      e.chain().focus().deleteRange(i).run();
-      const o = document.createElement("input");
-      o.type = "file", o.accept = "image/*", o.onchange = async () => {
-        var s;
-        if ((s = o.files) != null && s.length) {
-          const c = o.files[0], r = e.view.state.selection.from;
-          n(c, e.view, r);
-        }
-      }, o.click();
-    }
-  }
-]), N = (n) => a.configure({
-  suggestion: {
-    items: () => L(n),
-    render: l
-  }
-});
-export {
-  N as slashCommand,
-  L as suggestionItems
-};

package/dist/components/editor/ui/button.js

@@ -1,44 +0,0 @@
-import "./index.css";
-import { jsx as a } from "react/jsx-runtime";
-import * as s from "react";
-import { Slot as d } from "@radix-ui/react-slot";
-import { cva as c } from "class-variance-authority";
-import { cx as u } from "@emotion/css";
-const f = c(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-7 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), m = s.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => /* @__PURE__ */ a(
-    o ? d : "button",
-    {
-      className: u(f({ variant: r, size: t, className: e })),
-      ref: i,
-      ...n
-    }
-  )
-);
-m.displayName = "Button";
-export {
-  m as Button
-};

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

@@ -1,94 +0,0 @@
-import "./index.css";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { Command as e } from "cmdk";
-import * as d from "react";
-import "./dialog.js";
-import { cx as m } from "@emotion/css";
-import { RiSparklingFill as p } from "@remixicon/react";
-const n = d.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
-  e,
-  {
-    ref: r,
-    className: m(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      a
-    ),
-    ...o
-  }
-));
-n.displayName = e.displayName;
-const l = d.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ t(p, { size: 14, className: "mr-2 shrink-0 text-purple-500 " }),
-  /* @__PURE__ */ t(
-    e.Input,
-    {
-      ref: r,
-      className: m(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        a
-      ),
-      ...o
-    }
-  )
-] }));
-l.displayName = e.Input.displayName;
-const i = d.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
-  e.List,
-  {
-    ref: r,
-    className: m("max-h-[300px] overflow-y-auto overflow-x-hidden", a),
-    ...o
-  }
-));
-i.displayName = e.List.displayName;
-const c = d.forwardRef((a, o) => /* @__PURE__ */ t(
-  e.Empty,
-  {
-    ref: o,
-    className: "py-6 text-center text-sm",
-    ...a
-  }
-));
-c.displayName = e.Empty.displayName;
-const f = d.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
-  e.Group,
-  {
-    ref: r,
-    className: m(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      a
-    ),
-    ...o
-  }
-));
-f.displayName = e.Group.displayName;
-const u = d.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
-  e.Separator,
-  {
-    ref: r,
-    className: m("-mx-1 h-px bg-border", a),
-    ...o
-  }
-));
-u.displayName = e.Separator.displayName;
-const x = d.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
-  e.Item,
-  {
-    ref: r,
-    className: m(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",
-      a
-    ),
-    ...o
-  }
-));
-x.displayName = e.Item.displayName;
-export {
-  n as Command,
-  c as CommandEmpty,
-  f as CommandGroup,
-  l as CommandInput,
-  x as CommandItem,
-  i as CommandList,
-  u as CommandSeparator
-};

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

@@ -1,68 +0,0 @@
-import "./index.css";
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import * as i from "react";
-import * as a from "@radix-ui/react-dialog";
-import { X as m } from "lucide-react";
-import { cx as n } from "@emotion/css";
-const c = a.Portal, l = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(
-  a.Overlay,
-  {
-    ref: o,
-    className: n(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      t
-    ),
-    ...e
-  }
-));
-l.displayName = a.Overlay.displayName;
-const p = i.forwardRef(({ className: t, children: e, ...o }, r) => /* @__PURE__ */ d(c, { children: [
-  /* @__PURE__ */ s(l, {}),
-  /* @__PURE__ */ d(
-    a.Content,
-    {
-      ref: r,
-      className: n(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        t
-      ),
-      ...o,
-      children: [
-        e,
-        /* @__PURE__ */ d(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ s(m, { className: "h-4 w-4" }),
-          /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-p.displayName = a.Content.displayName;
-const f = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(
-  a.Title,
-  {
-    ref: o,
-    className: n(
-      "text-lg font-semibold leading-none tracking-tight",
-      t
-    ),
-    ...e
-  }
-));
-f.displayName = a.Title.displayName;
-const g = i.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(
-  a.Description,
-  {
-    ref: o,
-    className: n("text-sm text-muted-foreground", t),
-    ...e
-  }
-));
-g.displayName = a.Description.displayName;
-export {
-  p as DialogContent,
-  g as DialogDescription,
-  l as DialogOverlay,
-  c as DialogPortal,
-  f as DialogTitle
-};