@collabchron/notiq 0.2.0 → 1.0.0

package/dist/insert-gif-SAIDYURE.mjs

@@ -0,0 +1,100 @@
+import {
+  Skeleton
+} from "./chunk-QEIFVK5M.mjs";
+import {
+  Input
+} from "./chunk-POGRR73N.mjs";
+import {
+  Button
+} from "./chunk-BIU7WTLX.mjs";
+import "./chunk-YHPNOWFH.mjs";
+import {
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/models/insert-gif.tsx
+init_react_shim();
+import React2, { useState, useEffect } from "react";
+import { useQuery } from "@tanstack/react-query";
+
+// src/components/editor/utils/gif.ts
+init_react_shim();
+var API_KEY = process.env.NEXT_PUBLIC_TENOR_API_KEY;
+var fetchGifs = async ({ q = "trending" }) => {
+  const params = new URLSearchParams({
+    key: API_KEY || "",
+    q,
+    limit: "200",
+    media_filter: "minimal"
+  });
+  const response = await fetch(`https://tenor.googleapis.com/v2/search?${params.toString()}`);
+  if (!response.ok) {
+    throw new Error(`HTTP error! Status: ${response.status}`);
+  }
+  const data = await response.json();
+  const gifs = data.results.map((gif) => ({
+    id: gif.id,
+    url: gif.media_formats.gif.url,
+    alt_text: gif.content_description
+  }));
+  return { gifs, next: data.next };
+};
+var gif_default = fetchGifs;
+
+// src/components/ui/models/insert-gif.tsx
+import { Search, X } from "lucide-react";
+function InsertGif({ insertGifOnClick, onClose }) {
+  const [search, setSearch] = useState("");
+  const [debouncedSearch, setDebouncedSearch] = useState("");
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedSearch(search);
+    }, 500);
+    return () => clearTimeout(handler);
+  }, [search]);
+  const { data: gifs, isPending } = useQuery({
+    queryKey: ["gifs", debouncedSearch],
+    queryFn: async () => {
+      const { gifs: gifs2 } = await gif_default({ q: debouncedSearch || "trending" });
+      return gifs2;
+    }
+  });
+  return /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col space-y-1" }, /* @__PURE__ */ React2.createElement("form", { onSubmit: (e) => e.preventDefault(), className: "relative mb-3" }, /* @__PURE__ */ React2.createElement(
+    Button,
+    {
+      type: "submit",
+      className: "absolute text-gray-500 left-1 top-[50%] -translate-y-1/2",
+      variant: "ghost",
+      size: "sm"
+    },
+    /* @__PURE__ */ React2.createElement(Search, { className: "w-4 h-4" })
+  ), /* @__PURE__ */ React2.createElement(
+    Input,
+    {
+      onChange: (e) => setSearch(e.target.value),
+      value: search,
+      placeholder: "Search for GIFs",
+      className: "pl-9"
+    }
+  ), search && /* @__PURE__ */ React2.createElement(
+    X,
+    {
+      onClick: () => setSearch(""),
+      className: "w-4 h-4 absolute cursor-pointer transition-colors text-gray-500 right-3 top-[50%] hover:text-white -translate-y-1/2"
+    }
+  )), /* @__PURE__ */ React2.createElement("div", { className: "grid grid-cols-3 gap-2" }, isPending && Array(9).fill(0).map((_, i) => /* @__PURE__ */ React2.createElement(Skeleton, { key: i, className: "rounded-md w-full h-full" })), !isPending && (gifs == null ? void 0 : gifs.map((gif) => /* @__PURE__ */ React2.createElement(
+    "button",
+    {
+      key: gif.id,
+      onClick: () => {
+        insertGifOnClick({ src: gif.url, altText: gif.alt_text });
+        onClose();
+      },
+      className: "w-full h-full"
+    },
+    /* @__PURE__ */ React2.createElement("img", { src: gif.url, alt: gif.alt_text, className: "rounded-md w-full h-full" })
+  ))), !isPending && (gifs == null ? void 0 : gifs.length) === 0 && /* @__PURE__ */ React2.createElement("p", { className: "text-center text-gray-500" }, "No GIFs found")));
+}
+export {
+  InsertGif as default
+};

