@keboola/design 2.0.1 → 3.0.0

package/dist/markdown-editor.cjs

@@ -6,11 +6,8 @@ var reactTooltip = require('@radix-ui/react-tooltip');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var lucideReact = require('lucide-react');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
-require('@awesome.me/kit-be8bcf7e5e/icons');
+var lucide_react_star = require('lucide-react');
 var reactSlot = require('@radix-ui/react-slot');
-var design = require('@keboola/design');
 var beautifulMermaid = require('beautiful-mermaid');
 var colors = require('@keboola/tailwind-config/colors');
 var code = require('@lexical/code');
@@ -40,7 +37,6 @@ var utils = require('@lexical/utils');
 var DropdownMenuPrimitive3 = require('@radix-ui/react-dropdown-menu');
 var ScrollAreaPrimitive2 = require('@radix-ui/react-scroll-area');
 var TextareaAutosize = require('react-textarea-autosize');
-var icons = require('@keboola/design/icons');
 var RLabel = require('@radix-ui/react-label');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -63,6 +59,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var lucide_react_star__namespace = /*#__PURE__*/_interopNamespace(lucide_react_star);
 var colors__default = /*#__PURE__*/_interopDefault(colors);
 var DropdownMenuPrimitive3__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive3);
 var ScrollAreaPrimitive2__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive2);
@@ -70,7 +67,9 @@ var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
 var RLabel__namespace = /*#__PURE__*/_interopNamespace(RLabel);
 
 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;
 };
@@ -78,6 +77,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"() {
@@ -247,7 +255,7 @@ var init_TooltipTrigger = __esm({
         if (keepOpenOnClick) event.preventDefault();
         onClick?.(event);
       };
-      const handePointerDown = (event) => {
+      const handlePointerDown = (event) => {
         if (keepOpenOnClick) event.preventDefault();
         onPointerDown?.(event);
       };
@@ -259,8 +267,16 @@ var init_TooltipTrigger = __esm({
           ref,
           className: cn("tailwindcss-preflight", className),
           onClick: handleClick,
-          onPointerDown: handePointerDown,
-          children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+          onPointerDown: handlePointerDown,
+          children: asChild ? children : (
+            // Default-mode trigger wraps children in a span so Radix has a
+            // single DOM element to attach handlers to. `tailwindcss-preflight`
+            // (merged in via Slot) activates Tailwind's preflight inside the
+            // span, which sets `svg { display: block }` — without an inline-flex
+            // container that would stack any bare Lucide icon onto its own
+            // line. `tw-inline-flex tw-items-center` keeps icon + text aligned.
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-inline-flex tw-items-center", children })
+          )
         }
       );
     };
@@ -406,6 +422,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"() {
   }
@@ -472,19 +510,42 @@ var init_Skeleton = __esm({
     };
   }
 });
