@keboola/design 2.1.0 → 3.0.0

package/dist/markdown-editor.js

@@ -3,8 +3,8 @@ import { extendTailwindMerge } from 'tailwind-merge';
 import { Portal, Content, Root, Trigger } from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { createContext, lazy, Suspense, use, useId, useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { AlignLeft, AlignCenter, AlignRight, AlignJustify, SquareCode, Quote, ListOrdered, List, Heading3, Heading2, Heading1, Type, Bold, Italic, Underline, Strikethrough, Code, Minimize2, Maximize2, ChevronDown, Link, Copy, X, Loader2, AlertCircle, CircleCheck, Info, AlertTriangle, ChevronRight, Pipette, ToggleRight, Circle, Check } from 'lucide-react';
+import { createContext, lazy, Suspense, use, useId, useState, useRef, useEffect, forwardRef, useCallback, useMemo } from 'react';
+import * as lucide_react_star from 'lucide-react';
 import { Root as Root$2, Slottable } from '@radix-ui/react-slot';
 import { renderMermaidSVG } from 'beautiful-mermaid';
 import colors from '@keboola/tailwind-config/colors';
@@ -30,7 +30,6 @@ import { HeadingNode, QuoteNode, $isHeadingNode, $isQuoteNode, $createQuoteNode,
 import { DecoratorNode, $getSelection, $isRangeSelection, FORMAT_TEXT_COMMAND, $createParagraphNode, PASTE_COMMAND, COMMAND_PRIORITY_CRITICAL, DROP_COMMAND, KEY_DOWN_COMMAND, COMMAND_PRIORITY_HIGH, $insertNodes, $getNodeByKey, $setSelection, FORMAT_ELEMENT_COMMAND, $createTextNode } from 'lexical';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { toast as toast$1 } from 'sonner';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { createPortal } from 'react-dom';
 import { $getNearestBlockElementAncestorOrThrow } from '@lexical/utils';
 import * as DropdownMenuPrimitive3 from '@radix-ui/react-dropdown-menu';
@@ -40,7 +39,9 @@ import TextareaAutosize from 'react-textarea-autosize';
 import * as RLabel from '@radix-ui/react-label';
 
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
@@ -48,6 +49,15 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget);
 var twMerge, cn;
 var init_classNames = __esm({
   "src/utils/classNames.ts"() {
@@ -384,6 +394,28 @@ var init_isMac = __esm({
     getIsMac();
   }
 });
+
+// src/utils/legacyIcon.tsx
+var isFAIconValue, registeredRenderer, warnedOnce, renderLegacyIcon;
+var init_legacyIcon = __esm({
+  "src/utils/legacyIcon.tsx"() {
+    isFAIconValue = (value) => typeof value === "string" || Array.isArray(value) && value.length === 2 && typeof value[0] === "string" && typeof value[1] === "string";
+    registeredRenderer = null;
+    warnedOnce = false;
+    renderLegacyIcon = (value) => {
+      if (!isFAIconValue(value)) return value;
+      if (registeredRenderer) return registeredRenderer(value);
+      if (!warnedOnce) {
+        warnedOnce = true;
+        console.warn(
+          "[@keboola/design] renderLegacyIcon received a legacy FontAwesome icon value but no renderer is registered. Call setLegacyIconRenderer at app boot. Returning null.",
+          value
+        );
+      }
+      return null;
+    };
+  }
+});
 var init_useSHA256 = __esm({
   "src/utils/useSHA256.ts"() {
   }
@@ -450,8 +482,42 @@ var init_Skeleton = __esm({
     };
   }
 });
+var Keboola;
+var init_Keboola = __esm({
+  "src/icons/Keboola.tsx"() {
+    init_utils();
+    Keboola = forwardRef(
+      ({ size = 24, color = "currentColor", className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          ref,
+          xmlns: "http://www.w3.org/2000/svg",
+          width: size,
+          height: size,
+          viewBox: "0 0 300 512",
+          fill: color,
+          className: cn("lucide", className),
+          ...rest,
+          children: [
+            /* @__PURE__ */ jsx("path", { d: "M152 320C79.7 320 24.5 233.9 24.5 124.7C24.5 15.6 70.5 0 152 0s123.6 15.6 123.6 124.7C275.5 233.9 217.7 320 152 320zm-8.7-50.5c0-11.2-9.5-20.3-21.2-20.3s-21.2 9.1-21.2 20.3c0 11.2 9.5 20.3 21.2 20.3s21.2-9.1 21.2-20.3zm55.7 0c0-11.2-9.5-20.3-21.2-20.3s-21.2 9.1-21.2 20.3c0 11.2 9.5 20.3 21.2 20.3s21.2-9.1 21.2-20.3zm68.9 115.1c10.2 9.3 20.2 20.5 29 35c5.9 9.7 2.6 22.1-7.5 27.8c-3.4 1.9-7.1 2.8-10.7 2.8c-7.2 0-14.3-3.6-18.3-10c-6.8-11.1-13.8-18.9-21.7-26.1c-7.3-6.7-15.6-12.7-24.9-19.5c-.7-.5-1.4-1-2.1-1.5c-5-3.6-10-6.8-14.9-9.4c.6 1 1.2 2.1 1.8 3.2c14.4 26.4 29.2 63.1 29.2 104.9c0 11.2-9.5 20.3-21.2 20.3c-11.7 0-21.2-9.1-21.2-20.3c.1-31.8-11.6-62.3-23.8-84.9c-4-7.4-8-13.9-11.6-19.3c-3.4 5.2-7.2 11.3-11 18.3c-12.5 22.7-24.5 53.8-24.4 86c0 11.2-9.5 20.3-21.2 20.3s-21.2-9.1-21.2-20.3c.1-41.8 14.9-78.4 29.2-104.9c.6-1.1 1.2-2.1 1.8-3.2c-5 2.7-9.9 5.8-14.9 9.4c-.6 .5-1.3 .9-1.9 1.4c-9.5 6.9-17.8 12.9-25.1 19.7c-7.9 7.2-14.9 15.1-21.7 26.1c-5.9 9.7-18.9 12.9-29 7.2C.5 441.8-2.9 429.3 3.1 419.7c8.9-14.4 18.8-25.7 29-35c9.2-8.4 18.5-15.1 27.6-21.7c1-.7 2-1.4 3-2.2c4.7-3.5 9.6-6.7 14.6-9.6c-5-2.9-9.8-6.1-14.6-9.6C39.8 325 19.9 302.5 3.1 275.1c-5.9-9.7-2.6-22.1 7.5-27.8c10.1-5.7 23.1-2.5 29 7.2c14.6 23.7 31.1 42 48.7 54.9c18.9 13.7 37.4 20.5 56.5 21.5c1.7-.1 3.5-.1 5.2-.1c1.8 0 3.5 .1 5.2 .1c0 0 0 0 0 0c19.1-1.1 37.6-7.9 56.5-21.5c17.6-12.8 34.2-31.2 48.7-54.9c6-9.7 18.9-12.9 29-7.2c10.1 5.7 13.4 18.1 7.5 27.8c-16.8 27.4-36.7 49.9-59.6 66.6c-4.7 3.5-9.6 6.7-14.5 9.6c4.9 2.9 9.8 6.1 14.5 9.6c.9 .7 1.8 1.3 2.7 2c9.2 6.7 18.5 13.5 27.9 22z" }),
+            children
+          ]
+        }
+      )
+    );
+    Keboola.displayName = "Keboola";
+  }
+});
+
+// src/icons/index.ts
+var icons_exports = {};
+__export(icons_exports, {
+  Keboola: () => Keboola
+});
 var init_icons = __esm({
   "src/icons/index.ts"() {
+    __reExport(icons_exports, lucide_react_star);
+    init_Keboola();
   }
 });
 var variants, argoVariants;
@@ -783,7 +849,7 @@ var init_Button = __esm({
           onClick: handleClick,
           className: cn(classNames),
           children: [
-            isLoading && /* @__PURE__ */ jsx(Loader2, { className: "tw-size-4 tw-shrink-0 tw-animate-spin" }),
+            isLoading && /* @__PURE__ */ jsx(icons_exports.Loader2, { className: "tw-size-4 tw-shrink-0 tw-animate-spin" }),
             /* @__PURE__ */ jsx(Slottable, { children: isLoading && isIconOnly ? null : children })
           ]
         }
@@ -806,7 +872,7 @@ var init_ButtonInline = __esm({
         "disabled:tw-no-underline",
         "[&_svg]:disabled:tw-text-neutral-400",
         // Default size for nested Lucide icons; callers can override on the icon.
-        "[&_svg:not([class*='tw-size-'])]:tw-size-4",
+        "[&_svg.lucide:not([class*='tw-size-'])]:tw-size-4",
         "[&_svg]:tw-shrink-0"
       ],
       {
@@ -927,7 +993,7 @@ var init_ClipboardButton = __esm({
     init_Button2();
     init_Clipboard2();
     init_icons();
-    DEFAULT_ICON = /* @__PURE__ */ jsx(Copy, {});
+    DEFAULT_ICON = /* @__PURE__ */ jsx(icons_exports.Copy, {});
     ClipboardButton = ({
       // clipboard props
       text,
@@ -1106,7 +1172,7 @@ var init_ZoomableSvg = __esm({
                           "aria-label": isFullscreen ? "Exit fullscreen" : "Fullscreen",
                           onClick: () => setIsFullscreen((f) => !f),
                           argo: true,
-                          children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "tw-size-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "tw-size-4" })
+                          children: isFullscreen ? /* @__PURE__ */ jsx(icons_exports.Minimize2, { className: "tw-size-4" }) : /* @__PURE__ */ jsx(icons_exports.Maximize2, { className: "tw-size-4" })
                         }
                       )
                     }
@@ -1549,9 +1615,7 @@ init_utils();
 // src/components/Toast/ToastRoot.tsx
 init_icons();
 init_utils();
-var Icon = ({ ref, icon, ...rest }) => /* @__PURE__ */ jsx(FontAwesomeIcon, { ...rest, ref, icon });
-var isFAIconValue = (value) => typeof value === "string" || Array.isArray(value) && value.length === 2 && typeof value[0] === "string" && typeof value[1] === "string";
-var renderLegacyIcon = (value) => isFAIconValue(value) ? /* @__PURE__ */ jsx(Icon, { icon: value }) : value;
+init_legacyIcon();
 
 // src/components/Toast/ToastAction.tsx
 init_utils();
@@ -1641,7 +1705,7 @@ var ToastDismiss = ({
     type: "button",
     ...rest,
     children: [
-      /* @__PURE__ */ jsx(X, {}),
+      /* @__PURE__ */ jsx(icons_exports.X, {}),
       /* @__PURE__ */ jsx("span", { className: "tw-sr-only", children: "Dismiss" })
     ]
   }
@@ -1749,10 +1813,10 @@ var variants2 = cva(
   }
 );
 var DEFAULT_VARIANT_ICON = {
-  error: /* @__PURE__ */ jsx(AlertTriangle, {}),
-  info: /* @__PURE__ */ jsx(Info, {}),
-  success: /* @__PURE__ */ jsx(CircleCheck, {}),
-  warning: /* @__PURE__ */ jsx(AlertCircle, {})
+  error: /* @__PURE__ */ jsx(icons_exports.AlertTriangle, {}),
+  info: /* @__PURE__ */ jsx(icons_exports.Info, {}),
+  success: /* @__PURE__ */ jsx(icons_exports.CircleCheck, {}),
+  warning: /* @__PURE__ */ jsx(icons_exports.AlertCircle, {})
 };
 var ToastRoot = ({
   id,
@@ -1765,7 +1829,7 @@ var ToastRoot = ({
   icon: iconProp
 }) => {
   const icon = (() => {
-    if (loading) return /* @__PURE__ */ jsx(Loader2, { className: "tw-animate-spin" });
+    if (loading) return /* @__PURE__ */ jsx(icons_exports.Loader2, { className: "tw-animate-spin" });
     if (iconProp) return renderLegacyIcon(iconProp);
     if (variant === "default" || variant === null) return null;
     return DEFAULT_VARIANT_ICON[variant];
@@ -2265,9 +2329,9 @@ var DropdownMenuItemIndicator = ({
   ...rest
 }) => {
   const IconComp = (() => {
-    if (variant === "switch") return ToggleRight;
-    if (variant === "radio") return Circle;
-    return Check;
+    if (variant === "switch") return icons_exports.ToggleRight;
+    if (variant === "radio") return icons_exports.Circle;
+    return icons_exports.Check;
   })();
   const forceMount = (() => {
     if (forceMountProp) return true;
@@ -2388,7 +2452,7 @@ var DropdownMenuCheckboxItem = ({
   ...props
 }) => {
   const isAtStart = indicatorAlign === "start";
-  const indicatorEle = isLoading ? /* @__PURE__ */ jsx(ItemIcon, { className: isAtStart ? "" : "tw-ml-auto", children: /* @__PURE__ */ jsx(Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator, className: isAtStart ? "" : "tw-ml-auto" });
+  const indicatorEle = isLoading ? /* @__PURE__ */ jsx(ItemIcon, { className: isAtStart ? "" : "tw-ml-auto", children: /* @__PURE__ */ jsx(icons_exports.Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator, className: isAtStart ? "" : "tw-ml-auto" });
   const handleSelect = (event) => {
     if (!closeOnSelect) event.preventDefault();
     onSelect?.(event);
@@ -2523,6 +2587,7 @@ var DropdownMenuContent = ({
 // src/components/DropdownMenu/DropdownMenuItem.tsx
 init_icons();
 init_utils();
+init_legacyIcon();
 var DropdownMenuItem = ({
   ref,
   className,
@@ -2538,7 +2603,7 @@ var DropdownMenuItem = ({
   ...props
 }) => {
   const Comp = asChild ? Root$2 : "div";
-  const adornment = isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "tw-animate-spin" }) : renderLegacyIcon(icon);
+  const adornment = isLoading ? /* @__PURE__ */ jsx(icons_exports.Loader2, { className: "tw-animate-spin" }) : renderLegacyIcon(icon);
   const handleOnSelect = (event) => {
     if (asModalTrigger) event.preventDefault();
     onSelect?.(event);
@@ -2640,6 +2705,7 @@ var DropdownMenuRadioGroup = ({
 // src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.tsx
 init_icons();
 init_utils();
+init_legacyIcon();
 var DropdownMenuRadioItem = ({
   className,
   children,
@@ -2653,7 +2719,7 @@ var DropdownMenuRadioItem = ({
   ...props
 }) => {
   const isAtStart = indicatorAlign === "start";
-  const indicatorEle = isLoading ? /* @__PURE__ */ jsx(ItemIcon, { className: iconClassName, children: /* @__PURE__ */ jsx(Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator });
+  const indicatorEle = isLoading ? /* @__PURE__ */ jsx(ItemIcon, { className: iconClassName, children: /* @__PURE__ */ jsx(icons_exports.Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator });
   const handleSelect = (event) => {
     if (!closeOnSelect) event.preventDefault();
     onSelect?.(event);
@@ -2730,7 +2796,7 @@ init_utils();
 var DropdownMenuSubTrigger = ({ className, children, ...props }) => {
   return /* @__PURE__ */ jsxs(DropdownMenuPrimitive3.SubTrigger, { className: cn(itemVariants, className), ...props, children: [
     children,
-    /* @__PURE__ */ jsx(ChevronRight, { className: "tw-ml-auto tw-size-5" })
+    /* @__PURE__ */ jsx(icons_exports.ChevronRight, { className: "tw-ml-auto tw-size-5" })
   ] });
 };
 
@@ -2775,10 +2841,10 @@ DropdownMenu.ItemDescription = DropdownMenuItemDescription;
 // src/components/MarkdownEditor/plugins/toolbar/AlignmentDropdown.tsx
 init_Tooltip2();
 var ALIGNMENT_OPTIONS = [
-  { value: "left", label: "Left", icon: AlignLeft },
-  { value: "center", label: "Center", icon: AlignCenter },
-  { value: "right", label: "Right", icon: AlignRight },
-  { value: "justify", label: "Justify", icon: AlignJustify }
+  { value: "left", label: "Left", icon: icons_exports.AlignLeft },
+  { value: "center", label: "Center", icon: icons_exports.AlignCenter },
+  { value: "right", label: "Right", icon: icons_exports.AlignRight },
+  { value: "justify", label: "Justify", icon: icons_exports.AlignJustify }
 ];
 var ALIGNMENT_ICONS = Object.fromEntries(
   ALIGNMENT_OPTIONS.map(({ value, icon }) => [value, icon])
@@ -2804,7 +2870,7 @@ var AlignmentDropdown = ({
       editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, align);
     });
   };
-  const CurrentAlignmentIcon = ALIGNMENT_ICONS[alignment] ?? AlignLeft;
+  const CurrentAlignmentIcon = ALIGNMENT_ICONS[alignment] ?? icons_exports.AlignLeft;
   return /* @__PURE__ */ jsxs(DropdownMenu, { onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx(Tooltip, { tooltip: "Text alignment", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
@@ -2816,7 +2882,7 @@ var AlignmentDropdown = ({
         ),
         children: [
           /* @__PURE__ */ jsx(CurrentAlignmentIcon, { className: "tw-size-4" }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "tw-size-3" })
+          /* @__PURE__ */ jsx(icons_exports.ChevronDown, { className: "tw-size-3" })
         ]
       }
     ) }) }),
@@ -2843,14 +2909,14 @@ init_icons();
 init_utils();
 init_Tooltip2();
 var BLOCK_TYPE_META = {
-  paragraph: { label: "Normal", icon: Type, selectable: true },
-  h1: { label: "Heading 1", icon: Heading1, selectable: true },
-  h2: { label: "Heading 2", icon: Heading2, selectable: true },
-  h3: { label: "Heading 3", icon: Heading3, selectable: true },
-  bullet: { label: "Bullet List", icon: List, selectable: false },
-  number: { label: "Numbered List", icon: ListOrdered, selectable: false },
-  quote: { label: "Quote", icon: Quote, selectable: false },
-  code: { label: "Code Block", icon: SquareCode, selectable: false }
+  paragraph: { label: "Normal", icon: icons_exports.Type, selectable: true },
+  h1: { label: "Heading 1", icon: icons_exports.Heading1, selectable: true },
+  h2: { label: "Heading 2", icon: icons_exports.Heading2, selectable: true },
+  h3: { label: "Heading 3", icon: icons_exports.Heading3, selectable: true },
+  bullet: { label: "Bullet List", icon: icons_exports.List, selectable: false },
+  number: { label: "Numbered List", icon: icons_exports.ListOrdered, selectable: false },
+  quote: { label: "Quote", icon: icons_exports.Quote, selectable: false },
+  code: { label: "Code Block", icon: icons_exports.SquareCode, selectable: false }
 };
 var BLOCK_TYPE_OPTIONS = Object.entries(BLOCK_TYPE_META).filter(([, meta]) => meta.selectable).map(([value, { label, icon }]) => ({ value, label, icon }));
 var isBlockType = (value) => Object.prototype.hasOwnProperty.call(BLOCK_TYPE_META, value);
@@ -2860,7 +2926,7 @@ var BlockTypeDropdown = ({
 }) => {
   const savedSelectionRef = useRef(null);
   const currentMeta = isBlockType(blockType) ? BLOCK_TYPE_META[blockType] : null;
-  const CurrentBlockIcon = currentMeta?.icon ?? Type;
+  const CurrentBlockIcon = currentMeta?.icon ?? icons_exports.Type;
   const handleOpenChange = (open) => {
     if (open) {
       editor.getEditorState().read(() => {
@@ -2903,7 +2969,7 @@ var BlockTypeDropdown = ({
         children: [
           /* @__PURE__ */ jsx(CurrentBlockIcon, { className: "tw-size-4" }),
           currentMeta?.label ?? "Normal",
-          /* @__PURE__ */ jsx(ChevronDown, { className: "tw-size-3" })
+          /* @__PURE__ */ jsx(icons_exports.ChevronDown, { className: "tw-size-3" })
         ]
       }
     ) }) }),
@@ -3013,7 +3079,7 @@ var addonVariants = cva(
     "tw-items-center",
     "tw-gap-1",
     // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.
-    "[&_svg:not([class*='tw-size-'])]:tw-size-4",
+    "[&_svg.lucide:not([class*='tw-size-'])]:tw-size-4",
     "[&_svg]:tw-shrink-0"
   ],
   {
@@ -3440,7 +3506,7 @@ var ColorPicker = ({ value, disabled, readOnly, ...props }) => {
         disabled: disabled || readOnly,
         onClick: handleOpenPicker,
         "aria-label": "Pick color",
-        children: /* @__PURE__ */ jsx(Pipette, { className: "tw-size-4" })
+        children: /* @__PURE__ */ jsx(icons_exports.Pipette, { className: "tw-size-4" })
       }
     )
   ] });
@@ -3559,7 +3625,7 @@ var ColorInput = ({
               onMouseDown: (event) => event.preventDefault(),
               onClick: handleClear,
               "aria-label": "Clear color",
-              children: /* @__PURE__ */ jsx(X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.X, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -3794,7 +3860,7 @@ var Input = ({
               onMouseDown: (e) => e.preventDefault(),
               onClick: handleClear,
               "data-testid": testId.clearButton,
-              children: /* @__PURE__ */ jsx(X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.X, { className: "tw-size-4" })
             }
           ),
           rightSuffix && /* @__PURE__ */ jsx(
@@ -3974,12 +4040,12 @@ var LinkPanel = ({ editor, isLink }) => {
         active: true,
         onClick: () => editor.dispatchCommand(TOGGLE_LINK_COMMAND, null),
         tooltip: "Remove Link",
-        children: /* @__PURE__ */ jsx(Link, { className: "tw-size-4" })
+        children: /* @__PURE__ */ jsx(icons_exports.Link, { className: "tw-size-4" })
       }
     );
   }
   return /* @__PURE__ */ jsxs("div", { className: "tw-relative", children: [
-    /* @__PURE__ */ jsx(ToolbarButton, { active: open, onClick: handleOpen, tooltip: "Insert Link", children: /* @__PURE__ */ jsx(Link, { className: "tw-size-4" }) }),
+    /* @__PURE__ */ jsx(ToolbarButton, { active: open, onClick: handleOpen, tooltip: "Insert Link", children: /* @__PURE__ */ jsx(icons_exports.Link, { className: "tw-size-4" }) }),
     open && /* @__PURE__ */ jsx(
       "div",
       {
@@ -4143,7 +4209,7 @@ var ToolbarPlugin = () => {
               active: isBold,
               onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
               tooltip: "Bold (Ctrl+B)",
-              children: /* @__PURE__ */ jsx(Bold, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.Bold, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4152,7 +4218,7 @@ var ToolbarPlugin = () => {
               active: isItalic,
               onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
               tooltip: "Italic (Ctrl+I)",
-              children: /* @__PURE__ */ jsx(Italic, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.Italic, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4161,7 +4227,7 @@ var ToolbarPlugin = () => {
               active: isUnderline,
               onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
               tooltip: "Underline (Ctrl+U)",
-              children: /* @__PURE__ */ jsx(Underline, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.Underline, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4170,7 +4236,7 @@ var ToolbarPlugin = () => {
               active: isStrikethrough,
               onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
               tooltip: "Strikethrough",
-              children: /* @__PURE__ */ jsx(Strikethrough, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.Strikethrough, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4179,7 +4245,7 @@ var ToolbarPlugin = () => {
               active: isCode,
               onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code"),
               tooltip: "Inline Code",
-              children: /* @__PURE__ */ jsx(Code, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.Code, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(ToolbarDivider, {}),
@@ -4197,7 +4263,7 @@ var ToolbarPlugin = () => {
                 }
               },
               tooltip: "Bullet List",
-              children: /* @__PURE__ */ jsx(List, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.List, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4212,7 +4278,7 @@ var ToolbarPlugin = () => {
                 }
               },
               tooltip: "Numbered List",
-              children: /* @__PURE__ */ jsx(ListOrdered, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.ListOrdered, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(ToolbarDivider, {}),
@@ -4234,7 +4300,7 @@ var ToolbarPlugin = () => {
                 });
               },
               tooltip: "Quote",
-              children: /* @__PURE__ */ jsx(Quote, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.Quote, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4253,7 +4319,7 @@ var ToolbarPlugin = () => {
                 });
               },
               tooltip: "Code Block",
-              children: /* @__PURE__ */ jsx(SquareCode, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsx(icons_exports.SquareCode, { className: "tw-size-4" })
             }
           )
         ]