package/dist/insert-image-U3RJN3OW.mjs

@@ -0,0 +1,259 @@
+import {
+  Progress,
+  useUpload
+} from "./chunk-JXDPPUJI.mjs";
+import {
+  INSERT_IMAGE_COMMAND
+} from "./chunk-LGG4IUIA.mjs";
+import "./chunk-N3WN46VL.mjs";
+import {
+  Card,
+  CardContent
+} from "./chunk-3G37YKTV.mjs";
+import {
+  Button
+} from "./chunk-BIU7WTLX.mjs";
+import "./chunk-YHPNOWFH.mjs";
+import {
+  React,
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/models/insert-image.tsx
+init_react_shim();
+import { useEffect, useRef as useRef2 } from "react";
+
+// src/components/ui/image/file-upload.tsx
+init_react_shim();
+import { useState, useRef } from "react";
+import {
+  Upload,
+  Loader2,
+  X,
+  Image,
+  UploadCloudIcon,
+  Video
+} from "lucide-react";
+import { motion, AnimatePresence } from "framer-motion";
+
+// src/lib/edgestore.ts
+init_react_shim();
+import { createEdgeStoreProvider } from "@edgestore/react";
+var { EdgeStoreProvider, useEdgeStore } = createEdgeStoreProvider();
+
+// src/components/ui/image/file-upload.tsx
+var FileUploadZone = ({
+  InsertMedia
+}) => {
+  const [draggedZone, setDraggedZone] = useState(null);
+  const [files, setFiles] = useState([]);
+  const [uploading, setUploading] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const fileInputRef = useRef(null);
+  const { edgestore } = useEdgeStore();
+  const uploadConfig = useUpload();
+  const handleDragEnter = (index) => (e) => {
+    e.preventDefault();
+    setDraggedZone(index);
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    setDraggedZone(null);
+  };
+  const upload = async (newFiles) => {
+    setUploading(true);
+    setProgress(0);
+    let uploadedFiles = [];
+    for (let i = 0; i < newFiles.length; i++) {
+      const file = newFiles[i];
+      try {
+        let url = "";
+        if (uploadConfig == null ? void 0 : uploadConfig.uploadHandler) {
+          const res = await uploadConfig.uploadHandler(file, (p) => {
+            setProgress(
+              Math.round(p / 100 * ((i + 1) / newFiles.length) * 100)
+            );
+          });
+          url = res.url;
+        } else {
+          const response = await edgestore.publicFiles.upload({
+            file,
+            onProgressChange: (progress2) => {
+              setProgress(
+                Math.round(progress2 / 100 * ((i + 1) / newFiles.length) * 100)
+              );
+            }
+          });
+          url = response.url;
+        }
+        uploadedFiles.push({ url, alt: file.name });
+      } catch (error) {
+        console.error(`Error uploading ${file.name}:`, error);
+      }
+    }
+    setFiles((prevFiles) => [...prevFiles, ...uploadedFiles]);
+    setUploading(false);
+    setProgress(100);
+  };
+  const handleDrop = () => async (e) => {
+    e.preventDefault();
+    setDraggedZone(null);
+    const droppedFiles = Array.from(e.dataTransfer.files);
+    if (droppedFiles.length > 0) {
+      await upload(droppedFiles);
+    }
+  };
+  const handleFileSelect = async (e) => {
+    const selectedFiles = Array.from(e.target.files || []);
+    if (selectedFiles.length > 0) {
+      await upload(selectedFiles);
+    }
+  };
+  const removeFile = (index) => {
+    setFiles((prevFiles) => prevFiles.filter((_, i) => i !== index));
+  };
+  const zones = [
+    {
+      title: "Upload Images",
+      subtitle: "Drop images here",
+      icon: Image,
+      gradient: "from-purple-400 via-pink-500 to-red-500",
+      rotate: "-rotate-2"
+    },
+    {
+      title: "Upload Videos",
+      subtitle: "Drop videos here",
+      icon: Video,
+      gradient: "from-blue-400 via-teal-500 to-green-500",
+      rotate: ""
+    },
+    {
+      title: "Upload Files",
+      subtitle: "Drop files here",
+      icon: UploadCloudIcon,
+      gradient: "from-yellow-400 via-orange-500 to-red-500",
+      rotate: "rotate-3"
+    }
+  ];
+  return /* @__PURE__ */ React.createElement(Card, { className: "mx-auto w-full  bg-transparent border-none max-w-[300px] lg:max-w-[500px] overflow-hidden rounded-[1rem]" }, /* @__PURE__ */ React.createElement(CardContent, { className: "p-6 py-7   cursor:pointer" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6" }, zones.map((zone, index) => /* @__PURE__ */ React.createElement("div", { key: index, className: `relative ${zone.rotate}` }, /* @__PURE__ */ React.createElement(
+    motion.div,
+    {
+      onDragEnter: handleDragEnter(index),
+      onDragOver: (e) => e.preventDefault(),
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      whileHover: { y: -4, scale: 1.02 },
+      whileTap: { scale: 0.98 },
+      className: "group relative h-full"
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `
+                    absolute inset-0 -z-10 rounded-xl bg-gradient-to-br ${zone.gradient}
+                    opacity-0 blur-md transition-opacity duration-300
+                    ${draggedZone === index ? "opacity-70" : "group-hover:opacity-70"}
+                  `
+      }
+    ),
+    /* @__PURE__ */ React.createElement(Card, { className: "relative h-full rounded-[1rem] overflow-hidden border-2 border-dashed border-gray-200 dark:border-gray-800 transition-colors duration-300 group-hover:border-transparent" }, /* @__PURE__ */ React.createElement(CardContent, { className: "flex h-full flex-col items-center justify-center p-6 text-center" }, /* @__PURE__ */ React.createElement(
+      motion.div,
+      {
+        whileHover: { scale: 1.1, rotate: 10 },
+        className: "rounded-full bg-gray-100 dark:bg-gray-800 p-3 mb-4"
+      },
+      /* @__PURE__ */ React.createElement(zone.icon, { className: "h-8 w-8 text-gray-500" })
+    ), /* @__PURE__ */ React.createElement("h3", { className: "mb-1 text-sm font-medium" }, zone.title), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500" }, zone.subtitle)))
+  )))), (uploading || files.length > 0) && /* @__PURE__ */ React.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React.createElement(Progress, { value: uploading ? progress : 100, className: "h-2 mb-2" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500 mb-2" }, uploading ? `Uploading... ${progress}%` : `${files.length} file(s) uploaded`), /* @__PURE__ */ React.createElement(AnimatePresence, null, files.map((file, index) => /* @__PURE__ */ React.createElement(
+    motion.div,
+    {
+      key: `${file.alt}-${index}`,
+      initial: { opacity: 0, y: -10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      className: "flex items-center justify-between bg-gray-100 dark:bg-gray-800 rounded-[1rem] p-2 mb-2"
+    },
+    /* @__PURE__ */ React.createElement("span", { className: "truncate max-w-[80%] text-sm text-gray-700 dark:text-gray-300 ml-2" }, file.alt),
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        onClick: () => removeFile(index),
+        className: "h-6 w-6 p-0 hover:bg-gray-200 dark:hover:bg-gray-700"
+      },
+      /* @__PURE__ */ React.createElement(X, { className: "h-4 w-4" })
+    )
+  )))), /* @__PURE__ */ React.createElement("div", { className: "text-center flex flex-col" }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "file",
+      ref: fileInputRef,
+      onChange: handleFileSelect,
+      className: "hidden",
+      multiple: true
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        var _a;
+        return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+      },
+      disabled: uploading,
+      className: "rounded-[1rem] mt-5"
+    },
+    uploading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Uploading...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Upload, { className: "mr-2 h-4 w-4" }), "Choose Files")
+  ), files.length > 0 && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => InsertMedia(files),
+      disabled: uploading,
+      className: "rounded-[1rem] mt-2"
+    },
+    "Insert the ",
+    files.length == 1 ? "image" : "images"
+  ))));
+};
+var file_upload_default = FileUploadZone;
+
+// src/components/ui/models/insert-image.tsx
+function InsertImageDialog({
+  activeEditor,
+  onClose
+}) {
+  const hasModifier = useRef2(false);
+  useEffect(() => {
+    hasModifier.current = false;
+    const handler = (e) => {
+      hasModifier.current = e.altKey;
+    };
+    document.addEventListener("keydown", handler);
+    return () => {
+      document.removeEventListener("keydown", handler);
+    };
+  }, [activeEditor]);
+  const handleInsertImage = (payload) => {
+    activeEditor.dispatchCommand(INSERT_IMAGE_COMMAND, payload);
+  };
+  const InsertMedia = (files) => {
+    if (!files) {
+      return;
+    }
+    for (let index = 0; index < files.length; index++) {
+      console.log(files);
+      const payload = {
+        altText: files[index].alt || "image",
+        src: files[index].url
+      };
+      handleInsertImage(payload);
+      if (index === files.length - 1) {
+        onClose();
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement(file_upload_default, { InsertMedia });
+}
+export {
+  InsertImageDialog
+};

package/dist/insert-node-5P2CRJ7S.mjs

@@ -0,0 +1,201 @@
+import {
+  INSERT_EXCALIDRAW_COMMAND
+} from "./chunk-EHNQD5KO.mjs";
+import {
+  DropDown
+} from "./chunk-EGMI62PP.mjs";
+import "./chunk-KJ6AJ44Q.mjs";
+import "./chunk-64Z3FI7T.mjs";
+import {
+  AutoEmbedDialog,
+  FigmaEmbedConfig,
+  INSERT_COLLAPSIBLE_COMMAND,
+  INSERT_LAYOUT_COMMAND,
+  TwitterEmbedConfig,
+  YoutubeEmbedConfig
+} from "./chunk-AMMKBSST.mjs";
+import {
+  useModal
+} from "./chunk-5QSNIVIG.mjs";
+import {
+  INSERT_IMAGE_COMMAND
+} from "./chunk-LGG4IUIA.mjs";
+import "./chunk-GXYD4VZM.mjs";
+import "./chunk-N3WN46VL.mjs";
+import {
+  Skeleton
+} from "./chunk-QEIFVK5M.mjs";
+import {
+  INSERT_HINT_COMMAND
+} from "./chunk-G53GLEAY.mjs";
+import "./chunk-XWC4TK2N.mjs";
+import "./chunk-KJV3FAZ7.mjs";
+import "./chunk-POGRR73N.mjs";
+import "./chunk-WDG7J2DY.mjs";
+import "./chunk-BIU7WTLX.mjs";
+import "./chunk-YHPNOWFH.mjs";
+import {
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/drop-downs/insert-node.tsx
+init_react_shim();
+import React, { useMemo, lazy, Suspense } from "react";
+import { AlertCircle, Columns2, Columns3, Columns4, DraftingCompassIcon, Figma, FlipHorizontal2, Image, ImagePlay, Plus, SquareChevronRight, SquarePenIcon, Table, Twitter, Youtube } from "lucide-react";
+import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/react/LexicalHorizontalRuleNode";
+var InsertImageDialog = lazy(() => import("./insert-image-U3RJN3OW.mjs").then((module) => ({ default: module.InsertImageDialog })));
+var InsertGif = lazy(() => import("./insert-gif-SAIDYURE.mjs"));
+var InsertTableBody = lazy(() => import("./insert-table-24XYUS2W.mjs").then((module) => ({ default: module.InsertTable })));
+var InsertPoll = lazy(
+  () => import("./insert-poll-HCPM7MO6.mjs").then((module) => ({ default: module.InsertPoll }))
+);
+function InsertNode({
+  disabled,
+  editor
+}) {
+  const [model, showModal] = useModal();
+  const insertGifOnClick = (payload) => {
+    editor.dispatchCommand(INSERT_IMAGE_COMMAND, payload);
+  };
+  const items = useMemo(
+    () => [
+      {
+        label: "Horizontal Rule",
+        icon: /* @__PURE__ */ React.createElement(FlipHorizontal2, { className: "w-4 h-4" }),
+        func: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, void 0)
+      },
+      {
+        label: "Image",
+        icon: /* @__PURE__ */ React.createElement(Image, { className: "size-4" }),
+        func: () => {
+          showModal(
+            "Insert Image",
+            "Please select an image to upload.",
+            (onClose) => /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(Skeleton, { className: "mx-2 w-[350px] h-[350px]" }) }, /* @__PURE__ */ React.createElement(InsertImageDialog, { activeEditor: editor, onClose })),
+            true
+          );
+        }
+      },
+      {
+        label: "GIF",
+        icon: /* @__PURE__ */ React.createElement(ImagePlay, { className: "w-4 h-4" }),
+        func: () => {
+          showModal(
+            "Insert GIF",
+            "Please select a GIF to upload.",
+            (onClose) => /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(Skeleton, { className: "mx-2 w-[400px] h-[400px]" }) }, /* @__PURE__ */ React.createElement(InsertGif, { insertGifOnClick, onClose })),
+            true
+          );
+        }
+      },
+      {
+        label: "Table",
+        icon: /* @__PURE__ */ React.createElement(Table, { className: "w-4 h-4" }),
+        func: () => {
+          showModal(
+            "Insert Table",
+            "Please configure your table.",
+            (onClose) => /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(Skeleton, { className: "mx-2 w-[400px] h-[100px]" }) }, /* @__PURE__ */ React.createElement(InsertTableBody, { activeEditor: editor, onClose })),
+            true
+          );
+        }
+      },
+      {
+        label: "ExcaliDraw",
+        icon: /* @__PURE__ */ React.createElement(DraftingCompassIcon, { className: "w-4 h-4" }),
+        func: () => {
+          editor.dispatchCommand(INSERT_EXCALIDRAW_COMMAND, void 0);
+        }
+      },
+      {
+        label: "Poll",
+        icon: /* @__PURE__ */ React.createElement(SquarePenIcon, { className: "w-4 h-4" }),
+        func: () => {
+          showModal(
+            "Create Poll",
+            "Please type your question.",
+            (onClose) => /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(Skeleton, { className: "mx-2 w-[400px] h-[100px]" }) }, /* @__PURE__ */ React.createElement(InsertPoll, { activeEditor: editor, onClose })),
+            true
+          );
+        }
+      },
+      {
+        label: "2 columns (equal width)",
+        icon: /* @__PURE__ */ React.createElement(Columns2, { className: "w-4 h-4" }),
+        func: () => {
+          editor.dispatchCommand(INSERT_LAYOUT_COMMAND, "1fr 1fr");
+        }
+      },
+      {
+        label: "3 columns (equal width)",
+        icon: /* @__PURE__ */ React.createElement(Columns3, { className: "w-4 h-4" }),
+        func: () => {
+          editor.dispatchCommand(INSERT_LAYOUT_COMMAND, "1fr 1fr 1fr");
+        }
+      },
+      {
+        label: "4 columns (equal width)",
+        icon: /* @__PURE__ */ React.createElement(Columns4, { className: "w-4 h-4" }),
+        func: () => {
+          editor.dispatchCommand(INSERT_LAYOUT_COMMAND, "1fr 1fr 1fr 1fr");
+        }
+      },
+      {
+        label: "2 columns (25% - 75%)",
+        icon: /* @__PURE__ */ React.createElement(Columns2, { className: "w-4 h-4" }),
+        func: () => {
+          editor.dispatchCommand(INSERT_LAYOUT_COMMAND, "1fr 3fr");
+        }
+      },
+      {
+        label: "Collapsible container",
+        icon: /* @__PURE__ */ React.createElement(SquareChevronRight, { className: "w-4 h-4" }),
+        func: () => {
+          editor.dispatchCommand(INSERT_COLLAPSIBLE_COMMAND, void 0);
+        }
+      },
+      {
+        label: "Twitter",
+        icon: /* @__PURE__ */ React.createElement(Twitter, { className: "w-4 h-4" }),
+        func: () => {
+          showModal("Twitter tweet", "Insert a URL to embed a live preview. Works with Twitter, Google Drive, Vimeo, and more.", (onClose) => /* @__PURE__ */ React.createElement(AutoEmbedDialog, { embedConfig: TwitterEmbedConfig, onClose }), true);
+        }
+      },
+      {
+        label: "Youtube",
+        icon: /* @__PURE__ */ React.createElement(Youtube, null),
+        func: () => {
+          showModal("Youtube", "Insert a URL to embed a live preview. Works with YouTube, Google Drive, Vimeo, and more.", (onClose) => /* @__PURE__ */ React.createElement(AutoEmbedDialog, { embedConfig: YoutubeEmbedConfig, onClose }), true);
+        }
+      },
+      {
+        label: "Figma",
+        icon: /* @__PURE__ */ React.createElement(Figma, null),
+        func: () => {
+          showModal("Figma", "Insert a URL to embed a live preview. Works with Figma.", (onClose) => /* @__PURE__ */ React.createElement(AutoEmbedDialog, { embedConfig: FigmaEmbedConfig, onClose }), true);
+        }
+      },
+      {
+        label: "Hint",
+        icon: /* @__PURE__ */ React.createElement(AlertCircle, null),
+        func: () => {
+          editor.dispatchCommand(INSERT_HINT_COMMAND, "info");
+        }
+      }
+    ],
+    [editor, showModal]
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    DropDown,
+    {
+      values: items,
+      TriggerClassName: { width: "115px", border: "none" },
+      className: "cursor-pointer",
+      TriggerLabel: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Plus, null), /* @__PURE__ */ React.createElement("span", null, "Insert")),
+      disabled
+    }
+  ), model);
+}
+export {
+  InsertNode as default
+};