-var init_icons = __esm({
-  "src/icons/index.ts"() {
+var Keboola;
+var init_Keboola = __esm({
+  "src/icons/Keboola.tsx"() {
+    init_utils();
+    Keboola = react.forwardRef(
+      ({ size = 24, color = "currentColor", className, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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";
   }
 });
-var Icon;
-var init_Icon = __esm({
-  "src/components/Icon/Icon.tsx"() {
-    Icon = ({ ref, icon, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { ...rest, ref, icon });
-  }
+
+// src/icons/index.ts
+var icons_exports = {};
+__export(icons_exports, {
+  Keboola: () => Keboola
 });
-var init_Icon2 = __esm({
-  "src/components/Icon/index.ts"() {
-    init_Icon();
+var init_icons = __esm({
+  "src/icons/index.ts"() {
+    __reExport(icons_exports, lucide_react_star__namespace);
+    init_Keboola();
   }
 });
 var variants, argoVariants;
@@ -771,7 +832,6 @@ var init_Button = __esm({
   "src/components/Button/Button.tsx"() {
     init_icons();
     init_utils();
-    init_Icon2();
     init_styles();
     Button = ({
       ref,
@@ -786,10 +846,10 @@ var init_Button = __esm({
       variant = "primary",
       size = "medium",
       block = false,
-      icon,
       ...buttonProps
     }) => {
       const Comp = asChild ? reactSlot.Root : "button";
+      const isIconOnly = String(size).startsWith("icon");
       const classNames = argo ? argoVariants({ variant, size, block, className }) : variants({
         size,
         variant,
@@ -812,14 +872,13 @@ var init_Button = __esm({
           disabled,
           "aria-disabled": disabled,
           "data-variant": variant,
-          "data-icon-only": String(size).startsWith("icon"),
+          "data-icon-only": isIconOnly,
           type,
           onClick: handleClick,
           className: cn(classNames),
           children: [
-            isLoading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw-size-4 tw-shrink-0 tw-animate-spin" }),
-            !isLoading && icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon }),
-            /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
+            isLoading && /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Loader2, { className: "tw-size-4 tw-shrink-0 tw-animate-spin" }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children: isLoading && isIconOnly ? null : children })
           ]
         }
       );
@@ -841,7 +900,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"
       ],
       {
@@ -883,6 +942,7 @@ var Clipboard;
 var init_Clipboard = __esm({
   "src/components/Clipboard/Clipboard.tsx"() {
     init_utils();
+    init_Tooltip2();
     Clipboard = ({
       ref,
       text: textProp,
@@ -922,21 +982,21 @@ var init_Clipboard = __esm({
         return tooltip;
       })();
       const tooltipVariant = state === "ready" && !!text ? tooltipVariantProp : "action";
-      return /* @__PURE__ */ jsxRuntime.jsxs(design.Tooltip.Root, { open: isTooltipOpen, onOpenChange: handleOnOpenChange, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip.Root, { open: isTooltipOpen, onOpenChange: handleOnOpenChange, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          design.Tooltip.Trigger,
+          Tooltip.Trigger,
           {
             ...restButtonProps,
             asChild,
             keepOpenOnClick: true,
             onClick: handleOnClick,
-            className: design.cn("tw-cursor-pointer", className),
+            className: cn("tw-cursor-pointer", className),
             ref,
             children: children ?? text
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          design.Tooltip.Content,
+          Tooltip.Content,
           {
             keepOpenOnPointerDownOutside: true,
             placement: tooltipPlacement,
@@ -961,7 +1021,7 @@ var init_ClipboardButton = __esm({
     init_Button2();
     init_Clipboard2();
     init_icons();
-    DEFAULT_ICON = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, {});
+    DEFAULT_ICON = /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Copy, {});
     ClipboardButton = ({
       // clipboard props
       text,
@@ -1140,7 +1200,7 @@ var init_ZoomableSvg = __esm({
                           "aria-label": isFullscreen ? "Exit fullscreen" : "Fullscreen",
                           onClick: () => setIsFullscreen((f) => !f),
                           argo: true,
-                          children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minimize2, { className: "tw-size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "tw-size-4" })
+                          children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Minimize2, { className: "tw-size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Maximize2, { className: "tw-size-4" })
                         }
                       )
                     }
@@ -1583,11 +1643,7 @@ init_utils();
 // src/components/Toast/ToastRoot.tsx
 init_icons();
 init_utils();
-
-// src/utils/legacyIcon.tsx
-init_Icon2();
-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__ */ jsxRuntime.jsx(Icon, { icon: value }) : value;
+init_legacyIcon();
 
 // src/components/Toast/ToastAction.tsx
 init_utils();
@@ -1677,7 +1733,7 @@ var ToastDismiss = ({
     type: "button",
     ...rest,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, {}),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-sr-only", children: "Dismiss" })
     ]
   }
@@ -1785,10 +1841,10 @@ var variants2 = classVarianceAuthority.cva(
   }
 );
 var DEFAULT_VARIANT_ICON = {
-  error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, {}),
-  info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, {}),
-  success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, {}),
-  warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, {})
+  error: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.AlertTriangle, {}),
+  info: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Info, {}),
+  success: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.CircleCheck, {}),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.AlertCircle, {})
 };
 var ToastRoot = ({
   id,
@@ -1801,7 +1857,7 @@ var ToastRoot = ({
   icon: iconProp
 }) => {
   const icon = (() => {
-    if (loading) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw-animate-spin" });
+    if (loading) return /* @__PURE__ */ jsxRuntime.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];
@@ -1819,6 +1875,7 @@ var ToastRoot = ({
           "tw-inline-flex",
           "tw-items-center",
           "tw-justify-center",
+          "tw-self-center",
           // styles — container at 20px with no padding so the 20px Lucide
           // glyph fills the slot (previous tw-size-4 + tw-p-1 clipped a
           // 16px child into 8px of visible space)
@@ -2300,9 +2357,9 @@ var DropdownMenuItemIndicator = ({
   ...rest
 }) => {
   const IconComp = (() => {
-    if (variant === "switch") return lucideReact.ToggleRight;
-    if (variant === "radio") return lucideReact.Circle;
-    return lucideReact.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;
@@ -2423,7 +2480,7 @@ var DropdownMenuCheckboxItem = ({
   ...props
 }) => {
   const isAtStart = indicatorAlign === "start";
-  const indicatorEle = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { className: isAtStart ? "" : "tw-ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItemIndicator, { variant: indicator, className: isAtStart ? "" : "tw-ml-auto" });
+  const indicatorEle = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { className: isAtStart ? "" : "tw-ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItemIndicator, { variant: indicator, className: isAtStart ? "" : "tw-ml-auto" });
   const handleSelect = (event) => {
     if (!closeOnSelect) event.preventDefault();
     onSelect?.(event);
@@ -2558,6 +2615,7 @@ var DropdownMenuContent = ({
 // src/components/DropdownMenu/DropdownMenuItem.tsx
 init_icons();
 init_utils();
+init_legacyIcon();
 var DropdownMenuItem = ({
   ref,
   className,
@@ -2573,7 +2631,7 @@ var DropdownMenuItem = ({
   ...props
 }) => {
   const Comp = asChild ? reactSlot.Root : "div";
-  const adornment = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw-animate-spin" }) : renderLegacyIcon(icon);
+  const adornment = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Loader2, { className: "tw-animate-spin" }) : renderLegacyIcon(icon);
   const handleOnSelect = (event) => {
     if (asModalTrigger) event.preventDefault();
     onSelect?.(event);
@@ -2675,6 +2733,7 @@ var DropdownMenuRadioGroup = ({
 // src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.tsx
 init_icons();
 init_utils();
+init_legacyIcon();
 var DropdownMenuRadioItem = ({
   className,
   children,
@@ -2688,7 +2747,7 @@ var DropdownMenuRadioItem = ({
   ...props
 }) => {
   const isAtStart = indicatorAlign === "start";
-  const indicatorEle = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { className: iconClassName, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItemIndicator, { variant: indicator });
+  const indicatorEle = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { className: iconClassName, children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Loader2, { className: "tw-animate-spin" }) }) : /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItemIndicator, { variant: indicator });
   const handleSelect = (event) => {
     if (!closeOnSelect) event.preventDefault();
     onSelect?.(event);
@@ -2765,7 +2824,7 @@ init_utils();
 var DropdownMenuSubTrigger = ({ className, children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive3__namespace.SubTrigger, { className: cn(itemVariants, className), ...props, children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "tw-ml-auto tw-size-5" })
+    /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronRight, { className: "tw-ml-auto tw-size-5" })
   ] });
 };
 
@@ -2810,10 +2869,10 @@ DropdownMenu.ItemDescription = DropdownMenuItemDescription;
 // src/components/MarkdownEditor/plugins/toolbar/AlignmentDropdown.tsx
 init_Tooltip2();
 var ALIGNMENT_OPTIONS = [
-  { value: "left", label: "Left", icon: lucideReact.AlignLeft },
-  { value: "center", label: "Center", icon: lucideReact.AlignCenter },
-  { value: "right", label: "Right", icon: lucideReact.AlignRight },
-  { value: "justify", label: "Justify", icon: lucideReact.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])
@@ -2839,7 +2898,7 @@ var AlignmentDropdown = ({
       editor.dispatchCommand(lexical.FORMAT_ELEMENT_COMMAND, align);
     });
   };
-  const CurrentAlignmentIcon = ALIGNMENT_ICONS[alignment] ?? lucideReact.AlignLeft;
+  const CurrentAlignmentIcon = ALIGNMENT_ICONS[alignment] ?? icons_exports.AlignLeft;
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { tooltip: "Text alignment", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -2851,7 +2910,7 @@ var AlignmentDropdown = ({
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(CurrentAlignmentIcon, { className: "tw-size-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "tw-size-3" })
+          /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronDown, { className: "tw-size-3" })
         ]
       }
     ) }) }),
@@ -2878,14 +2937,14 @@ init_icons();
 init_utils();
 init_Tooltip2();
 var BLOCK_TYPE_META = {
-  paragraph: { label: "Normal", icon: lucideReact.Type, selectable: true },
-  h1: { label: "Heading 1", icon: lucideReact.Heading1, selectable: true },
-  h2: { label: "Heading 2", icon: lucideReact.Heading2, selectable: true },
-  h3: { label: "Heading 3", icon: lucideReact.Heading3, selectable: true },
-  bullet: { label: "Bullet List", icon: lucideReact.List, selectable: false },
-  number: { label: "Numbered List", icon: lucideReact.ListOrdered, selectable: false },
-  quote: { label: "Quote", icon: lucideReact.Quote, selectable: false },
-  code: { label: "Code Block", icon: lucideReact.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);
@@ -2895,7 +2954,7 @@ var BlockTypeDropdown = ({
 }) => {
   const savedSelectionRef = react.useRef(null);
   const currentMeta = isBlockType(blockType) ? BLOCK_TYPE_META[blockType] : null;
-  const CurrentBlockIcon = currentMeta?.icon ?? lucideReact.Type;
+  const CurrentBlockIcon = currentMeta?.icon ?? icons_exports.Type;
   const handleOpenChange = (open) => {
     if (open) {
       editor.getEditorState().read(() => {
@@ -2938,7 +2997,7 @@ var BlockTypeDropdown = ({
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(CurrentBlockIcon, { className: "tw-size-4" }),
           currentMeta?.label ?? "Normal",
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "tw-size-3" })
+          /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronDown, { className: "tw-size-3" })
         ]
       }
     ) }) }),
@@ -3048,7 +3107,7 @@ var addonVariants = classVarianceAuthority.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"
   ],
   {
@@ -3410,6 +3469,7 @@ InputGroup.Text = InputGroupText;
 // src/blocks/ColorInput/ColorInput.tsx
 init_icons();
 init_utils();
+init_icons();
 
 // src/blocks/ColorInput/utils.ts
 var HEX_CHARSET = /^[0-9a-fA-F]+$/;
@@ -3474,7 +3534,7 @@ var ColorPicker = ({ value, disabled, readOnly, ...props }) => {
         disabled: disabled || readOnly,
         onClick: handleOpenPicker,
         "aria-label": "Pick color",
-        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pipette, { className: "tw-size-4" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Pipette, { className: "tw-size-4" })
       }
     )
   ] });
@@ -3593,7 +3653,7 @@ var ColorInput = ({
               onMouseDown: (event) => event.preventDefault(),
               onClick: handleClear,
               "aria-label": "Clear color",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -3828,7 +3888,7 @@ var Input = ({
               onMouseDown: (e) => e.preventDefault(),
               onClick: handleClear,
               "data-testid": testId.clearButton,
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
             }
           ),
           rightSuffix && /* @__PURE__ */ jsxRuntime.jsx(
@@ -4008,12 +4068,12 @@ var LinkPanel = ({ editor, isLink }) => {
         active: true,
         onClick: () => editor.dispatchCommand(link.TOGGLE_LINK_COMMAND, null),
         tooltip: "Remove Link",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link, { className: "tw-size-4" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Link, { className: "tw-size-4" })
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { active: open, onClick: handleOpen, tooltip: "Insert Link", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link, { className: "tw-size-4" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { active: open, onClick: handleOpen, tooltip: "Insert Link", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Link, { className: "tw-size-4" }) }),
     open && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -4177,7 +4237,7 @@ var ToolbarPlugin = () => {
               active: isBold,
               onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "bold"),
               tooltip: "Bold (Ctrl+B)",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Bold, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4186,7 +4246,7 @@ var ToolbarPlugin = () => {
               active: isItalic,
               onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "italic"),
               tooltip: "Italic (Ctrl+I)",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Italic, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4195,7 +4255,7 @@ var ToolbarPlugin = () => {
               active: isUnderline,
               onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "underline"),
               tooltip: "Underline (Ctrl+U)",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Underline, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4204,7 +4264,7 @@ var ToolbarPlugin = () => {
               active: isStrikethrough,
               onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "strikethrough"),
               tooltip: "Strikethrough",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Strikethrough, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Strikethrough, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4213,7 +4273,7 @@ var ToolbarPlugin = () => {
               active: isCode,
               onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "code"),
               tooltip: "Inline Code",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Code, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(ToolbarDivider, {}),
@@ -4231,7 +4291,7 @@ var ToolbarPlugin = () => {
                 }
               },
               tooltip: "Bullet List",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.List, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4246,7 +4306,7 @@ var ToolbarPlugin = () => {
                 }
               },
               tooltip: "Numbered List",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ListOrdered, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(ToolbarDivider, {}),
@@ -4268,7 +4328,7 @@ var ToolbarPlugin = () => {
                 });
               },
               tooltip: "Quote",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Quote, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Quote, { className: "tw-size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4287,7 +4347,7 @@ var ToolbarPlugin = () => {
                 });
               },
               tooltip: "Code Block",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareCode, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.SquareCode, { className: "tw-size-4" })
             }
           )
         ]
@@ -4356,10 +4416,13 @@ var MarkdownEditor = ({
   compact = false,
   saveOnBlur = false,
   singleLine = false,
-  clampDisplay = false
+  clampDisplay = false,
+  minRows
 }) => {
   const editable = !readOnly && !disabled;
   const transformers = singleLine ? SINGLE_LINE_TRANSFORMERS : CUSTOM_TRANSFORMERS;
+  const useDefaultMinHeight = !compact && minRows === void 0;
+  const customMinHeight = !compact && minRows !== void 0 ? { minHeight: `${minRows * 1.75}em` } : void 0;
   const [initialConfig] = react.useState(() => ({
     namespace: "MarkdownEditor",
     theme: editorTheme,
@@ -4418,7 +4481,8 @@ var MarkdownEditor = ({
                 contentEditable: /* @__PURE__ */ jsxRuntime.jsx(
                   LexicalContentEditable.ContentEditable,
                   {
-                    className: cn("tw-outline-none", !compact && "tw-min-h-[100px]"),
+                    className: cn("tw-outline-none", useDefaultMinHeight && "tw-min-h-[100px]"),
+                    style: customMinHeight,
                     "aria-placeholder": placeholder ?? "",
                     placeholder: placeholder ? /* @__PURE__ */ jsxRuntime.jsx(
                       "div",