@cloudvoyant/helical-react 0.20.0 → 0.20.1

package/dist/index.cjs

@@ -3918,8 +3918,23 @@ function BubbleMenu({ editor }) {
 
 // src/editor/SlashMenu.tsx
 var import_react23 = require("react");
-var LucideIcons = __toESM(require("lucide-react"), 1);
+var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
+var SLASH_MENU_ICONS = {
+  Heading1: import_lucide_react6.Heading1,
+  Heading2: import_lucide_react6.Heading2,
+  Heading3: import_lucide_react6.Heading3,
+  Heading4: import_lucide_react6.Heading4,
+  Quote: import_lucide_react6.Quote,
+  MessageSquareWarning: import_lucide_react6.MessageSquareWarning,
+  List: import_lucide_react6.List,
+  ListOrdered: import_lucide_react6.ListOrdered,
+  ListTodo: import_lucide_react6.ListTodo,
+  Minus: import_lucide_react6.Minus,
+  Code: import_lucide_react6.Code,
+  Image: import_lucide_react6.Image,
+  Bookmark: import_lucide_react6.Bookmark
+};
 var SlashMenu = (0, import_react23.forwardRef)(function SlashMenu2({ items, command }, ref) {
   const [index, setIndex] = (0, import_react23.useState)(0);
   const itemRefs = (0, import_react23.useRef)([]);
@@ -3964,7 +3979,7 @@ var SlashMenu = (0, import_react23.forwardRef)(function SlashMenu2({ items, comm
       },
       loopFocus: false,
       children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ListboxContent, { "data-slash-menu-scroll": true, children: items.map((item, i) => {
-        const Icon = LucideIcons[item.icon];
+        const Icon = SLASH_MENU_ICONS[item.icon];
         return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           ListboxItem,
           {
@@ -4035,11 +4050,11 @@ var MentionList = (0, import_react24.forwardRef)(function MentionList2({ items,
 
 // src/editor/ImageInput.tsx
 var import_react25 = require("react");
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 
 // src/editor/ImageFileUpload.tsx
 var import_file_upload = require("@ark-ui/react/file-upload");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function ImageFileUpload({ file, onFileChange, disabled = false }) {
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
@@ -4052,11 +4067,11 @@ function ImageFileUpload({ file, onFileChange, disabled = false }) {
       onFileChange: (details) => onFileChange(details.acceptedFiles[0] ?? null),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_file_upload.FileUploadDropzone, { className: "flex min-h-32 cursor-pointer flex-col items-center justify-center gap-2 rounded-md border border-dashed border-border bg-muted/30 px-4 py-5 text-center transition-colors data-[dragging]:border-primary data-[dragging]:bg-primary/5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react6.ImagePlus, { className: "size-6 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react7.ImagePlus, { className: "size-6 text-muted-foreground", "aria-hidden": "true" }),
           /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-sm font-medium", children: "Drop an image here" }),
           /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xs text-muted-foreground", children: "or" }),
           /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_file_upload.FileUploadTrigger, { className: "inline-flex items-center gap-2 rounded-md border border-input bg-background px-3 py-1.5 text-sm hover:bg-accent", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react6.Upload, { className: "size-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react7.Upload, { className: "size-4", "aria-hidden": "true" }),
             "Choose image"
           ] })
         ] }),
@@ -4076,7 +4091,7 @@ function ImageFileUpload({ file, onFileChange, disabled = false }) {
                 {
                   className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
                   "aria-label": "Remove image",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react6.Trash2, { className: "size-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react7.Trash2, { className: "size-4" })
                 }
               )
             ]
@@ -4156,7 +4171,7 @@ function ImageInput({ editor, position, onClose, onUpload }) {
               onClick: onClose,
               className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
               "aria-label": "Close image dialog",
-              children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react7.X, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react8.X, { className: "size-4" })
             }
           )
         ] }),
@@ -4317,7 +4332,7 @@ function BookmarkInput({ editor, position, onClose, fetchLinkPreview }) {
 
 // src/editor/YouTubeInput.tsx
 var import_react27 = require("react");
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 function isYouTubeUrl(value) {
   try {
@@ -4353,7 +4368,7 @@ function YouTubeInput({ editor, position, onClose }) {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "mb-2 flex items-center justify-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react8.Play, { className: "size-5 fill-current text-red-600", "aria-hidden": "true", "data-youtube-logo": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react9.Play, { className: "size-5 fill-current text-red-600", "aria-hidden": "true", "data-youtube-logo": true }),
             "Embed YouTube video"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
@@ -4363,7 +4378,7 @@ function YouTubeInput({ editor, position, onClose }) {
               onClick: onClose,
               "aria-label": "Close YouTube input",
               className: "rounded p-1 hover:bg-accent",
-              children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react8.X, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react9.X, { className: "h-4 w-4" })
             }
           )
         ] }),

package/dist/index.js

@@ -4148,8 +4148,37 @@ function BubbleMenu({ editor }) {
 
 // src/editor/SlashMenu.tsx
 import { forwardRef, useEffect as useEffect11, useImperativeHandle, useRef as useRef4, useState as useState12 } from "react";
-import * as LucideIcons from "lucide-react";
+import {
+  Bookmark,
+  Code,
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Image,
+  List,
+  ListOrdered,
+  ListTodo,
+  MessageSquareWarning,
+  Minus,
+  Quote
+} from "lucide-react";
 import { jsx as jsx82, jsxs as jsxs36 } from "react/jsx-runtime";
+var SLASH_MENU_ICONS = {
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Quote,
+  MessageSquareWarning,
+  List,
+  ListOrdered,
+  ListTodo,
+  Minus,
+  Code,
+  Image,
+  Bookmark
+};
 var SlashMenu = forwardRef(function SlashMenu2({ items, command }, ref) {
   const [index, setIndex] = useState12(0);
   const itemRefs = useRef4([]);
@@ -4194,7 +4223,7 @@ var SlashMenu = forwardRef(function SlashMenu2({ items, command }, ref) {
       },
       loopFocus: false,
       children: /* @__PURE__ */ jsx82(ListboxContent, { "data-slash-menu-scroll": true, children: items.map((item, i) => {
-        const Icon = LucideIcons[item.icon];
+        const Icon = SLASH_MENU_ICONS[item.icon];
         return /* @__PURE__ */ jsx82(
           ListboxItem,
           {

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@cloudvoyant/helical-react",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "helical-ui React UI components",
   "license": "MIT",
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,7 +47,7 @@
     "@tiptap/react": "^3.31.3",
     "@tiptap/suggestion": "^3.31.3",
     "lucide-react": "^1.32.0",
-    "@cloudvoyant/helical-ui": "0.20.0"
+    "@cloudvoyant/helical-ui": "0.20.1"
   },
   "devDependencies": {
     "@types/katex": "^0.16.8",