package/dist/insert-poll-HCPM7MO6.mjs

@@ -0,0 +1,33 @@
+import {
+  INSERT_POLL_COMMAND
+} from "./chunk-U47ABU5Z.mjs";
+import "./chunk-GZPNVR7L.mjs";
+import {
+  Input
+} from "./chunk-POGRR73N.mjs";
+import {
+  Button
+} from "./chunk-BIU7WTLX.mjs";
+import "./chunk-YHPNOWFH.mjs";
+import {
+  React,
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/models/insert-poll.tsx
+init_react_shim();
+import { useState } from "react";
+function InsertPoll({
+  activeEditor,
+  onClose
+}) {
+  const [question, setQuestion] = useState("");
+  const onClick = () => {
+    activeEditor.dispatchCommand(INSERT_POLL_COMMAND, question);
+    onClose();
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement(Input, { placeholder: "Question?", onChange: (e) => setQuestion(e.target.value), value: question }), /* @__PURE__ */ React.createElement(Button, { disabled: question.trim() === "", onClick }, "Confirm"));
+}
+export {
+  InsertPoll
+};

package/dist/insert-table-24XYUS2W.mjs

@@ -0,0 +1,66 @@
+import {
+  Input
+} from "./chunk-POGRR73N.mjs";
+import {
+  Button
+} from "./chunk-BIU7WTLX.mjs";
+import "./chunk-YHPNOWFH.mjs";
+import {
+  React,
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/models/insert-table.tsx
+init_react_shim();
+import { INSERT_TABLE_COMMAND } from "@lexical/table";
+import { useEffect, useState } from "react";
+function InsertTable({
+  activeEditor,
+  onClose
+}) {
+  const [rows, setRows] = useState("5");
+  const [columns, setColumns] = useState("5");
+  const [isDisabled, setIsDisabled] = useState(true);
+  useEffect(() => {
+    const row = Number(rows);
+    const column = Number(columns);
+    if (row && row > 0 && row <= 500 && column && column > 0 && column <= 50) {
+      setIsDisabled(false);
+    } else {
+      setIsDisabled(true);
+    }
+  }, [rows, columns]);
+  const onClick = () => {
+    activeEditor.dispatchCommand(INSERT_TABLE_COMMAND, {
+      columns,
+      rows
+    });
+    onClose();
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-y-2  " }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      placeholder: "# of rows (1-500)",
+      onChange: (e) => {
+        setRows(e.target.value);
+      },
+      value: rows,
+      "data-test-id": "table-modal-rows",
+      type: "number"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      placeholder: "# of columns (1-50)",
+      onChange: (e) => {
+        setColumns(e.target.value);
+      },
+      value: columns,
+      "data-test-id": "table-modal-columns",
+      type: "number"
+    }
+  ), /* @__PURE__ */ React.createElement(Button, { className: "w-full", disabled: isDisabled, onClick }, "Confirm"));
+}
+export {
+  InsertTable
+};