@collabchron/notiq 1.0.3 → 1.0.5

package/README.md

@@ -66,23 +66,12 @@ npm install @collabchron/notiq
 
 ### Integration
 
-#### 1. Configure Tailwind CSS
-
-Add the Notiq plugin to your `tailwind.config.js`:
-
-```javascript
-import { notiqPlugin } from '@collabchron/notiq';
-
-export default {
-  content: [
-    // ... your content paths
-    "./node_modules/@collabchron/notiq/dist/**/*.{js,mjs}",
-  ],
-  plugins: [
-    notiqPlugin,
-    require('@tailwindcss/typography'),
-  ],
-}
+#### 1. Import Styles
+
+Import the CSS file in your root layout file (e.g., `app/layout.tsx` or `pages/_app.tsx`):
+
+```tsx
+import "@collabchron/notiq/styles.css";
 ```
 
 #### 2. Usage in your component

package/dist/{ExcalidrawComponent-XW6646OH.mjs → ExcalidrawComponent-4WAI5JRK.mjs}

@@ -1,9 +1,9 @@
 import {
   ExcalidrawModal
-} from "./chunk-XWC4TK2N.mjs";
+} from "./chunk-PEYOQP5W.mjs";
 import {
   $isExcalidrawNode
-} from "./chunk-KJV3FAZ7.mjs";
+} from "./chunk-CG4BHAVO.mjs";
 import "./chunk-WDG7J2DY.mjs";
 import "./chunk-BIU7WTLX.mjs";
 import "./chunk-YHPNOWFH.mjs";

package/dist/{ExcalidrawPlugin-ZFHT62IF.mjs → ExcalidrawPlugin-QLZEQFV6.mjs}

@@ -1,9 +1,9 @@
 import {
   ExcalidrawPlugin,
   INSERT_EXCALIDRAW_COMMAND
-} from "./chunk-EHNQD5KO.mjs";
-import "./chunk-XWC4TK2N.mjs";
-import "./chunk-KJV3FAZ7.mjs";
+} from "./chunk-TNOYW3SX.mjs";
+import "./chunk-PEYOQP5W.mjs";
+import "./chunk-CG4BHAVO.mjs";
 import "./chunk-WDG7J2DY.mjs";
 import "./chunk-BIU7WTLX.mjs";
 import "./chunk-YHPNOWFH.mjs";

package/dist/{FloatingTextFormatToolbarPlugin-F2GY6LMI.mjs → FloatingTextFormatToolbarPlugin-V5QPQUKU.mjs}

@@ -1,6 +1,6 @@
 import {
   FloatingTextFormatToolbarPlugin
-} from "./chunk-LQN3CMKV.mjs";
+} from "./chunk-SC23DVLK.mjs";
 import "./chunk-Z4EWP7BI.mjs";
 import "./chunk-4HBCVSE6.mjs";
 import "./chunk-K36V4SIW.mjs";
@@ -12,7 +12,7 @@ import "./chunk-KJ6AJ44Q.mjs";
 import "./chunk-64Z3FI7T.mjs";
 import "./chunk-2FNEAMSP.mjs";
 import "./chunk-YUDCJRJM.mjs";
-import "./chunk-6RNZQOH2.mjs";
+import "./chunk-ACER22EH.mjs";
 import "./chunk-GXYD4VZM.mjs";
 import "./chunk-ZB5LZQKC.mjs";
 import "./chunk-PZSUSXQG.mjs";

package/dist/{SlashCommand-GMT5JI33.mjs → SlashCommand-ZSIZP5NN.mjs}

@@ -1,14 +1,14 @@
 import {
   SlashCommand
-} from "./chunk-GYIOYVCN.mjs";
+} from "./chunk-NWK2NBE6.mjs";
 import "./chunk-KJ6AJ44Q.mjs";
-import "./chunk-WJRHXI2C.mjs";
+import "./chunk-DSFQHA7I.mjs";
 import "./chunk-U47ABU5Z.mjs";
 import "./chunk-AMMKBSST.mjs";
 import "./chunk-5QSNIVIG.mjs";
 import "./chunk-LGG4IUIA.mjs";
 import "./chunk-5BAKY5KN.mjs";
-import "./chunk-6RNZQOH2.mjs";
+import "./chunk-ACER22EH.mjs";
 import "./chunk-GXYD4VZM.mjs";
 import "./chunk-ZB5LZQKC.mjs";
 import "./chunk-N3WN46VL.mjs";

package/dist/{ToolbarPlugin-YKYA4NB4.mjs → ToolbarPlugin-3J4KBHLU.mjs}

@@ -960,7 +960,7 @@ var TextFormat = dynamic(
   () => import("./text-format-BG5WOOPZ.mjs")
 );
 var InsertNode = dynamic(
-  () => import("./insert-node-5P2CRJ7S.mjs")
+  () => import("./insert-node-6UDWGJ73.mjs")
 );
 var TextAlign = dynamic(
   () => import("./text-align-VLECWO4H.mjs")

package/dist/{chunk-XLER2DHM.mjs → chunk-2HRNVYE4.mjs}

@@ -1,6 +1,6 @@
 import {
   InlineImageNode
-} from "./chunk-WJRHXI2C.mjs";
+} from "./chunk-DSFQHA7I.mjs";
 import {
   FigmaNode,
   LayoutContainerNode,
@@ -13,7 +13,7 @@ import {
 } from "./chunk-5BAKY5KN.mjs";
 import {
   StepperNode
-} from "./chunk-6RNZQOH2.mjs";
+} from "./chunk-ACER22EH.mjs";
 import {
   CollapsibleContainerNode,
   CollapsibleContentNode,
@@ -30,7 +30,7 @@ import {
 } from "./chunk-G53GLEAY.mjs";
 import {
   ExcalidrawNode
-} from "./chunk-KJV3FAZ7.mjs";
+} from "./chunk-CG4BHAVO.mjs";
 import {
   EquationNode
 } from "./chunk-3JVFG7ER.mjs";

package/dist/{chunk-6RNZQOH2.mjs → chunk-ACER22EH.mjs}

@@ -17,7 +17,7 @@ import {
 } from "lexical";
 import React, { Suspense, useEffect } from "react";
 var StepperComponent = React.lazy(
-  () => import("./stepper-FSARL6X6.mjs")
+  () => import("./stepper-IV5MYBK2.mjs")
 );
 var initialEditorState = {
   root: {

package/dist/{chunk-KJV3FAZ7.mjs → chunk-CG4BHAVO.mjs}

@@ -8,7 +8,7 @@ import {
 init_react_shim();
 import { DecoratorNode } from "lexical";
 import * as React from "react";
-var ExcalidrawComponent = React.lazy(() => import("./ExcalidrawComponent-XW6646OH.mjs"));
+var ExcalidrawComponent = React.lazy(() => import("./ExcalidrawComponent-4WAI5JRK.mjs"));
 function $convertExcalidrawElement(domNode) {
   const excalidrawData = domNode.getAttribute("data-lexical-excalidraw-json");
   const styleAttributes = window.getComputedStyle(domNode);

package/dist/{chunk-WJRHXI2C.mjs → chunk-DSFQHA7I.mjs}

@@ -545,7 +545,6 @@ function getDragSelection(event) {
 
 // src/components/editor/plugins/EquationsPlugin/index.tsx
 init_react_shim();
-import "katex/dist/katex.css";
 import { useLexicalComposerContext as useLexicalComposerContext4 } from "@lexical/react/LexicalComposerContext";
 import { $wrapNodeInElement as $wrapNodeInElement3 } from "@lexical/utils";
 import {

package/dist/{chunk-GYIOYVCN.mjs → chunk-NWK2NBE6.mjs}

@@ -12,7 +12,7 @@ import {
   InsertEquationDialog,
   InsertInlineImageDialog,
   createDefaultDynamicBlock
-} from "./chunk-WJRHXI2C.mjs";
+} from "./chunk-DSFQHA7I.mjs";
 import {
   INSERT_POLL_COMMAND
 } from "./chunk-U47ABU5Z.mjs";
@@ -33,7 +33,7 @@ import {
 import {
   INSERT_STEPPER_COMMAND,
   initialEditorState
-} from "./chunk-6RNZQOH2.mjs";
+} from "./chunk-ACER22EH.mjs";
 import {
   SHORTCUTS
 } from "./chunk-ZB5LZQKC.mjs";

package/dist/{chunk-XWC4TK2N.mjs → chunk-PEYOQP5W.mjs}

@@ -282,7 +282,7 @@ function ExcalidrawModal({
             className: "flex items-center justify-between border-t border-gray-200 bg-gray-50 px-6 py-4 dark:border-gray-800 dark:bg-gray-800/50",
             variants: actionsVariants
           },
-          /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 text-sm text-gray-500 dark:text-gray-400" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Ctrl"), /* @__PURE__ */ React.createElement("span", null, "+"), /* @__PURE__ */ React.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "S"), /* @__PURE__ */ React.createElement("span", { className: "ml-1" }, "to save")), /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 dark:text-gray-600" }, "\u2022"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Esc"), /* @__PURE__ */ React.createElement("span", { className: "ml-1" }, "to close"))),
+          /* @__PURE__ */ React.createElement("div", { className: "flex hidden md:block items-center space-x-2 text-sm text-gray-500 dark:text-gray-400" }, /* @__PURE__ */ React.createElement("div", { className: "flex hidden md:block items-center space-x-1" }, /* @__PURE__ */ React.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Ctrl"), /* @__PURE__ */ React.createElement("span", null, "+"), /* @__PURE__ */ React.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "S"), /* @__PURE__ */ React.createElement("span", { className: "ml-1" }, "to save")), /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 dark:text-gray-600" }, "\u2022"), /* @__PURE__ */ React.createElement("div", { className: "flex hidden md:block items-center space-x-1" }, /* @__PURE__ */ React.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Esc"), /* @__PURE__ */ React.createElement("span", { className: "ml-1" }, "to close"))),
           /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement(
             Button,
             {

package/dist/{chunk-LQN3CMKV.mjs → chunk-SC23DVLK.mjs}

@@ -38,7 +38,7 @@ import {
 } from "./chunk-YUDCJRJM.mjs";
 import {
   $createStepperNode
-} from "./chunk-6RNZQOH2.mjs";
+} from "./chunk-ACER22EH.mjs";
 import {
   CollapsibleContainerNode,
   CollapsibleTitleNode

package/dist/{chunk-EHNQD5KO.mjs → chunk-TNOYW3SX.mjs}

@@ -1,10 +1,10 @@
 import {
   ExcalidrawModal
-} from "./chunk-XWC4TK2N.mjs";
+} from "./chunk-PEYOQP5W.mjs";
 import {
   $createExcalidrawNode,
   ExcalidrawNode
-} from "./chunk-KJV3FAZ7.mjs";
+} from "./chunk-CG4BHAVO.mjs";
 import {
   React,
   init_react_shim

package/dist/index.js

@@ -6179,7 +6179,7 @@ function ExcalidrawModal({
             className: "flex items-center justify-between border-t border-gray-200 bg-gray-50 px-6 py-4 dark:border-gray-800 dark:bg-gray-800/50",
             variants: actionsVariants
           },
-          /* @__PURE__ */ React35.createElement("div", { className: "flex items-center space-x-2 text-sm text-gray-500 dark:text-gray-400" }, /* @__PURE__ */ React35.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React35.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Ctrl"), /* @__PURE__ */ React35.createElement("span", null, "+"), /* @__PURE__ */ React35.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "S"), /* @__PURE__ */ React35.createElement("span", { className: "ml-1" }, "to save")), /* @__PURE__ */ React35.createElement("span", { className: "text-gray-300 dark:text-gray-600" }, "\u2022"), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React35.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Esc"), /* @__PURE__ */ React35.createElement("span", { className: "ml-1" }, "to close"))),
+          /* @__PURE__ */ React35.createElement("div", { className: "flex hidden md:block items-center space-x-2 text-sm text-gray-500 dark:text-gray-400" }, /* @__PURE__ */ React35.createElement("div", { className: "flex hidden md:block items-center space-x-1" }, /* @__PURE__ */ React35.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Ctrl"), /* @__PURE__ */ React35.createElement("span", null, "+"), /* @__PURE__ */ React35.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "S"), /* @__PURE__ */ React35.createElement("span", { className: "ml-1" }, "to save")), /* @__PURE__ */ React35.createElement("span", { className: "text-gray-300 dark:text-gray-600" }, "\u2022"), /* @__PURE__ */ React35.createElement("div", { className: "flex hidden md:block items-center space-x-1" }, /* @__PURE__ */ React35.createElement("kbd", { className: "rounded bg-gray-200 px-2 py-1 text-xs font-mono dark:bg-gray-700" }, "Esc"), /* @__PURE__ */ React35.createElement("span", { className: "ml-1" }, "to close"))),
           /* @__PURE__ */ React35.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React35.createElement(
             Button,
             {
@@ -11821,12 +11821,11 @@ function EquationsPlugin() {
   }, [editor]);
   return null;
 }
-var import_katex3, import_LexicalComposerContext29, import_utils54, import_lexical51, import_react63, React66, INSERT_EQUATION_COMMAND;
+var import_LexicalComposerContext29, import_utils54, import_lexical51, import_react63, React66, INSERT_EQUATION_COMMAND;
 var init_EquationsPlugin = __esm({
   "src/components/editor/plugins/EquationsPlugin/index.tsx"() {
     "use strict";
     init_react_shim();
-    import_katex3 = require("katex/dist/katex.css");
     import_LexicalComposerContext29 = require("@lexical/react/LexicalComposerContext");
     import_utils54 = require("@lexical/utils");
     import_lexical51 = require("lexical");

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   LexicalAutoLinkPlugin,
   LinkWithMetaDataPlugin,
   nodes_default
-} from "./chunk-XLER2DHM.mjs";
+} from "./chunk-2HRNVYE4.mjs";
 import {
   Progress,
   UploadProvider,
@@ -17,7 +17,7 @@ import {
   EquationsPlugin,
   InlineImagePlugin,
   StoryBuilderPlugin
-} from "./chunk-WJRHXI2C.mjs";
+} from "./chunk-DSFQHA7I.mjs";
 import {
   PollPlugin
 } from "./chunk-U47ABU5Z.mjs";
@@ -41,7 +41,7 @@ import {
 } from "./chunk-YUDCJRJM.mjs";
 import {
   StepperPlugin
-} from "./chunk-6RNZQOH2.mjs";
+} from "./chunk-ACER22EH.mjs";
 import "./chunk-GXYD4VZM.mjs";
 import {
   CAN_USE_DOM,
@@ -105,7 +105,7 @@ import "./chunk-YPHOEJ46.mjs";
 import {
   sanitizeUrl
 } from "./chunk-4VWFVWYP.mjs";
-import "./chunk-KJV3FAZ7.mjs";
+import "./chunk-CG4BHAVO.mjs";
 import "./chunk-3JVFG7ER.mjs";
 import "./chunk-4MEDW3T6.mjs";
 import {
@@ -1278,14 +1278,14 @@ function ContentAnalyticsPlugin() {
 }
 
 // src/components/editor/Core.tsx
-var SlashCommand = dynamic(() => import("./SlashCommand-GMT5JI33.mjs"), { ssr: false });
-var ToolbarPlugin = dynamic(() => import("./ToolbarPlugin-YKYA4NB4.mjs"), {
+var SlashCommand = dynamic(() => import("./SlashCommand-ZSIZP5NN.mjs"), { ssr: false });
+var ToolbarPlugin = dynamic(() => import("./ToolbarPlugin-3J4KBHLU.mjs"), {
   ssr: false,
   loading: () => /* @__PURE__ */ React.createElement("div", { className: "hidden md:block fixed top-14 md:top-20 left-0 right-0 z-50 flex justify-center p-4" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-12 w-full max-w-6xl rounded-2xl" }))
 });
 var ExportPlugin = dynamic(() => import("./ExportPlugin-V2RLM63S.mjs"), { ssr: false });
 var TemplatePlugin = dynamic(() => import("./TemplatePlugin-ZD3QEVTI.mjs"), { ssr: false });
-var ExcalidrawPlugin = dynamic(() => import("./ExcalidrawPlugin-ZFHT62IF.mjs"), {
+var ExcalidrawPlugin = dynamic(() => import("./ExcalidrawPlugin-QLZEQFV6.mjs"), {
   ssr: false
 });
 var FloatingLinkEditorPlugin = dynamic(() => import("./FloatingLinkEditorPlugin-TRTCMSP4.mjs"), {
@@ -1299,7 +1299,7 @@ var TableHoverActionsPlugin = dynamic(() => import("./TableHoverActionsPlugin-GJ
 });
 var CodeActionMenuPlugin = dynamic(() => import("./CodeActionMenuPlugin-EINOY4U4.mjs"), { ssr: false });
 var FloatingTextFormatToolbarPlugin = dynamic(
-  () => import("./FloatingTextFormatToolbarPlugin-F2GY6LMI.mjs"),
+  () => import("./FloatingTextFormatToolbarPlugin-V5QPQUKU.mjs"),
   { ssr: false }
 );
 var QUOTES = [

package/dist/{insert-node-5P2CRJ7S.mjs → insert-node-6UDWGJ73.mjs}

@@ -1,6 +1,6 @@
 import {
   INSERT_EXCALIDRAW_COMMAND
-} from "./chunk-EHNQD5KO.mjs";
+} from "./chunk-TNOYW3SX.mjs";
 import {
   DropDown
 } from "./chunk-EGMI62PP.mjs";
@@ -28,8 +28,8 @@ import {
 import {
   INSERT_HINT_COMMAND
 } from "./chunk-G53GLEAY.mjs";
-import "./chunk-XWC4TK2N.mjs";
-import "./chunk-KJV3FAZ7.mjs";
+import "./chunk-PEYOQP5W.mjs";
+import "./chunk-CG4BHAVO.mjs";
 import "./chunk-POGRR73N.mjs";
 import "./chunk-WDG7J2DY.mjs";
 import "./chunk-BIU7WTLX.mjs";

package/dist/{stepper-FSARL6X6.mjs → stepper-IV5MYBK2.mjs}

@@ -8,10 +8,10 @@ import {
 } from "./chunk-QHIQKMVN.mjs";
 import {
   SlashCommand
-} from "./chunk-GYIOYVCN.mjs";
+} from "./chunk-NWK2NBE6.mjs";
 import {
   FloatingTextFormatToolbarPlugin
-} from "./chunk-LQN3CMKV.mjs";
+} from "./chunk-SC23DVLK.mjs";
 import "./chunk-Z4EWP7BI.mjs";
 import "./chunk-4HBCVSE6.mjs";
 import "./chunk-K36V4SIW.mjs";
@@ -27,8 +27,8 @@ import {
   LexicalAutoLinkPlugin,
   LinkWithMetaDataPlugin,
   nestedNodes
-} from "./chunk-XLER2DHM.mjs";
-import "./chunk-WJRHXI2C.mjs";
+} from "./chunk-2HRNVYE4.mjs";
+import "./chunk-DSFQHA7I.mjs";
 import "./chunk-U47ABU5Z.mjs";
 import "./chunk-AMMKBSST.mjs";
 import "./chunk-5QSNIVIG.mjs";
@@ -40,7 +40,7 @@ import "./chunk-YUDCJRJM.mjs";
 import {
   $isStepperNode,
   initialEditorState
-} from "./chunk-6RNZQOH2.mjs";
+} from "./chunk-ACER22EH.mjs";
 import "./chunk-GXYD4VZM.mjs";
 import "./chunk-ZB5LZQKC.mjs";
 import "./chunk-PZSUSXQG.mjs";
@@ -55,7 +55,7 @@ import "./chunk-GZPNVR7L.mjs";
 import "./chunk-G53GLEAY.mjs";
 import "./chunk-YPHOEJ46.mjs";
 import "./chunk-4VWFVWYP.mjs";
-import "./chunk-KJV3FAZ7.mjs";
+import "./chunk-CG4BHAVO.mjs";
 import "./chunk-3JVFG7ER.mjs";
 import "./chunk-3CPBODXA.mjs";
 import "./chunk-4MEDW3T6.mjs";