@keboola/design 9.1.0 → 11.0.0

package/dist/markdown-editor.cjs

@@ -1,4636 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var brandRegistry = require('@keboola/brand-registry');
-var react = require('react');
-var reactTooltip = require('@radix-ui/react-tooltip');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var reactSlot = require('@radix-ui/react-slot');
-var reactDom = require('react-dom');
-var DOMPurify = require('dompurify');
-var beautifulMermaid = require('beautiful-mermaid');
-var colors = require('@keboola/tailwind-config/colors');
-var code = require('@lexical/code');
-var link = require('@lexical/link');
-var list = require('@lexical/list');
-var markdown = require('@lexical/markdown');
-var LexicalAutoFocusPlugin = require('@lexical/react/LexicalAutoFocusPlugin');
-var LexicalCheckListPlugin = require('@lexical/react/LexicalCheckListPlugin');
-var LexicalClickableLinkPlugin = require('@lexical/react/LexicalClickableLinkPlugin');
-var LexicalComposer = require('@lexical/react/LexicalComposer');
-var LexicalContentEditable = require('@lexical/react/LexicalContentEditable');
-var LexicalErrorBoundary = require('@lexical/react/LexicalErrorBoundary');
-var LexicalHistoryPlugin = require('@lexical/react/LexicalHistoryPlugin');
-var LexicalHorizontalRuleNode = require('@lexical/react/LexicalHorizontalRuleNode');
-var LexicalHorizontalRulePlugin = require('@lexical/react/LexicalHorizontalRulePlugin');
-var LexicalLinkPlugin = require('@lexical/react/LexicalLinkPlugin');
-var LexicalListPlugin = require('@lexical/react/LexicalListPlugin');
-var LexicalMarkdownShortcutPlugin = require('@lexical/react/LexicalMarkdownShortcutPlugin');
-var LexicalRichTextPlugin = require('@lexical/react/LexicalRichTextPlugin');
-var LexicalTabIndentationPlugin = require('@lexical/react/LexicalTabIndentationPlugin');
-var richText = require('@lexical/rich-text');
-var lexical = require('lexical');
-var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var sonner = require('sonner');
-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 RLabel = require('@radix-ui/react-label');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
-var colors__default = /*#__PURE__*/_interopDefault(colors);
-var DropdownMenuPrimitive3__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive3);
-var ScrollAreaPrimitive2__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive2);
-var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
-var RLabel__namespace = /*#__PURE__*/_interopNamespace(RLabel);
-
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var twMerge, cn;
-var init_classNames = __esm({
-  "src/utils/classNames.ts"() {
-    twMerge = tailwindMerge.extendTailwindMerge({
-      prefix: "tw"
-    });
-    cn = (...classes) => twMerge(clsx.clsx(...classes));
-  }
-});
-
-// src/utils/copyToClipboard.ts
-var copyToClipboard;
-var init_copyToClipboard = __esm({
-  "src/utils/copyToClipboard.ts"() {
-    copyToClipboard = (text) => {
-      return navigator.clipboard.writeText(text);
-    };
-  }
-});
-
-// src/utils/createChangeInputEvent.ts
-var createChangeInputEvent;
-var init_createChangeInputEvent = __esm({
-  "src/utils/createChangeInputEvent.ts"() {
-    createChangeInputEvent = (input) => {
-      const changeEvent = {
-        target: input,
-        currentTarget: input,
-        type: "change",
-        nativeEvent: new Event("change", { bubbles: true }),
-        bubbles: true,
-        cancelable: false,
-        defaultPrevented: false,
-        eventPhase: 2,
-        // AT_TARGET
-        isTrusted: false,
-        // Synthetic events are not trusted
-        preventDefault: () => {
-        },
-        // Provide dummy functions if not needed
-        isDefaultPrevented: () => false,
-        stopPropagation: () => {
-        },
-        isPropagationStopped: () => false,
-        persist: () => {
-        },
-        timeStamp: Date.now()
-      };
-      Object.defineProperty(changeEvent, "target", {
-        value: input,
-        writable: false
-      });
-      return changeEvent;
-    };
-  }
-});
-
-// src/constants/keyCodes.ts
-var keyCodes;
-var init_keyCodes = __esm({
-  "src/constants/keyCodes.ts"() {
-    keyCodes = {
-      ENTER: "Enter",
-      ESCAPE: "Escape",
-      SPACE: " "
-    };
-  }
-});
-
-// src/components/ThemeProvider/utils.ts
-var createTheme;
-var init_utils = __esm({
-  "src/components/ThemeProvider/utils.ts"() {
-    createTheme = (brand) => ({
-      id: brand.id,
-      name: brand.name,
-      shell: brand.shell,
-      logo: brand.logo
-    });
-  }
-});
-var DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID, defaultBrand, defaultTheme;
-var init_defaults = __esm({
-  "src/components/ThemeProvider/defaults.ts"() {
-    init_utils();
-    [brandRegistry.keboolaLegacySidebar.id, brandRegistry.keboolaLegacyTopnav.id];
-    DEFAULT_COLOR_SCHEME = "light";
-    DEFAULT_BRAND_ID = "design-system";
-    defaultBrand = {
-      id: DEFAULT_BRAND_ID,
-      name: "Design System",
-      shell: "sidebar",
-      theme: {}
-    };
-    defaultTheme = createTheme(defaultBrand);
-  }
-});
-var noop, defaultContext, ArgoDesignContext, useArgoDesign;
-var init_context = __esm({
-  "src/components/ThemeProvider/context.tsx"() {
-    init_defaults();
-    noop = () => void 0;
-    defaultContext = {
-      scheme: DEFAULT_COLOR_SCHEME,
-      resolvedScheme: DEFAULT_COLOR_SCHEME,
-      setScheme: noop,
-      brandId: defaultTheme.id,
-      setBrand: noop,
-      themes: [defaultTheme],
-      currentTheme: defaultTheme
-    };
-    react.createContext(defaultContext);
-    ArgoDesignContext = react.createContext(true);
-    useArgoDesign = () => react.use(ArgoDesignContext);
-  }
-});
-var tooltipVariants, TooltipContent;
-var init_TooltipContent = __esm({
-  "src/components/Tooltip/TooltipContent.tsx"() {
-    init_context();
-    tooltipVariants = classVarianceAuthority.cva(
-      [
-        "tailwindcss-preflight",
-        "tw:inline-block",
-        "tw:break-anywhere",
-        "tw:max-h-96",
-        "tw:overflow-y-auto",
-        "tw:z-[1060]",
-        // legacy (dark) chrome — default
-        "tw:rounded",
-        "tw:bg-neutral-800",
-        "tw:text-white",
-        // argo chrome overrides — semantic floating-panel tokens
-        "tw:data-[argo=true]:rounded-2xl",
-        "tw:data-[argo=true]:border",
-        "tw:data-[argo=true]:border-solid",
-        "tw:data-[argo=true]:border-border",
-        "tw:data-[argo=true]:bg-popover",
-        "tw:data-[argo=true]:text-popover-foreground",
-        "tw:data-[argo=true]:shadow-md",
-        // argo open animation
-        "tw:data-[argo=true]:data-[state=delayed-open]:animate-in",
-        "tw:data-[argo=true]:data-[state=instant-open]:animate-in",
-        "tw:data-[argo=true]:data-[state=delayed-open]:fade-in-0",
-        "tw:data-[argo=true]:data-[state=instant-open]:fade-in-0",
-        "tw:data-[argo=true]:data-[state=delayed-open]:zoom-in-95",
-        "tw:data-[argo=true]:data-[state=instant-open]:zoom-in-95",
-        // argo closed animation
-        "tw:data-[argo=true]:data-[state=closed]:animate-out",
-        "tw:data-[argo=true]:data-[state=closed]:fade-out-0",
-        "tw:data-[argo=true]:data-[state=closed]:zoom-out-95",
-        // argo position animation
-        "tw:data-[argo=true]:data-[side=bottom]:slide-in-from-top-2",
-        "tw:data-[argo=true]:data-[side=left]:slide-in-from-right-2",
-        "tw:data-[argo=true]:data-[side=right]:slide-in-from-left-2",
-        "tw:data-[argo=true]:data-[side=top]:slide-in-from-bottom-2"
-      ],
-      {
-        defaultVariants: {
-          variant: "action"
-        },
-        variants: {
-          variant: {
-            action: [
-              "tw:max-w-fit",
-              "tw:px-3",
-              "tw:py-2",
-              "tw:text-center",
-              "tw:text-xs",
-              "tw:font-medium",
-              // Legacy chrome uppercases the action tooltip; the Keboola V2 brand
-              // (`data-brand="keboola"`) renders it in standard case instead.
-              "tw:uppercase",
-              "tw:tracking-wider",
-              "tw:[[data-brand=keboola]_&]:normal-case",
-              "tw:[[data-brand=keboola]_&]:tracking-normal"
-            ],
-            explanatory: [
-              "tw:max-w-80",
-              "tw:px-4",
-              "tw:py-3",
-              "tw:text-left",
-              "tw:text-sm",
-              "tw:font-normal"
-            ]
-          }
-        }
-      }
-    );
-    TooltipContent = ({
-      className,
-      variant,
-      keepOpenOnPointerDownOutside = false,
-      children,
-      onPointerDownOutside,
-      sideOffset = 8,
-      collisionPadding = 8,
-      hideWhenDetached = true,
-      placement = "right",
-      ...rest
-    }) => {
-      const renderArgo = useArgoDesign();
-      const handlePointerDownOutside = (event) => {
-        if (keepOpenOnPointerDownOutside) event.preventDefault();
-        onPointerDownOutside?.(event);
-      };
-      return /* @__PURE__ */ jsxRuntime.jsx(reactTooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactTooltip.Content,
-        {
-          ...rest,
-          "data-tooltip-content": renderArgo ? void 0 : true,
-          "data-argo": renderArgo,
-          sideOffset,
-          collisionPadding,
-          onPointerDownOutside: handlePointerDownOutside,
-          className: tooltipVariants({ className, variant }),
-          hideWhenDetached,
-          side: placement,
-          children
-        }
-      ) });
-    };
-  }
-});
-var DELAY_SHOW_TOOLTIP, TooltipRoot;
-var init_TooltipRoot = __esm({
-  "src/components/Tooltip/TooltipRoot.tsx"() {
-    DELAY_SHOW_TOOLTIP = 300;
-    TooltipRoot = ({ children, delayDuration = DELAY_SHOW_TOOLTIP, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(reactTooltip.Root, { ...rest, delayDuration, children });
-  }
-});
-var TooltipTrigger;
-var init_TooltipTrigger = __esm({
-  "src/components/Tooltip/TooltipTrigger.tsx"() {
-    init_utils2();
-    TooltipTrigger = ({
-      ref,
-      children,
-      className,
-      keepOpenOnClick = false,
-      onClick,
-      onPointerDown,
-      asChild,
-      ...rest
-    }) => {
-      const handleClick = (event) => {
-        if (keepOpenOnClick) event.preventDefault();
-        onClick?.(event);
-      };
-      const handlePointerDown = (event) => {
-        if (keepOpenOnClick) event.preventDefault();
-        onPointerDown?.(event);
-      };
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        reactTooltip.Trigger,
-        {
-          ...rest,
-          asChild: true,
-          ref,
-          className: cn("tailwindcss-preflight", className),
-          onClick: handleClick,
-          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 })
-          )
-        }
-      );
-    };
-  }
-});
-var ACTION_TOOLTIP_LIMIT, Tooltip;
-var init_Tooltip = __esm({
-  "src/components/Tooltip/Tooltip.tsx"() {
-    init_keyCodes();
-    init_TooltipContent();
-    init_TooltipRoot();
-    init_TooltipTrigger();
-    ACTION_TOOLTIP_LIMIT = 30;
-    Tooltip = ({
-      tooltip,
-      children,
-      className,
-      keepOpenOnTriggerClick = false,
-      variant,
-      placement = "right",
-      forceHide = false,
-      forceShow = false,
-      delayDuration,
-      // trigger props
-      triggerAsChild = false
-    }) => {
-      const [open, setOpen] = react.useState(false);
-      const resolvedVariant = (() => {
-        if (!!variant) return variant;
-        if (typeof tooltip === "string" && tooltip.length > ACTION_TOOLTIP_LIMIT) return "explanatory";
-        return "action";
-      })();
-      const isActionVariant = resolvedVariant === "action";
-      const handleKeyUp = (event) => {
-        if (![keyCodes.ENTER, keyCodes.SPACE].includes(event.key)) return;
-        event.stopPropagation();
-      };
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        TooltipRoot,
-        {
-          open: !!tooltip && (open || forceShow) && !forceHide,
-          onOpenChange: setOpen,
-          delayDuration,
-          disableHoverableContent: isActionVariant,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TooltipTrigger,
-              {
-                asChild: triggerAsChild,
-                keepOpenOnClick: keepOpenOnTriggerClick,
-                onKeyUp: handleKeyUp,
-                children
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TooltipContent,
-              {
-                className,
-                variant: resolvedVariant,
-                placement,
-                keepOpenOnPointerDownOutside: keepOpenOnTriggerClick,
-                children: tooltip
-              }
-            )
-          ]
-        }
-      );
-    };
-    Tooltip.Root = TooltipRoot;
-    Tooltip.Content = TooltipContent;
-    Tooltip.Trigger = TooltipTrigger;
-  }
-});
-
-// src/components/Tooltip/index.ts
-var init_Tooltip2 = __esm({
-  "src/components/Tooltip/index.ts"() {
-    init_Tooltip();
-  }
-});
-var init_decorators = __esm({
-  "src/utils/decorators.tsx"() {
-  }
-});
-
-// src/utils/createPrefixedString.ts
-var createPrefixedString;
-var init_createPrefixedString = __esm({
-  "src/utils/createPrefixedString.ts"() {
-    createPrefixedString = (prefix) => (literals) => literals.reduce((acc, literal) => acc + literal, `${prefix}-`);
-  }
-});
-
-// src/utils/escapeStringRegexp.ts
-var init_escapeStringRegexp = __esm({
-  "src/utils/escapeStringRegexp.ts"() {
-  }
-});
-
-// src/utils/mergeRefs.ts
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref != null) {
-    ref.current = value;
-  }
-}
-var mergeRefs;
-var init_mergeRefs = __esm({
-  "src/utils/mergeRefs.ts"() {
-    mergeRefs = (...refs) => {
-      return (node) => refs.forEach((ref) => setRef(ref, node));
-    };
-  }
-});
-
-// src/utils/noop.ts
-var init_noop = __esm({
-  "src/utils/noop.ts"() {
-  }
-});
-
-// src/utils/debounce.ts
-var init_debounce = __esm({
-  "src/utils/debounce.ts"() {
-  }
-});
-
-// src/utils/isMac.ts
-var getIsMac;
-var init_isMac = __esm({
-  "src/utils/isMac.ts"() {
-    getIsMac = () => {
-      if (typeof navigator !== "undefined" && "userAgentData" in navigator) {
-        const platform = navigator.userAgentData.platform;
-        if (typeof platform === "string") {
-          return platform.toLowerCase() === "macos";
-        }
-      }
-      if (typeof navigator !== "undefined" && typeof navigator.platform === "string") {
-        return navigator.platform.toUpperCase().indexOf("MAC") >= 0;
-      }
-      return false;
-    };
-    getIsMac();
-  }
-});
-var init_useSHA256 = __esm({
-  "src/utils/useSHA256.ts"() {
-  }
-});
-
-// src/utils/index.ts
-var init_utils2 = __esm({
-  "src/utils/index.ts"() {
-    init_classNames();
-    init_copyToClipboard();
-    init_createChangeInputEvent();
-    init_decorators();
-    init_createPrefixedString();
-    init_escapeStringRegexp();
-    init_mergeRefs();
-    init_noop();
-    init_debounce();
-    init_isMac();
-    init_useSHA256();
-  }
-});
-var HEIGHT_CLASS_NAME, ANIMATION_CLASS_NAME, Skeleton;
-var init_Skeleton = __esm({
-  "src/components/Skeleton/Skeleton.tsx"() {
-    init_utils2();
-    HEIGHT_CLASS_NAME = {
-      xxs: "tw:h-3 tw:rounded",
-      xs: "tw:h-4 tw:rounded",
-      sm: "tw:h-5 tw:rounded",
-      md: "tw:h-6 tw:rounded-md",
-      lg: "tw:h-8 tw:rounded-lg",
-      xl: "tw:h-10 tw:rounded-lg",
-      "2xl": "tw:h-12 tw:rounded-lg"
-    };
-    ANIMATION_CLASS_NAME = cn(
-      // base styles
-      "tw:relative",
-      "tw:overflow-hidden",
-      "tw:pointer-events-none",
-      "tw:bg-skeleton",
-      // before
-      'tw:before:content-[""]',
-      "tw:before:opacity-100",
-      "tw:before:absolute",
-      "tw:before:inset-0",
-      "tw:before:-translate-x-full",
-      "tw:before:animate-[shimmer_2s_infinite]",
-      "tw:before:bg-gradient-to-r",
-      "tw:before:from-transparent",
-      "tw:before:to-transparent",
-      "tw:before:via-white/40"
-    );
-    Skeleton = ({ height = "md", className, count = 1 }) => {
-      const prefixId = react.useId();
-      const keys = Array.from({ length: count }, (_, i) => `${prefixId}-${i}`);
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: keys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          "data-skeleton": "true",
-          className: cn(HEIGHT_CLASS_NAME[height], ANIMATION_CLASS_NAME, className)
-        },
-        key
-      )) });
-    };
-  }
-});
-var init_icons = __esm({
-  "src/icons/index.ts"() {
-  }
-});
-var variants, argoVariants;
-var init_styles = __esm({
-  "src/components/Button/styles.ts"() {
-    variants = classVarianceAuthority.cva(
-      [
-        "tailwindcss-preflight",
-        "tw:group/button",
-        "tw:border-box",
-        // layout
-        "tw:relative",
-        "tw:flex",
-        "tw:items-center",
-        "tw:justify-center",
-        "tw:gap-2",
-        // text — chrome weight/tracking are brand-overridable tokens
-        // (`--font-weight-medium` / `--letter-spacing-chrome`). Casing: standard case is
-        // the default; only legacy brands (`keboola-legacy-*`) uppercase the chrome, so
-        // modern brands (incl. Keboola V2) read naturally. Mirrors the V2 standard-case
-        // treatment shipped for Tooltip/Badge (PR 7629).
-        "tw:text-xs",
-        "tw:leading-5",
-        "tw:font-medium",
-        "tw:[[data-brand^=keboola-legacy]_&]:tracking-chrome",
-        "tw:[[data-brand^=keboola-legacy]_&]:uppercase",
-        // border — legacy (non-argo) chrome uses a fixed radius, not the brand token.
-        "tw:rounded",
-        "tw:border",
-        "tw:border-transparent",
-        // styling
-        "tw:shadow-none",
-        "tw:[a]:cursor-pointer",
-        // explicitly set for anchor
-        "tw:focus-visible:outline",
-        "tw:focus-visible:outline-1",
-        "tw:focus-visible:-outline-offset-1",
-        "tw:focus-visible:outline-ring",
-        "tw:focus-visible:ring-4",
-        "tw:focus-visible:ring-ring/30",
-        // disabled
-        "tw:disabled:opacity-40",
-        "tw:disabled:cursor-not-allowed",
-        // anchor support
-        "tw:!no-underline",
-        "tw:aria-disabled:opacity-40",
-        "tw:aria-disabled:cursor-not-allowed",
-        "tw:[&_svg]:shrink-0"
-      ],
-      {
-        defaultVariants: {
-          size: "medium",
-          variant: "primary",
-          block: false
-        },
-        variants: {
-          block: {
-            true: ["tw:w-full"]
-          },
-          variant: {
-            primary: [
-              "tw:text-white",
-              "tw:bg-primary-500",
-              "tw:focus:text-white",
-              "tw:hover:text-white",
-              "tw:hover:not-disabled:bg-primary-600",
-              "tw:active:not-disabled:bg-primary-800",
-              // anchor disabled override
-              "tw:aria-disabled:!bg-primary-500"
-            ],
-            secondary: [
-              "tw:text-white",
-              "tw:bg-secondary-500",
-              "tw:focus:text-white",
-              "tw:hover:text-white",
-              "tw:hover:not-disabled:bg-secondary-700",
-              "tw:active:not-disabled:bg-secondary-800",
-              // anchor disabled override
-              "tw:aria-disabled:!bg-secondary-500"
-            ],
-            danger: [
-              "tw:text-white",
-              "tw:bg-error-500",
-              "tw:focus:text-white",
-              "tw:hover:text-white",
-              "tw:hover:not-disabled:bg-error-600",
-              "tw:active:not-disabled:bg-error-700",
-              // anchor disabled override
-              "tw:aria-disabled:!bg-error-500"
-            ],
-            invisible: [
-              "tw:text-neutral-800",
-              "tw:bg-transparent",
-              "tw:focus:text-neutral-800",
-              "tw:hover:not-disabled:bg-neutral-100",
-              "tw:hover:text-neutral-800",
-              "tw:active:not-disabled:bg-neutral-150",
-              // contrasting icon on hover/active
-              "tw:[&_svg]:text-neutral-400",
-              "tw:hover:not-disabled:[&_svg]:text-secondary-600",
-              "tw:active:not-disabled:[&_svg]:text-secondary-600",
-              // anchor disabled override
-              "tw:aria-disabled:!bg-transparent"
-            ],
-            outline: [
-              "tw:text-neutral-800",
-              "tw:bg-white",
-              // border
-              "tw:!border-neutral-200",
-              "tw:hover:text-neutral-800",
-              "tw:focus:text-neutral-800",
-              "tw:hover:not-disabled:!border-neutral-300",
-              "tw:hover:not-disabled:bg-neutral-100",
-              "tw:active:not-disabled:bg-neutral-200",
-              // contrasting icon hover, same as invisible
-              "tw:[&_svg]:text-neutral-400",
-              "tw:not-disabled:hover:[&_svg]:text-secondary-600",
-              "tw:active:not-disabled:[&_svg]:text-secondary-600",
-              // anchor disabled override
-              "tw:aria-disabled:!bg-white",
-              "tw:aria-disabled:!border-neutral-200"
-            ],
-            inline: [
-              "tw:text-neutral-800",
-              "tw:bg-transparent",
-              "tw:rounded-full",
-              "tw:[&_svg]:text-neutral-400",
-              "tw:not-disabled:hover:[&_svg]:text-secondary-600",
-              "tw:not-disabled:focus:[&_svg]:text-secondary-600"
-            ]
-          },
-          size: {
-            medium: [
-              "tw:max-h-10",
-              "tw:min-h-10",
-              "tw:px-4",
-              "tw:py-2.5",
-              'tw:[&_svg:not([class*="tw:size-"])]:size-4'
-            ],
-            small: [
-              "tw:max-h-8",
-              "tw:min-h-8",
-              "tw:px-4",
-              "tw:py-1.5",
-              'tw:[&_svg:not([class*="tw:size-"])]:size-4'
-            ],
-            large: [
-              "tw:max-h-12",
-              "tw:min-h-12",
-              "tw:px-4",
-              "tw:py-3.5",
-              'tw:[&_svg:not([class*="tw:size-"])]:size-4'
-            ],
-            "icon-lg": ["tw:size-12", "tw:p-0", 'tw:[&_svg:not([class*="tw:size-"])]:size-6'],
-            icon: ["tw:size-10", "tw:p-0", 'tw:[&_svg:not([class*="tw:size-"])]:size-4'],
-            "icon-sm": ["tw:size-8", "tw:p-0", 'tw:[&_svg:not([class*="tw:size-"])]:size-4'],
-            "icon-xs": ["tw:size-6", "tw:p-0", 'tw:[&_svg:not([class*="tw:size-"])]:size-4'],
-            "icon-2xs": [
-              "tw:!inline-flex",
-              "tw:size-5",
-              "tw:max-h-5",
-              'tw:[&_svg:not([class*="tw:size-"])]:size-3'
-            ],
-            "icon-3xs": ["tw:h-fit", "tw:w-fit", 'tw:[&_svg:not([class*="tw:size-"])]:size-4']
-          }
-        }
-      }
-    );
-    argoVariants = classVarianceAuthority.cva(
-      [
-        "tailwindcss-preflight",
-        // layout
-        "tw:relative",
-        "tw:inline-flex",
-        "tw:items-center",
-        "tw:justify-center",
-        "tw:whitespace-nowrap",
-        "tw:gap-2",
-        // border
-        "tw:border",
-        "tw:border-transparent",
-        "tw:rounded-[var(--radius-lg,0.25rem)]",
-        // text
-        "tw:font-medium",
-        "tw:select-none",
-        // focus visible
-        "tw:!outline-hidden",
-        "tw:focus-visible:ring-2",
-        // disabled
-        "tw:disabled:cursor-not-allowed",
-        "tw:disabled:opacity-50",
-        "tw:active:opacity-60",
-        "tw:transition-all",
-        "tw:bg-clip-padding",
-        // anchor support
-        "tw:!no-underline",
-        "tw:aria-disabled:cursor-not-allowed",
-        "tw:aria-disabled:opacity-50",
-        // icon
-        "tw:shrink-0",
-        "tw:[&_svg]:pointer-events-none",
-        "tw:[&_svg]:shrink-0",
-        "tw:[&_svg:not([class*='tw:size-'])]:size-4"
-      ],
-      {
-        defaultVariants: {
-          variant: "primary",
-          size: "medium"
-        },
-        variants: {
-          block: {
-            true: ["tw:w-full"]
-          },
-          variant: {
-            primary: [
-              "tw:bg-primary",
-              "tw:text-primary-foreground",
-              "tw:[a]:hover:bg-primary/80",
-              "tw:hover:not-disabled:bg-primary/90",
-              "tw:hover:text-primary-foreground",
-              "tw:focus:text-primary-foreground",
-              "tw:focus-visible:border-primary",
-              "tw:focus-visible:ring-ring/50"
-            ],
-            secondary: [
-              "tw:bg-primary/10",
-              "tw:text-primary",
-              "tw:hover:not-disabled:bg-primary/20",
-              "tw:focus-visible:border-primary",
-              "tw:focus-visible:ring-ring/50"
-            ],
-            // should be called "destructive" by Figma
-            danger: [
-              "tw:bg-destructive",
-              "tw:text-destructive-foreground",
-              "tw:hover:text-destructive-foreground",
-              "tw:focus:text-destructive-foreground",
-              "tw:focus-visible:border-destructive",
-              "tw:focus-visible:ring-destructive/20"
-            ],
-            outline: [
-              "tw:!border-input",
-              "tw:bg-background",
-              // Semantic base text color so the label/icon flips in dark mode
-              // (matches `invisible`); previously unset → inherited a fixed dark color.
-              "tw:text-foreground",
-              // Hover follows the brand primary (translucent tint), matching the
-              // `secondary` variant — not the fixed `accent` blue.
-              "tw:hover:not-disabled:bg-primary/10",
-              "tw:hover:not-disabled:text-primary",
-              "tw:hover:active:bg-background",
-              "tw:focus-visible:!border-primary",
-              "tw:focus-visible:ring-ring/50"
-            ],
-            // should be called "ghost" by Figma
-            invisible: [
-              "tw:bg-transparent",
-              "tw:text-foreground",
-              "tw:hover:not-disabled:bg-primary/10",
-              "tw:hover:not-disabled:text-primary",
-              "tw:hover:not-disabled:border-primary/10",
-              "tw:focus-visible:ring-ring/50"
-            ],
-            // should be called "link" by Figma
-            inline: [
-              "tw:bg-transparent",
-              "tw:text-primary",
-              "tw:hover:underline",
-              "tw:hover:active:bg-transparent",
-              "tw:focus-visible:ring-ring/50"
-            ]
-          },
-          size: {
-            // should be called "default" by Figma
-            medium: ["tw:max-h-9", "tw:py-2", "tw:px-4", "tw:text-sm"],
-            // should be called "small" by Figma
-            small: ["tw:max-h-8", "tw:py-2", "tw:px-3", "tw:text-xs"],
-            // should be called "large" by Figma
-            large: ["tw:max-h-10", "tw:py-2.5", "tw:px-6", "tw:text-sm"],
-            "icon-lg": ["tw:size-10"],
-            icon: ["tw:size-9"],
-            "icon-sm": ["tw:size-8"],
-            // unsupported in ARGO, remove when old design is gone
-            "icon-xs": [],
-            "icon-2xs": [],
-            "icon-3xs": []
-          }
-        }
-      }
-    );
-  }
-});
-var Button;
-var init_Button = __esm({
-  "src/components/Button/Button.tsx"() {
-    init_icons();
-    init_utils2();
-    init_context();
-    init_styles();
-    Button = ({
-      ref,
-      children,
-      disabled = false,
-      className,
-      type = "button",
-      isLoading = false,
-      asChild = false,
-      onClick,
-      variant = "primary",
-      size = "medium",
-      block = false,
-      ...buttonProps
-    }) => {
-      const renderArgo = useArgoDesign();
-      const Comp = asChild ? reactSlot.Root : "button";
-      const isIconOnly = String(size).startsWith("icon");
-      const classNames = renderArgo ? argoVariants({ variant, size, block, className }) : variants({ size, variant, block, className });
-      const handleClick = (event) => {
-        const isAnchor = event.currentTarget.tagName === "A";
-        if (isAnchor && disabled) {
-          event.preventDefault();
-          return;
-        }
-        onClick?.(event);
-      };
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        Comp,
-        {
-          ...buttonProps,
-          ref,
-          disabled,
-          "aria-disabled": disabled,
-          "data-variant": variant,
-          "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" }),
-            /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children: isLoading && isIconOnly ? null : children })
-          ]
-        }
-      );
-    };
-  }
-});
-var init_ButtonInline = __esm({
-  "src/components/Button/ButtonInline.tsx"() {
-    classVarianceAuthority.cva(
-      [
-        "tailwindcss-preflight",
-        "tw:inline-flex",
-        "tw:items-center",
-        "tw:gap-2",
-        "tw:underline-offset-2",
-        "tw:disabled:opacity-40",
-        "tw:disabled:cursor-not-allowed",
-        "tw:disabled:text-neutral-500",
-        "tw:disabled:no-underline",
-        "tw:disabled:[&_svg]:text-neutral-400",
-        // Default size for nested Lucide icons; callers can override on the icon.
-        "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
-        "tw:[&_svg]:shrink-0"
-      ],
-      {
-        defaultVariants: {
-          variant: "link",
-          color: "link"
-        },
-        variants: {
-          color: {
-            link: ["tw:text-primary", "tw:hover:text-primary/90", "tw:[&_svg]:text-primary"],
-            dark: ["tw:text-neutral-800 tw:[&_svg]:text-neutral-400"],
-            danger: ["tw:text-error-500 tw:[&_svg]:text-error-500"],
-            muted: ["tw:text-muted-foreground tw:[&_svg]:text-muted-foreground"],
-            custom: []
-          },
-          variant: {
-            link: ["tw:underline", "tw:hover:no-underline"],
-            "link-reverse": ["tw:no-underline", "", "tw:hover:underline"],
-            custom: []
-          }
-        }
-      }
-    );
-  }
-});
-
-// src/components/Button/index.ts
-var init_Button2 = __esm({
-  "src/components/Button/index.ts"() {
-    init_Button();
-    init_ButtonInline();
-  }
-});
-var Clipboard2;
-var init_Clipboard = __esm({
-  "src/components/Clipboard/Clipboard.tsx"() {
-    init_utils2();
-    init_Tooltip2();
-    Clipboard2 = ({
-      ref,
-      text: textProp,
-      children,
-      tooltip = "Copy to Clipboard",
-      tooltipPlacement = "top",
-      tooltipVariant: tooltipVariantProp = "action",
-      asChild = false,
-      onClick,
-      className,
-      ...restButtonProps
-    }) => {
-      const [isTooltipOpen, setIsTooltipOpen] = react.useState(false);
-      const [state, setState] = react.useState("ready");
-      const text = typeof textProp === "function" ? textProp() : textProp;
-      const copy = async (text2) => {
-        try {
-          if (!document.hasFocus()) window.focus();
-          await copyToClipboard(text2);
-          setState("copied");
-        } catch {
-          setState("error");
-        }
-      };
-      const handleOnClick = (event) => {
-        setIsTooltipOpen(true);
-        if (text && state === "ready") void copy(text);
-        onClick?.(event);
-      };
-      const handleOnOpenChange = (open) => {
-        if (!open && state !== "ready") setState("ready");
-        setIsTooltipOpen(open);
-      };
-      const tooltipContent = (() => {
-        if (!text) return "Nothing to copy";
-        if (state === "error") return "Failed to copy";
-        if (state === "copied") return "Copied to Clipboard";
-        return tooltip;
-      })();
-      const tooltipVariant = state === "ready" && !!text ? tooltipVariantProp : "action";
-      const hasTooltipContent = tooltipContent !== null && tooltipContent !== void 0;
-      return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip.Root, { open: isTooltipOpen, onOpenChange: handleOnOpenChange, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Tooltip.Trigger,
-          {
-            ...restButtonProps,
-            asChild,
-            keepOpenOnClick: true,
-            onClick: handleOnClick,
-            className: cn("tw:cursor-pointer", className),
-            ref,
-            children: children ?? text
-          }
-        ),
-        hasTooltipContent && /* @__PURE__ */ jsxRuntime.jsx(
-          Tooltip.Content,
-          {
-            keepOpenOnPointerDownOutside: true,
-            placement: tooltipPlacement,
-            variant: tooltipVariant,
-            children: tooltipContent
-          }
-        )
-      ] });
-    };
-  }
-});
-
-// src/components/Clipboard/index.ts
-var init_Clipboard2 = __esm({
-  "src/components/Clipboard/index.ts"() {
-    init_Clipboard();
-  }
-});
-var DEFAULT_ICON, DEFAULT_ARIA_LABEL, ClipboardButton;
-var init_ClipboardButton = __esm({
-  "src/blocks/ClipboardButton/ClipboardButton.tsx"() {
-    init_Button2();
-    init_Clipboard2();
-    init_icons();
-    DEFAULT_ICON = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, {});
-    DEFAULT_ARIA_LABEL = "Copy";
-    ClipboardButton = ({
-      // clipboard props
-      text,
-      tooltip,
-      tooltipPlacement,
-      tooltipVariant,
-      // button props
-      icon = DEFAULT_ICON,
-      variant = "outline",
-      children,
-      ...rest
-    }) => {
-      const defaultAriaLabel = typeof tooltip === "string" && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;
-      const ariaLabel = rest["aria-label"] ?? (children == null ? defaultAriaLabel : void 0);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Clipboard2,
-        {
-          asChild: true,
-          tooltip,
-          tooltipPlacement,
-          tooltipVariant,
-          text,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { ...rest, "aria-label": ariaLabel, variant, disabled: !text, children: [
-            icon,
-            children
-          ] })
-        }
-      );
-    };
-  }
-});
-
-// src/blocks/ClipboardButton/index.ts
-var init_ClipboardButton2 = __esm({
-  "src/blocks/ClipboardButton/index.ts"() {
-    init_ClipboardButton();
-  }
-});
-var MIN_SCALE, MAX_SCALE, ZOOM_STEP, ZoomableSvg;
-var init_ZoomableSvg = __esm({
-  "src/components/ZoomableSvg/ZoomableSvg.tsx"() {
-    init_ClipboardButton2();
-    init_icons();
-    init_utils2();
-    init_Button2();
-    init_Tooltip2();
-    MIN_SCALE = 0.5;
-    MAX_SCALE = 3;
-    ZOOM_STEP = 0.1;
-    ZoomableSvg = ({
-      html,
-      copyText,
-      className,
-      allowForeignObject,
-      renderActions
-    }) => {
-      const safeHtml = react.useMemo(
-        () => DOMPurify__default.default.sanitize(html, {
-          USE_PROFILES: { svg: true, svgFilters: true },
-          ...allowForeignObject ? { ADD_TAGS: ["foreignObject"] } : {}
-        }),
-        [html, allowForeignObject]
-      );
-      const containerRef = react.useRef(null);
-      const [scale, setScale] = react.useState(1);
-      const [translate, setTranslate] = react.useState({ x: 0, y: 0 });
-      const [isFullscreen, setIsFullscreen] = react.useState(false);
-      react.useEffect(() => {
-        if (!isFullscreen) return;
-        const onKeyDown = (e) => {
-          if (e.key === "Escape") {
-            e.stopPropagation();
-            setIsFullscreen(false);
-          }
-        };
-        document.addEventListener("keydown", onKeyDown, { capture: true });
-        return () => document.removeEventListener("keydown", onKeyDown, { capture: true });
-      }, [isFullscreen]);
-      const dragRef = react.useRef(null);
-      react.useEffect(() => {
-        const el = containerRef.current;
-        if (!el) return;
-        const onWheel = (e) => {
-          if (!e.ctrlKey && !e.metaKey) return;
-          e.preventDefault();
-          const delta = e.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;
-          setScale((s) => Math.min(MAX_SCALE, Math.max(MIN_SCALE, s + delta)));
-        };
-        el.addEventListener("wheel", onWheel, { passive: false });
-        return () => el.removeEventListener("wheel", onWheel);
-      }, [isFullscreen]);
-      const didDragRef = react.useRef(false);
-      const handleMouseDown = react.useCallback(
-        (e) => {
-          if (e.button !== 0) return;
-          e.preventDefault();
-          didDragRef.current = false;
-          dragRef.current = {
-            startX: e.clientX,
-            startY: e.clientY,
-            startTx: translate.x,
-            startTy: translate.y
-          };
-        },
-        [translate]
-      );
-      const handleMouseMove = react.useCallback((e) => {
-        if (!dragRef.current) return;
-        didDragRef.current = true;
-        setTranslate({
-          x: dragRef.current.startTx + e.clientX - dragRef.current.startX,
-          y: dragRef.current.startTy + e.clientY - dragRef.current.startY
-        });
-      }, []);
-      const handleMouseUp = react.useCallback(() => {
-        dragRef.current = null;
-      }, []);
-      const handleReset = react.useCallback(() => {
-        setScale(1);
-        setTranslate({ x: 0, y: 0 });
-      }, []);
-      const isZoomed = Math.abs(scale - 1) > 1e-3 || translate.x !== 0 || translate.y !== 0;
-      const handleClick = react.useCallback((e) => {
-        if (didDragRef.current) {
-          e.stopPropagation();
-        }
-      }, []);
-      const stopPropagation = react.useCallback((e) => {
-        e.stopPropagation();
-      }, []);
-      const diagramContent = /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          role: "presentation",
-          className: cn("tw:group/zoom tw:relative", isFullscreen && "tw:h-full"),
-          onClick: handleClick,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                role: "presentation",
-                ref: containerRef,
-                className: cn(
-                  "tw:overflow-hidden tw:cursor-grab tw:active:cursor-grabbing tw:p-3",
-                  isFullscreen && "tw:h-full"
-                ),
-                onMouseDown: handleMouseDown,
-                onMouseMove: handleMouseMove,
-                onMouseUp: handleMouseUp,
-                onMouseLeave: handleMouseUp,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "tw:flex tw:justify-center tw:origin-center",
-                      isFullscreen && "tw:h-full tw:[&>svg]:h-full"
-                    ),
-                    style: { transform: `translate(${translate.x}px, ${translate.y}px) scale(${scale})` },
-                    dangerouslySetInnerHTML: { __html: safeHtml }
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                role: "presentation",
-                className: "tw:absolute tw:right-1 tw:top-1 tw:flex tw:gap-1 tw:opacity-0 tw:transition-opacity tw:focus-within:opacity-100 tw:group-hover/zoom:opacity-100",
-                onClick: stopPropagation,
-                children: [
-                  isZoomed && /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { tooltip: "Reset zoom", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "small", variant: "outline", onClick: handleReset, children: "Reset" }) }),
-                  copyText && /* @__PURE__ */ jsxRuntime.jsx(ClipboardButton, { text: copyText, tooltip: "Copy code", size: "icon-sm", variant: "outline" }),
-                  renderActions?.(safeHtml),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Tooltip,
-                    {
-                      tooltip: isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                      placement: "top",
-                      triggerAsChild: true,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        Button,
-                        {
-                          size: "icon-sm",
-                          variant: "outline",
-                          "aria-label": isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                          onClick: () => setIsFullscreen((f) => !f),
-                          children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minimize2, { className: "tw:size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "tw:size-4" })
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      );
-      if (isFullscreen) {
-        return reactDom.createPortal(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              role: "presentation",
-              "data-testid": "zoomable-svg-fullscreen",
-              className: "tw:fixed tw:inset-0 tw:z-[1060] tw:bg-muted tw:p-4 tailwindcss-preflight",
-              onClick: stopPropagation,
-              children: diagramContent
-            }
-          ),
-          document.body
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted",
-            className
-          ),
-          children: diagramContent
-        }
-      );
-    };
-  }
-});
-
-// src/components/ZoomableSvg/index.ts
-var init_ZoomableSvg2 = __esm({
-  "src/components/ZoomableSvg/index.ts"() {
-    init_ZoomableSvg();
-  }
-});
-var DiagramSkeleton;
-var init_DiagramSkeleton = __esm({
-  "src/blocks/MermaidDiagram/DiagramSkeleton.tsx"() {
-    init_Skeleton();
-    DiagramSkeleton = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:my-3 tw:overflow-hidden tw:rounded-md tw:border tw:border-neutral-150 tw:bg-neutral-50 tw:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "tw:h-40" }) });
-  }
-});
-
-// src/blocks/MermaidDiagram/svgTransforms.ts
-var HTML_TAG, FOREIGN_OBJECT, ROOT_SVG_TAG, flattenForeignObjectLabels, STYLE_ATTR, makeResponsive;
-var init_svgTransforms = __esm({
-  "src/blocks/MermaidDiagram/svgTransforms.ts"() {
-    HTML_TAG = /<[^>]+>/g;
-    FOREIGN_OBJECT = /(<foreignObject\b[^>]*>)([\s\S]*?)(<\/foreignObject>)/g;
-    ROOT_SVG_TAG = /^(\s*<svg\b)([^>]*)(>)/i;
-    flattenForeignObjectLabels = (svg) => svg.replace(FOREIGN_OBJECT, (_match, open, inner, close) => {
-      const text = inner.replace(HTML_TAG, " ").replace(/\s+/g, " ").trim();
-      return `${open}${text}${close}`;
-    });
-    STYLE_ATTR = /\s+style="([^"]*)"/i;
-    makeResponsive = (svgString) => {
-      const viewBoxMatch = svgString.match(/viewBox="[^"]*\s([\d.]+)\s[\d.]+"/);
-      const vbWidth = viewBoxMatch ? Math.round(Number(viewBoxMatch[1])) : void 0;
-      return svgString.replace(ROOT_SVG_TAG, (_match, open, attrs, close) => {
-        const existingStyle = attrs.match(STYLE_ATTR)?.[1] ?? "";
-        const styleDecls = existingStyle.replace(/max-width:\s*[^;"]*;?\s*/gi, "").replace(/\s+/g, " ").trim().replace(/;$/, "");
-        let nextAttrs = attrs.replace(/\s+width="[^"]*"/i, "").replace(/\s+height="[^"]*"/i, "").replace(STYLE_ATTR, "");
-        nextAttrs += ' width="100%"';
-        const styleParts = [styleDecls, vbWidth ? `max-width: ${vbWidth}px` : ""].filter(Boolean).join("; ");
-        if (styleParts) nextAttrs += ` style="${styleParts}"`;
-        return `${open}${nextAttrs}${close}`;
-      });
-    };
-  }
-});
-
-// src/blocks/MermaidDiagram/MermaidDiagram.tsx
-var MermaidDiagram_exports = {};
-__export(MermaidDiagram_exports, {
-  MermaidDiagram: () => MermaidDiagram
-});
-var PRIMARY_FALLBACK_CHANNELS, resolvePrimary, mermaidPromise, registerLucideIconPack, getMermaid, stripFontImports, hasIconSyntax, tryFastRender, RENDER_DEBOUNCE_MS, svgCache, resolveSyncSvg, MermaidDiagram;
-var init_MermaidDiagram = __esm({
-  "src/blocks/MermaidDiagram/MermaidDiagram.tsx"() {
-    init_ZoomableSvg2();
-    init_utils2();
-    init_DiagramSkeleton();
-    init_svgTransforms();
-    PRIMARY_FALLBACK_CHANNELS = "31 143 255";
-    resolvePrimary = () => {
-      const channels = typeof document === "undefined" ? PRIMARY_FALLBACK_CHANNELS : getComputedStyle(document.documentElement).getPropertyValue("--primary").trim() || PRIMARY_FALLBACK_CHANNELS;
-      return `rgb(${channels})`;
-    };
-    mermaidPromise = null;
-    registerLucideIconPack = (m) => {
-      m.registerIconPacks([
-        {
-          name: "lucide",
-          loader: () => import('@iconify-json/lucide/icons.json').then((mod) => mod.default)
-        }
-      ]);
-    };
-    getMermaid = () => {
-      if (!mermaidPromise) {
-        mermaidPromise = import('mermaid').then((m) => {
-          registerLucideIconPack(m.default);
-          m.default.initialize({
-            startOnLoad: false,
-            securityLevel: "strict",
-            theme: "base",
-            themeVariables: {
-              primaryColor: colors__default.default.blue[100],
-              primaryTextColor: colors__default.default.neutral[800],
-              primaryBorderColor: colors__default.default.blue[700],
-              secondaryColor: colors__default.default.white,
-              secondaryTextColor: colors__default.default.neutral[800],
-              secondaryBorderColor: colors__default.default.neutral[150],
-              tertiaryColor: colors__default.default.warning[100],
-              tertiaryTextColor: colors__default.default.neutral[800],
-              tertiaryBorderColor: colors__default.default.warning[500],
-              lineColor: colors__default.default.neutral[300],
-              textColor: colors__default.default.neutral[800],
-              mainBkg: colors__default.default.blue[100],
-              nodeBorder: colors__default.default.blue[700],
-              clusterBkg: colors__default.default.white,
-              clusterBorder: colors__default.default.neutral[150],
-              titleColor: colors__default.default.neutral[800],
-              edgeLabelBackground: colors__default.default.white,
-              nodeTextColor: colors__default.default.neutral[800],
-              actorBorder: colors__default.default.blue[700],
-              actorBkg: colors__default.default.blue[100],
-              actorTextColor: colors__default.default.neutral[800],
-              actorLineColor: colors__default.default.neutral[300],
-              signalColor: colors__default.default.neutral[800],
-              signalTextColor: colors__default.default.neutral[800],
-              labelBoxBkgColor: colors__default.default.blue[100],
-              labelBoxBorderColor: colors__default.default.blue[700],
-              labelTextColor: colors__default.default.neutral[800],
-              loopTextColor: colors__default.default.neutral[800],
-              noteBorderColor: colors__default.default.warning[500],
-              noteBkgColor: colors__default.default.warning[100],
-              noteTextColor: colors__default.default.neutral[800],
-              sectionBkgColor: colors__default.default.blue[100],
-              altSectionBkgColor: colors__default.default.white,
-              sectionBkgColor2: colors__default.default.neutral[100],
-              taskBorderColor: colors__default.default.blue[700],
-              taskBkgColor: colors__default.default.blue[100],
-              taskTextColor: colors__default.default.neutral[800],
-              taskTextDarkColor: colors__default.default.neutral[800],
-              taskTextLightColor: colors__default.default.neutral[800],
-              activeTaskBorderColor: resolvePrimary(),
-              activeTaskBkgColor: colors__default.default.blue[200],
-              doneTaskBorderColor: colors__default.default.green[600],
-              doneTaskBkgColor: colors__default.default.green[100],
-              critBorderColor: colors__default.default.error[500],
-              critBkgColor: colors__default.default.error[100],
-              fontFamily: "Inter, system-ui, sans-serif",
-              fontSize: "14px"
-            }
-          });
-          return m;
-        }).catch((err) => {
-          mermaidPromise = null;
-          throw err;
-        });
-      }
-      return mermaidPromise;
-    };
-    stripFontImports = (svg) => svg.replace(/@import\s+url\([^)]*fonts\.googleapis\.com[^)]*\);?\s*/g, "");
-    hasIconSyntax = (code) => /@\{[^}]*\bicon\s*:/.test(code) || /\b(?:icon|service|group)\b[^\n(]*\(\s*[\w-]+:/.test(code) || /\bfa[bslr]?:fa-/.test(code);
-    tryFastRender = (code) => {
-      if (hasIconSyntax(code)) return null;
-      try {
-        return stripFontImports(
-          beautifulMermaid.renderMermaidSVG(code, {
-            bg: colors__default.default.white,
-            fg: colors__default.default.neutral[800],
-            transparent: true,
-            font: "Inter, system-ui, sans-serif"
-          })
-        );
-      } catch (err) {
-        console.debug("[MermaidDiagram] fast render unavailable, using async fallback:", err);
-        return null;
-      }
-    };
-    RENDER_DEBOUNCE_MS = 300;
-    svgCache = /* @__PURE__ */ new Map();
-    resolveSyncSvg = (code) => {
-      const cached = svgCache.get(code);
-      if (cached) return cached;
-      const fast = tryFastRender(code);
-      if (fast) svgCache.set(code, fast);
-      return fast;
-    };
-    MermaidDiagram = ({ code, renderActions }) => {
-      const id = react.useId();
-      const [svg, setSvg] = react.useState(() => resolveSyncSvg(code));
-      const [renderFailed, setRenderFailed] = react.useState(false);
-      const debounceRef = react.useRef(null);
-      const renderIdRef = react.useRef(0);
-      const [prevCode, setPrevCode] = react.useState(code);
-      if (code !== prevCode) {
-        setPrevCode(code);
-        setSvg(resolveSyncSvg(code));
-        setRenderFailed(false);
-      }
-      react.useEffect(() => {
-        if (svgCache.has(code)) return;
-        const currentRenderId = ++renderIdRef.current;
-        if (debounceRef.current) {
-          clearTimeout(debounceRef.current);
-        }
-        debounceRef.current = setTimeout(() => {
-          getMermaid().then(async (mermaidModule) => {
-            if (renderIdRef.current !== currentRenderId) return;
-            const rendererId = `mermaid-${id.replaceAll(":", "")}`;
-            const container = document.createElement("div");
-            container.style.visibility = "hidden";
-            container.style.position = "absolute";
-            container.style.top = "-9999px";
-            container.style.width = "900px";
-            document.body.appendChild(container);
-            try {
-              const result = await mermaidModule.default.render(rendererId, code, container);
-              if (renderIdRef.current === currentRenderId && result) {
-                const svgOutput = flattenForeignObjectLabels(result.svg);
-                svgCache.set(code, svgOutput);
-                setSvg(svgOutput);
-                setRenderFailed(false);
-              }
-            } finally {
-              container.remove();
-            }
-          }).catch((err) => {
-            if (renderIdRef.current === currentRenderId) {
-              console.error("[MermaidDiagram] fallback failed:", err);
-              setSvg(null);
-              setRenderFailed(true);
-            }
-          });
-        }, RENDER_DEBOUNCE_MS);
-        const timer = debounceRef.current;
-        const renderId = renderIdRef;
-        return () => {
-          renderId.current++;
-          if (timer) {
-            clearTimeout(timer);
-          }
-        };
-      }, [code, id]);
-      const processedSvg = svg ? makeResponsive(svg) : null;
-      if (renderFailed) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "pre",
-          {
-            className: cn(
-              "tw:my-3 tw:overflow-auto tw:whitespace-pre-wrap tw:break-all",
-              "tw:py-3 tw:px-4",
-              "tw:bg-neutral-50",
-              "tw:rounded-md tw:text-neutral-400",
-              "tw:text-sm tw:font-mono"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code })
-          }
-        );
-      }
-      if (processedSvg) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          ZoomableSvg,
-          {
-            html: processedSvg,
-            copyText: `\`\`\`mermaid
-${code}
-\`\`\``,
-            className: "tw:my-3",
-            allowForeignObject: true,
-            renderActions
-          },
-          code
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(DiagramSkeleton, {});
-    };
-  }
-});
-
-// src/blocks/MarkdownEditor/MarkdownEditor.tsx
-init_utils2();
-var ImageRendererContext = react.createContext(null);
-var ImageRendererProvider = ImageRendererContext;
-var useImageRenderer = () => react.use(ImageRendererContext);
-var isPlaceholder = (src) => src.startsWith("upload-placeholder-");
-var ImageNodeComponent = ({ src, alt }) => {
-  const renderer = useImageRenderer();
-  if (isPlaceholder(src)) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:inline-flex tw:items-center tw:gap-1 tw:rounded tw:bg-neutral-100 tw:px-2 tw:py-1 tw:text-xs tw:text-neutral-400", children: "Uploading image\u2026" });
-  }
-  if (renderer) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderer({ src, alt }) });
-  return /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt });
-};
-var ImageNode = class _ImageNode extends lexical.DecoratorNode {
-  __src;
-  __altText;
-  static getType() {
-    return "image";
-  }
-  static clone(node) {
-    return new _ImageNode(node.__src, node.__altText, node.__key);
-  }
-  constructor(src, altText, key) {
-    super(key);
-    this.__src = src;
-    this.__altText = altText;
-  }
-  getSrc() {
-    return this.__src;
-  }
-  getAlt() {
-    return this.__altText;
-  }
-  setSrc(src) {
-    const writable = this.getWritable();
-    writable.__src = src;
-  }
-  setAlt(altText) {
-    const writable = this.getWritable();
-    writable.__altText = altText;
-  }
-  createDOM(config) {
-    const span = document.createElement("span");
-    const className = config.theme.image;
-    if (typeof className === "string") {
-      span.className = className;
-    }
-    return span;
-  }
-  updateDOM() {
-    return false;
-  }
-  decorate() {
-    return /* @__PURE__ */ jsxRuntime.jsx(ImageNodeComponent, { src: this.__src, alt: this.__altText });
-  }
-  isInline() {
-    return true;
-  }
-  static importJSON(serializedNode) {
-    return $createImageNode(serializedNode.src, serializedNode.altText);
-  }
-  exportJSON() {
-    return {
-      type: "image",
-      version: 1,
-      src: this.__src,
-      altText: this.__altText
-    };
-  }
-  exportDOM() {
-    const element = document.createElement("img");
-    element.setAttribute("src", this.__src);
-    element.setAttribute("alt", this.__altText);
-    return { element };
-  }
-  static importDOM() {
-    return {
-      img: () => ({
-        conversion: (domNode) => {
-          const src = domNode.getAttribute("src") || "";
-          const alt = domNode.getAttribute("alt") || "";
-          return { node: $createImageNode(src, alt) };
-        },
-        priority: 0
-      })
-    };
-  }
-};
-var $createImageNode = (src, altText) => {
-  return new ImageNode(src, altText);
-};
-var $isImageNode = (node) => {
-  return node instanceof ImageNode;
-};
-
-// src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-init_Skeleton();
-var MermaidDiagram2 = react.lazy(
-  () => Promise.resolve().then(() => (init_MermaidDiagram(), MermaidDiagram_exports)).then(
-    (m) => ({ default: m.MermaidDiagram }),
-    (error) => {
-      console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
-      return {
-        default: ({ code }) => /* @__PURE__ */ jsxRuntime.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code }) })
-      };
-    }
-  )
-);
-var MermaidNodeComponent = ({ code }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Suspense,
-    {
-      fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:my-3 tw:overflow-hidden tw:rounded-card tw:border tw:border-neutral-150 tw:bg-neutral-50 tw:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "tw:h-40" }) }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(MermaidDiagram2, { code })
-    }
-  );
-};
-var MermaidNode = class _MermaidNode extends lexical.DecoratorNode {
-  __code;
-  static getType() {
-    return "mermaid";
-  }
-  static clone(node) {
-    return new _MermaidNode(node.__code, node.__key);
-  }
-  constructor(code, key) {
-    super(key);
-    this.__code = code;
-  }
-  getCode() {
-    return this.__code;
-  }
-  setCode(code) {
-    const writable = this.getWritable();
-    writable.__code = code;
-  }
-  createDOM() {
-    const div = document.createElement("div");
-    div.setAttribute("data-lexical-mermaid", "true");
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  decorate() {
-    return /* @__PURE__ */ jsxRuntime.jsx(MermaidNodeComponent, { code: this.__code });
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createMermaidNode(serializedNode.code);
-  }
-  exportJSON() {
-    return {
-      type: "mermaid",
-      version: 1,
-      code: this.__code
-    };
-  }
-};
-var $createMermaidNode = (code) => {
-  return new MermaidNode(code);
-};
-var $isMermaidNode = (node) => {
-  return node instanceof MermaidNode;
-};
-
-// src/components/Toast/toast.tsx
-init_utils2();
-
-// src/components/Toast/ToastRoot.tsx
-init_icons();
-init_utils2();
-init_context();
-
-// src/components/Toast/ToastAction.tsx
-init_utils2();
-var ToastAction = ({ ref, className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "button",
-  {
-    ...rest,
-    ref,
-    "data-slot": "toast-action",
-    type: "button",
-    className: cn(
-      // layout
-      "tw:col-start-3",
-      "tw:row-start-1",
-      "tw:flex",
-      "tw:items-center",
-      "tw:justify-center",
-      // font
-      "tw:text-xs",
-      "tw:font-medium",
-      "tw:text-primary",
-      // sizing
-      "tw:px-2",
-      "tw:h-6",
-      // styles
-      "tw:bg-primary-foreground",
-      "tw:rounded",
-      className
-    )
-  }
-);
-
-// src/components/Toast/ToastDescription.tsx
-init_utils2();
-var ToastDescription = ({ ref, className, children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    "data-slot": "toast-description",
-    className: cn(
-      "tw:col-start-2",
-      "tw:font-normal",
-      "tw:break-words",
-      "tw:text-white",
-      "tw:group-data-[variant=default]/toast:text-muted-foreground",
-      className
-    ),
-    ...rest,
-    children
-  }
-);
-
-// src/components/Toast/ToastDismiss.tsx
-init_icons();
-init_utils2();
-var ToastDismiss = ({ ref, className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "button",
-  {
-    ref,
-    "data-slot": "toast-dismiss",
-    className: cn(
-      "tw:flex",
-      "tw:justify-center",
-      "tw:col-start-4",
-      "tw:row-start-1",
-      "tailwindcss-preflight",
-      "tw:[&_svg]:aspect-square",
-      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-      "tw:[&_svg]:m-1",
-      "tw:text-white",
-      "tw:group-data-[variant=default]/toast:[&_svg]:text-popover-foreground",
-      "tw:group-data-[variant=default]/toast:group-data-[argo=true]/toast:[&_svg]:text-foreground",
-      className
-    ),
-    type: "button",
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:sr-only", children: "Dismiss" })
-    ]
-  }
-);
-
-// src/components/Toast/ToastDuration.tsx
-init_utils2();
-var ToastDuration = ({ ref, duration, className, style, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    ...rest,
-    ref,
-    className: cn(
-      "tw:bg-white/30",
-      "tw:group-data-[variant=default]/toast:bg-popover-foreground/20",
-      "tw:group-data-[variant=default]/toast:group-data-[argo=true]/toast:bg-foreground/20",
-      "tw:rounded-bl-lg",
-      "tw:mx-px",
-      // positioning
-      "tw:absolute",
-      "tw:bottom-0",
-      "tw:left-0",
-      // sizing
-      "tw:h-1",
-      // animation
-      "tw:animate-toast-progress",
-      "tw:group-hover/toast:[animation-play-state:paused]",
-      className
-    ),
-    style: {
-      animationDuration: `${duration}ms`,
-      ...style
-    }
-  }
-);
-
-// src/components/Toast/ToastTitle.tsx
-init_utils2();
-var ToastTitle = ({ ref, className, children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    "data-slot": "toast-title",
-    className: cn(
-      "tw:col-start-2",
-      "tw:text-sm",
-      "tw:leading-6",
-      "tw:min-h-6",
-      "tw:self-center",
-      "tw:text-white",
-      "tw:group-data-[variant=default]/toast:text-popover-foreground",
-      "tw:group-data-[variant=default]/toast:group-data-[argo=true]/toast:text-foreground",
-      "tw:break-words",
-      "tw:font-medium",
-      className
-    ),
-    ...rest,
-    children
-  }
-);
-var variants2 = classVarianceAuthority.cva(
-  [
-    "tailwindcss-preflight",
-    "tw:group/toast",
-    "tw:relative",
-    // layout
-    "tw:grid",
-    "tw:grid-cols-[0_1fr_auto_auto]",
-    "tw:items-start",
-    "tw:has-[[data-slot=toast-description]]:grid-rows-[auto_auto]",
-    "tw:has-[[data-slot=toast-icon]]:grid-cols-[auto_1fr_auto_auto]",
-    "tw:[&_[data-slot=toast-icon]]:mr-2",
-    "tw:[&_[data-slot=toast-title]]:mr-2.5",
-    "tw:[&_[data-slot=toast-description]]:mr-2.5",
-    "tw:[&_[data-slot=toast-action]]:mr-2",
-    "tw:[&_[data-slot=toast-description]]:col-end-3",
-    "tw:gap-y-0",
-    // styles
-    "tw:p-4",
-    "tw:rounded-lg",
-    "tw:shadow-md"
-  ],
-  {
-    defaultVariants: {
-      variant: "info"
-    },
-    variants: {
-      variant: {
-        default: "tw:border tw:border-border tw:bg-popover",
-        error: "tw:bg-error-550",
-        info: "tw:bg-blue-600",
-        success: "tw:bg-green-700",
-        warning: "tw:bg-warning-550"
-      }
-    }
-  }
-);
-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, {})
-};
-var ToastRoot = ({
-  id,
-  title,
-  description,
-  action,
-  duration = Infinity,
-  variant = "info",
-  loading = false,
-  icon: iconProp
-}) => {
-  const renderArgo = useArgoDesign();
-  const icon = (() => {
-    if (loading) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw:animate-spin" });
-    if (iconProp) return iconProp;
-    if (variant === "default" || variant === null) return null;
-    return DEFAULT_VARIANT_ICON[variant];
-  })();
-  const handleActionClick = (event) => {
-    sonner.toast.dismiss(id);
-    action?.onClick(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-variant": variant,
-      "data-argo": renderArgo,
-      className: cn(
-        variants2({ variant }),
-        "tw:data-[variant=default]:data-[argo=true]:bg-background"
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            "data-slot": "toast-icon",
-            className: cn(
-              "tw:inline-flex",
-              "tw:items-center",
-              "tw:justify-center",
-              "tw:self-center",
-              "tw:aspect-square",
-              "tw:size-5",
-              "tw:shrink-0",
-              'tw:[&_svg:not([class*="tw:size-"])]:size-5',
-              "tw:text-white",
-              "tw:group-data-[variant=default]/toast:text-popover-foreground",
-              "tw:group-data-[variant=default]/toast:group-data-[argo=true]/toast:text-foreground"
-            ),
-            children: icon
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: description }),
-        action && /* @__PURE__ */ jsxRuntime.jsx(ToastAction, { style: action?.actionButtonStyle, onClick: handleActionClick, children: action.label }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToastDismiss, { onClick: () => sonner.toast.dismiss(id) }),
-        duration !== Infinity && /* @__PURE__ */ jsxRuntime.jsx(ToastDuration, { duration })
-      ]
-    }
-  );
-};
-var toast = ({
-  onAutoClose,
-  onDismiss,
-  testId,
-  toasterId,
-  dismissible = true,
-  position,
-  title: titleProp,
-  ...toast2
-}) => {
-  const duration = (() => {
-    if (typeof toast2.duration === "number") return toast2.duration;
-    if (toast2.variant === "error" || toast2.variant === "warning") return Infinity;
-    return toast2.duration ?? 5e3;
-  })();
-  const renderCustomToast = (id) => {
-    const title = typeof titleProp === "function" ? titleProp({ dismiss: () => sonner.toast.dismiss(id) }) : titleProp;
-    return /* @__PURE__ */ jsxRuntime.jsx(ToastRoot, { ...toast2, id, title, duration });
-  };
-  return sonner.toast.custom(renderCustomToast, {
-    // toast generated by sonner will always have an id, but we want to allow users to specify their own id if they want to
-    // can not pass undefined, as it will break dismiss
-    ...toast2.id != null ? { id: toast2.id } : {},
-    unstyled: true,
-    position,
-    onAutoClose,
-    onDismiss,
-    testId,
-    toasterId,
-    dismissible,
-    duration,
-    // override default focus-visible styles to match our design
-    className: cn("tw:rounded-lg", "tw:focus-visible:!ring-4", "tw:focus-visible:!ring-ring/50")
-  });
-};
-toast.success = (title, options) => toast({
-  ...options,
-  title,
-  variant: "success"
-});
-toast.error = (title, options) => toast({
-  ...options,
-  title,
-  variant: "error",
-  duration: options?.duration ?? Infinity
-});
-toast.warning = (title, options) => toast({
-  ...options,
-  title,
-  variant: "warning",
-  duration: options?.duration ?? Infinity
-});
-toast.info = (title, options) => toast({
-  ...options,
-  title,
-  variant: "info"
-});
-toast.dismiss = (toastId) => sonner.toast.dismiss(toastId);
-toast.dismissAll = () => sonner.toast.dismiss();
-
-// src/blocks/MarkdownEditor/plugins/ImagePastePlugin.tsx
-var ACCEPTED_IMAGE_TYPES = [
-  "image/png",
-  "image/jpeg",
-  "image/gif",
-  "image/webp",
-  "image/svg+xml"
-];
-var MAX_IMAGE_SIZE = 10 * 1024 * 1024;
-var PLACEHOLDER_PREFIX = "upload-placeholder-";
-var generatePlaceholderId = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-};
-var isAcceptedImageType = (type) => ACCEPTED_IMAGE_TYPES.includes(type);
-var getImageFilesFromDataTransfer = (dataTransfer) => {
-  if (!dataTransfer) return [];
-  if (dataTransfer.items.length > 0) {
-    const files = [];
-    for (const item of dataTransfer.items) {
-      if (item.kind === "file" && isAcceptedImageType(item.type)) {
-        const file = item.getAsFile();
-        if (file) files.push(file);
-      }
-    }
-    if (files.length > 0) return files;
-  }
-  return Array.from(dataTransfer.files).filter((file) => isAcceptedImageType(file.type));
-};
-var escapeMarkdownAlt = (text) => text.replace(/[[\]()]/g, "");
-var ImagePastePlugin = ({ onImageUpload }) => {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const onImageUploadRef = react.useRef(onImageUpload);
-  onImageUploadRef.current = onImageUpload;
-  react.useEffect(() => {
-    const uploadFile = (file) => {
-      const upload = onImageUploadRef.current;
-      if (!upload) return;
-      if (file.size > MAX_IMAGE_SIZE) {
-        toast.error(`Image "${file.name}" is too large. Maximum size is 10 MB.`);
-        return;
-      }
-      let nodeKey = null;
-      editor.update(() => {
-        const placeholderNode = $createImageNode(
-          `${PLACEHOLDER_PREFIX}${generatePlaceholderId()}`,
-          "Uploading image\u2026"
-        );
-        lexical.$insertNodes([placeholderNode]);
-        nodeKey = placeholderNode.getKey();
-      });
-      if (!nodeKey) return;
-      const capturedKey = nodeKey;
-      upload(file).then(({ url }) => {
-        editor.update(() => {
-          const node = lexical.$getNodeByKey(capturedKey);
-          if ($isImageNode(node)) {
-            const altText = escapeMarkdownAlt(file.name.replace(/\.[^.]+$/, "") || "image");
-            node.setSrc(url);
-            node.setAlt(altText);
-          }
-        });
-      }).catch((error) => {
-        console.error("[MarkdownEditor] image upload failed", error);
-        toast.error(`Failed to upload "${file.name}". Please try again.`);
-        editor.update(() => {
-          const node = lexical.$getNodeByKey(capturedKey);
-          if (node) node.remove();
-        });
-      });
-    };
-    const removePaste = editor.registerCommand(
-      lexical.PASTE_COMMAND,
-      (event) => {
-        if (!onImageUploadRef.current) return false;
-        if (!(event instanceof ClipboardEvent)) return false;
-        const files = getImageFilesFromDataTransfer(event.clipboardData);
-        if (files.length === 0) return false;
-        event.preventDefault();
-        Promise.resolve().then(() => files.forEach(uploadFile));
-        return true;
-      },
-      lexical.COMMAND_PRIORITY_CRITICAL
-    );
-    const removeDrop = editor.registerCommand(
-      lexical.DROP_COMMAND,
-      (event) => {
-        if (!onImageUploadRef.current) return false;
-        const files = getImageFilesFromDataTransfer(event.dataTransfer);
-        if (files.length === 0) return false;
-        event.preventDefault();
-        Promise.resolve().then(() => files.forEach(uploadFile));
-        return true;
-      },
-      lexical.COMMAND_PRIORITY_CRITICAL
-    );
-    return () => {
-      removePaste();
-      removeDrop();
-    };
-  }, [editor]);
-  return null;
-};
-var KeyboardPlugin = ({
-  onSave,
-  onCancel,
-  singleLine,
-  blurOnEscape,
-  skipBlurSaveRef
-}) => {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const onSaveRef = react.useRef(onSave);
-  onSaveRef.current = onSave;
-  const onCancelRef = react.useRef(onCancel);
-  onCancelRef.current = onCancel;
-  const singleLineRef = react.useRef(singleLine);
-  singleLineRef.current = singleLine;
-  const blurOnEscapeRef = react.useRef(blurOnEscape);
-  blurOnEscapeRef.current = blurOnEscape;
-  const skipBlurSaveExternalRef = skipBlurSaveRef;
-  react.useEffect(() => {
-    return editor.registerCommand(
-      lexical.KEY_DOWN_COMMAND,
-      (event) => {
-        if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
-          event.preventDefault();
-          onSaveRef.current?.();
-          return true;
-        }
-        if (event.key === "Enter" && !event.shiftKey && !event.altKey && singleLineRef.current) {
-          event.preventDefault();
-          editor.getRootElement()?.blur();
-          return true;
-        }
-        if (event.key === "Escape" && blurOnEscapeRef.current) {
-          if (skipBlurSaveExternalRef) skipBlurSaveExternalRef.current = true;
-          onCancelRef.current?.();
-          editor.getRootElement()?.blur();
-          return true;
-        }
-        return false;
-      },
-      lexical.COMMAND_PRIORITY_HIGH
-    );
-  }, [editor, skipBlurSaveExternalRef]);
-  return null;
-};
-var IMAGE = {
-  dependencies: [ImageNode],
-  export: (node) => {
-    if (!$isImageNode(node)) return null;
-    return `![${node.getAlt()}](${node.getSrc()})`;
-  },
-  importRegExp: /!\[([^\]]*)\]\(([^)]+)\)/,
-  regExp: /!\[([^\]]*)\]\(([^)]+)\)$/,
-  replace: (textNode, match) => {
-    const [, alt = "", src = ""] = match;
-    const imageNode = $createImageNode(src, alt);
-    textNode.replace(imageNode);
-  },
-  trigger: ")",
-  type: "text-match"
-};
-var HORIZONTAL_RULE = {
-  dependencies: [LexicalHorizontalRuleNode.HorizontalRuleNode],
-  export: (node) => {
-    return LexicalHorizontalRuleNode.$isHorizontalRuleNode(node) ? "---" : null;
-  },
-  regExp: /^(---|\*\*\*|___)$/,
-  replace: (parentNode) => {
-    const node = LexicalHorizontalRuleNode.$createHorizontalRuleNode();
-    parentNode.replace(node);
-  },
-  type: "element"
-};
-var MERMAID = {
-  dependencies: [MermaidNode],
-  export: (node) => {
-    if (!$isMermaidNode(node)) return null;
-    return "```mermaid\n" + node.getCode() + "\n```";
-  },
-  regExpStart: /^[ \t]*(`{3,})mermaid(?:\s.*)?$/,
-  regExpEnd: {
-    optional: true,
-    regExp: /^[ \t]*`{3,}$/
-  },
-  replace: (rootNode, _children, _startMatch, _endMatch, linesInBetween) => {
-    if (!linesInBetween) return;
-    const code = linesInBetween.join("\n").trim();
-    if (code) {
-      rootNode.append($createMermaidNode(code));
-    }
-  },
-  handleImportAfterStartMatch: ({
-    lines,
-    rootNode,
-    startLineIndex,
-    startMatch
-  }) => {
-    const fence = startMatch[1];
-    if (!fence) return [false, startLineIndex];
-    const fenceLength = fence.trim().length;
-    const endRegex = new RegExp(`^[ \\t]*\`{${fenceLength},}$`);
-    for (let i = startLineIndex + 1; i < lines.length; i++) {
-      if (endRegex.test(lines[i] ?? "")) {
-        const code2 = lines.slice(startLineIndex + 1, i).join("\n").trim();
-        if (code2) {
-          rootNode.append($createMermaidNode(code2));
-        }
-        return [true, i];
-      }
-    }
-    const code = lines.slice(startLineIndex + 1).join("\n").trim();
-    if (code) {
-      rootNode.append($createMermaidNode(code));
-    }
-    return [true, lines.length - 1];
-  },
-  type: "multiline-element"
-};
-var CUSTOM_TRANSFORMERS = [
-  IMAGE,
-  HORIZONTAL_RULE,
-  markdown.CHECK_LIST,
-  MERMAID,
-  ...markdown.TRANSFORMERS
-];
-var SINGLE_LINE_TRANSFORMERS = [];
-var TABLE_FENCE_LANG = "__kbc_table__";
-var isTableLine = (line) => {
-  const trimmed = line.trim();
-  return trimmed.startsWith("|") && trimmed.endsWith("|");
-};
-var CODE_FENCE_REGEX = /^[ \t]*`{3,}/;
-var preprocessMarkdown = (markdown) => {
-  const lines = markdown.split("\n");
-  const result = [];
-  let tableLines = [];
-  let insideCodeFence = false;
-  const flushTable = () => {
-    if (tableLines.length >= 2) {
-      result.push(`\`\`\`${TABLE_FENCE_LANG}`);
-      result.push(...tableLines);
-      result.push("```");
-    } else {
-      result.push(...tableLines);
-    }
-    tableLines = [];
-  };
-  for (const line of lines) {
-    if (CODE_FENCE_REGEX.test(line)) {
-      if (tableLines.length > 0) flushTable();
-      insideCodeFence = !insideCodeFence;
-      result.push(line);
-      continue;
-    }
-    if (insideCodeFence) {
-      result.push(line);
-      continue;
-    }
-    if (isTableLine(line)) {
-      tableLines.push(line);
-    } else {
-      if (tableLines.length > 0) flushTable();
-      result.push(line);
-    }
-  }
-  if (tableLines.length > 0) flushTable();
-  return result.join("\n");
-};
-var postprocessMarkdown = (markdown) => {
-  const regex = new RegExp(`\`\`\`${TABLE_FENCE_LANG}\\n([\\s\\S]*?)\\n\`\`\``, "g");
-  return markdown.replace(regex, "$1");
-};
-var unescapeMarkdownText = (markdown) => markdown.replace(/\\([*_`~\\])/g, "$1");
-
-// src/blocks/MarkdownEditor/plugins/MarkdownSyncPlugin.tsx
-var IMPORT_TAG = "markdown-import";
-var MarkdownSyncPlugin = ({
-  value,
-  editable,
-  onChange,
-  transformers = CUSTOM_TRANSFORMERS,
-  singleLine = false
-}) => {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const lastExportedRef = react.useRef(value);
-  const onChangeRef = react.useRef(onChange);
-  onChangeRef.current = onChange;
-  const transformersRef = react.useRef(transformers);
-  transformersRef.current = transformers;
-  const singleLineRef = react.useRef(singleLine);
-  singleLineRef.current = singleLine;
-  react.useEffect(() => {
-    editor.setEditable(editable);
-  }, [editor, editable]);
-  react.useEffect(() => {
-    if (value === lastExportedRef.current) return;
-    lastExportedRef.current = value;
-    editor.update(
-      () => {
-        markdown.$convertFromMarkdownString(preprocessMarkdown(value), transformersRef.current);
-      },
-      { tag: IMPORT_TAG }
-    );
-  }, [editor, value]);
-  react.useEffect(() => {
-    return editor.registerUpdateListener(({ tags }) => {
-      if (tags.has(IMPORT_TAG)) return;
-      editor.getEditorState().read(() => {
-        const raw = markdown.$convertToMarkdownString(transformersRef.current);
-        const markdown$1 = singleLineRef.current ? unescapeMarkdownText(raw) : postprocessMarkdown(raw);
-        if (markdown$1 !== lastExportedRef.current) {
-          lastExportedRef.current = markdown$1;
-          onChangeRef.current?.(markdown$1);
-        }
-      });
-    });
-  }, [editor]);
-  return null;
-};
-
-// src/blocks/MarkdownEditor/plugins/ToolbarPlugin.tsx
-init_icons();
-
-// src/components/DropdownMenu/DropdownMenu.tsx
-init_context();
-
-// src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx
-init_icons();
-init_utils2();
-
-// src/components/DropdownMenu/DropdownMenuItemIndicator.tsx
-init_icons();
-var variants3 = classVarianceAuthority.cva(
-  [
-    "tailwindcss-preflight",
-    "tw:pointer-events-none",
-    // sizing
-    "tw:size-4",
-    "tw:aspect-square",
-    "tw:shrink-0",
-    // layout
-    "tw:flex",
-    "tw:items-center",
-    "tw:justify-center"
-  ],
-  {
-    variants: {
-      variant: {
-        none: [],
-        radio: [
-          "tw:border",
-          "tw:border-solid",
-          "tw:border-border",
-          "tw:rounded-full",
-          "tw:group-data-[variant=default]/dropdown-menu-content:bg-white",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:bg-background",
-          'tw:[&_svg:not([class*="tw:size-"])]:size-2',
-          "tw:data-[state=unchecked]:[&_svg]:hidden",
-          // Lucide Circle is stroke-only — force fill to match the stroke
-          // (currentColor) so the indicator reads as a solid dot.
-          "tw:[&_svg]:fill-current",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:[&_svg]:text-primary",
-          "tw:group-data-[variant=default]/dropdown-menu-content:[&_svg]:text-primary"
-        ],
-        check: ['tw:[&_svg:not([class*="tw:size-"])]:size-3.5', "tw:[&_svg]:text-primary"],
-        checkbox: [
-          "tw:[&_svg]:text-primary-foreground",
-          "tw:border",
-          "tw:border-solid",
-          "tw:rounded",
-          "tw:group-data-[variant=default]/dropdown-menu-content:border-neutral-200",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:border-input",
-          'tw:[&_svg:not([class*="tw:size-"])]:size-3',
-          "tw:data-[state=unchecked]:[&_svg]:hidden",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:border-primary",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary",
-          "tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:border-primary",
-          "tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:bg-primary"
-        ],
-        switch: [
-          "tw:size-5",
-          // Lucide SVGs default to 24×24 — constrain the rendered ToggleRight
-          // to the indicator slot so it doesn't overflow.
-          'tw:[&_svg:not([class*="tw:size-"])]:size-5',
-          "tw:text-neutral-400",
-          "tw:data-[state=unchecked]:rotate-180",
-          "tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:text-primary",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:text-primary"
-        ]
-      }
-    }
-  }
-);
-var DropdownMenuItemIndicator = ({
-  variant,
-  className,
-  forceMount: forceMountProp,
-  ...rest
-}) => {
-  const IconComp = (() => {
-    if (variant === "switch") return lucideReact.ToggleRight;
-    if (variant === "radio") return lucideReact.Circle;
-    return lucideReact.Check;
-  })();
-  const forceMount = (() => {
-    if (forceMountProp) return true;
-    return variant === "check" ? void 0 : true;
-  })();
-  if (variant === "none") return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive3__namespace.ItemIndicator,
-    {
-      ...rest,
-      forceMount,
-      className: variants3({ variant, className }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconComp, {})
-    }
-  );
-};
-
-// src/components/DropdownMenu/ItemIcon.tsx
-init_utils2();
-var ItemIcon = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    ...props,
-    className: cn(
-      "tw:inline-flex",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:aspect-square",
-      // 20px container fits the 16px Lucide glyph plus 2px breathing room
-      // each side — the previous tw:size-4 + tw:p-0.5 clipped the 16px child.
-      "tw:size-5",
-      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-      "tw:group-data-[variant=default]/dropdown-menu-content:text-neutral-400",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:text-primary",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:group-aria-disabled:text-muted-foreground",
-      "tw:group-data-[variant=default]/dropdown-menu-content:group-hover:text-primary",
-      className
-    ),
-    children
-  }
-);
-
-// src/components/DropdownMenu/styles.ts
-init_utils2();
-var itemVariants = cn(
-  // reset
-  "tailwindcss-preflight",
-  "tw:outline-hidden",
-  "tw:group",
-  "tw:peer",
-  "tw:relative",
-  // positioning
-  "tw:flex",
-  "tw:flex-1",
-  "tw:items-center",
-  "tw:gap-2",
-  "tw:cursor-pointer",
-  "tw:select-none",
-  "tw:transition-colors",
-  // spacing
-  "tw:p-2",
-  // typography
-  "tw:font-sans",
-  "tw:text-sm",
-  "tw:aria-disabled:pointer-events-none",
-  "tw:aria-disabled:opacity-50",
-  "tw:focus-visible:outline-hidden",
-  "tw:group-data-[variant=default]/dropdown-menu-content:rounded",
-  "tw:group-data-[variant=default]/dropdown-menu-content:focus:bg-neutral-100",
-  "tw:group-data-[variant=default]/dropdown-menu-content:focus:text-neutral-900",
-  "tw:group-data-[variant=default]/dropdown-menu-content:hover:bg-neutral-100",
-  "tw:group-data-[variant=default]/dropdown-menu-content:hover:text-neutral-900",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:rounded-md",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:text-popover-foreground",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:focus:text-primary",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:focus:bg-primary/10",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:hover:text-primary",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:hover:bg-primary/10"
-);
-var contentVariants = cn(
-  "tailwindcss-preflight",
-  "tw:group/dropdown-menu-content",
-  // Sit above Modal/Sheet (z-1051), matching the other floating overlays (Popover/Select z-1055)
-  "tw:z-[1055]",
-  // positioning
-  "tw:flex",
-  "tw:flex-col",
-  "tw:origin-(--radix-dropdown-menu-content-transform-origin)",
-  // sizing
-  "tw:max-h-[var(--radix-dropdown-menu-content-available-height)]",
-  "tw:min-w-32",
-  // border
-  "tw:border",
-  "tw:shadow-md",
-  // Legacy surface — fixed white panel.
-  "tw:data-[variant=default]:rounded-md",
-  "tw:data-[variant=default]:bg-white",
-  "tw:data-[variant=default]:border-neutral-100",
-  "tw:data-[variant=default]:text-neutral-800",
-  // Argo surface — semantic popover tokens (brand + dark aware).
-  "tw:data-[variant=argo]:rounded-2xl",
-  "tw:data-[variant=argo]:bg-popover",
-  "tw:data-[variant=argo]:text-popover-foreground",
-  "tw:data-[variant=argo]:border-border",
-  // animations
-  "tw:data-[state=open]:animate-in",
-  "tw:data-[state=open]:fade-in-0",
-  "tw:data-[state=open]:zoom-in-95",
-  "tw:data-[state=closed]:animate-out",
-  "tw:data-[state=closed]:fade-out-0",
-  "tw:data-[state=closed]:zoom-out-95",
-  "tw:data-[side=bottom]:slide-in-from-top-2",
-  "tw:data-[side=left]:slide-in-from-right-2",
-  "tw:data-[side=right]:slide-in-from-left-2",
-  "tw:data-[side=top]:slide-in-from-bottom-2"
-);
-var DropdownMenuCheckboxItem = ({
-  className,
-  children,
-  checked,
-  closeOnSelect = false,
-  onSelect,
-  indicatorAlign = "start",
-  indicator = "checkbox",
-  isLoading = false,
-  ...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 handleSelect = (event) => {
-    if (!closeOnSelect) event.preventDefault();
-    onSelect?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive3__namespace.CheckboxItem,
-    {
-      className: cn(itemVariants, className),
-      checked,
-      onSelect: handleSelect,
-      ...props,
-      children: [
-        isAtStart && indicatorEle,
-        children,
-        !isAtStart && indicatorEle
-      ]
-    }
-  );
-};
-
-// src/components/DropdownMenu/DropdownMenuContent.tsx
-init_utils2();
-
-// src/components/ScrollArea/ScrollArea.tsx
-init_utils2();
-
-// src/components/ScrollArea/ScrollBar.tsx
-init_utils2();
-var ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  ScrollAreaPrimitive2__namespace.ScrollAreaScrollbar,
-  {
-    orientation,
-    className: cn(
-      "tw:flex tw:touch-none tw:select-none tw:transition-color",
-      {
-        "tw:h-full tw:w-2.5 tw:p-px": orientation === "vertical",
-        "tw:h-2.5 tw:flex-col tw:p-px": orientation === "horizontal"
-      },
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      ScrollAreaPrimitive2__namespace.ScrollAreaThumb,
-      {
-        className: cn(
-          "tw:relative",
-          "tw:flex-1",
-          "tw:rounded-full",
-          "tw:bg-border",
-          "tw:hover:bg-muted-foreground"
-        )
-      }
-    )
-  }
-);
-var ScrollArea = ({
-  ref,
-  className,
-  children,
-  viewPortClassName,
-  orientation,
-  scrollBarClassName,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  ScrollAreaPrimitive2__namespace.Root,
-  {
-    "data-slot": "scroll-area",
-    className: cn(
-      "tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ScrollAreaPrimitive2__namespace.Viewport,
-        {
-          ref,
-          className: cn(
-            "tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden",
-            viewPortClassName
-          ),
-          children
-        }
-      ),
-      orientation ? /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { className: scrollBarClassName, orientation }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { className: scrollBarClassName, orientation: "vertical" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { className: scrollBarClassName, orientation: "horizontal" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive2__namespace.Corner, {})
-    ]
-  }
-);
-var DropdownMenuContext = react.createContext({
-  variant: "default"
-});
-var useDropdownMenuContext = () => react.use(DropdownMenuContext);
-var DropdownMenuContent = ({
-  className,
-  sideOffset = 4,
-  forceMount,
-  children,
-  viewPortClassName,
-  container,
-  ...props
-}) => {
-  const { variant } = useDropdownMenuContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive3__namespace.Portal, { forceMount: forceMount || void 0, container, children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive3__namespace.Content,
-    {
-      ...props,
-      "data-variant": variant,
-      sideOffset,
-      className: contentVariants,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        ScrollArea,
-        {
-          className,
-          viewPortClassName: cn(
-            "tw:p-2",
-            "tw:max-h-[var(--radix-dropdown-menu-content-available-height)]",
-            viewPortClassName
-          ),
-          scrollBarClassName: "tw:w-1.5",
-          children
-        }
-      )
-    }
-  ) });
-};
-
-// src/components/DropdownMenu/DropdownMenuItem.tsx
-init_icons();
-init_utils2();
-var DropdownMenuItem = ({
-  ref,
-  className,
-  asModalTrigger = false,
-  onSelect,
-  onPointerLeave,
-  onPointerMove,
-  children,
-  asChild,
-  icon,
-  iconClassName,
-  isLoading = false,
-  ...props
-}) => {
-  const Comp = asChild ? reactSlot.Root : "div";
-  const adornment = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw:animate-spin" }) : icon;
-  const handleOnSelect = (event) => {
-    if (asModalTrigger) event.preventDefault();
-    onSelect?.(event);
-  };
-  const handlePointerLeave = (event) => {
-    if (asModalTrigger) event.preventDefault();
-    onPointerLeave?.(event);
-  };
-  const handlePointerMove = (event) => {
-    if (asModalTrigger) event.preventDefault();
-    onPointerMove?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive3__namespace.Item,
-    {
-      ...props,
-      ref,
-      onSelect: handleOnSelect,
-      onPointerLeave: handlePointerLeave,
-      onPointerMove: handlePointerMove,
-      className: cn(itemVariants, asChild && "tw:text-inherit", className),
-      asChild: true,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
-        adornment && /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { className: iconClassName, children: adornment }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
-      ] })
-    }
-  );
-};
-
-// src/components/DropdownMenu/DropdownMenuItemDescription.tsx
-init_utils2();
-var descriptionVariants = classVarianceAuthority.cva(
-  [
-    "tw:box-border",
-    "tw:ml-auto",
-    "tw:font-sans",
-    "tw:tracking-normal",
-    "tw:font-normal",
-    "tw:text-xs",
-    "tw:text-muted-foreground"
-  ],
-  {
-    variants: {
-      hideOnHover: {
-        true: ["tw:group-focus-within:hidden", "tw:group-hover:hidden"],
-        false: []
-      }
-    },
-    defaultVariants: {}
-  }
-);
-var DropdownMenuItemDescription = ({
-  className,
-  children,
-  hideOnHover = false,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: cn(descriptionVariants({ hideOnHover }), className), children });
-};
-
-// src/components/DropdownMenu/DropdownMenuLabel.tsx
-init_utils2();
-var DropdownMenuLabel = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive3__namespace.Label,
-    {
-      className: cn(
-        "tw:p-2",
-        "tw:font-medium",
-        "tw:text-xs",
-        "tw:text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-};
-var DropdownMenuRadioGroup = ({
-  value,
-  defaultValue,
-  onValueChange,
-  ...props
-}) => {
-  const handleChange = (value2) => {
-    onValueChange?.(value2);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive3__namespace.RadioGroup,
-    {
-      ...props,
-      value,
-      defaultValue,
-      onValueChange: handleChange
-    }
-  );
-};
-
-// src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.tsx
-init_icons();
-init_utils2();
-var DropdownMenuRadioItem = ({
-  className,
-  children,
-  closeOnSelect,
-  onSelect,
-  indicatorAlign = "start",
-  indicator = "radio",
-  icon,
-  iconClassName,
-  isLoading = false,
-  ...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 handleSelect = (event) => {
-    if (!closeOnSelect) event.preventDefault();
-    onSelect?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuPrimitive3__namespace.RadioItem,
-    {
-      className: cn(
-        itemVariants,
-        "tw:data-[state=checked]:cursor-default",
-        {
-          "tw:data-[state=checked]:bg-neutral-100": indicator === "none",
-          // Semantic brand tint (flips under `[data-theme='dark']`) instead of a
-          // hardcoded `tw:bg-sky-100`, which stayed light in dark mode and left the
-          // checked item's text near-invisible.
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary/10": indicator === "check"
-        },
-        className
-      ),
-      onSelect: handleSelect,
-      ...props,
-      children: [
-        isAtStart && indicatorEle,
-        icon && /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { className: iconClassName, children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2", children }),
-        !isAtStart && indicatorEle
-      ]
-    }
-  );
-};
-
-// src/components/DropdownMenu/DropdownMenuSeparator.tsx
-init_utils2();
-var DropdownMenuSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive3__namespace.Separator,
-  {
-    className: cn(
-      "tw:relative",
-      "tw:z-10",
-      // layout
-      "tw:flex",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:w-full",
-      // separator line
-      'tw:before:content-[""]',
-      "tw:before:w-full",
-      "tw:before:h-px",
-      "tw:group-data-[variant=default]/dropdown-menu-content:py-2",
-      "tw:group-data-[variant=default]/dropdown-menu-content:before:bg-neutral-150",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:py-1",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:before:bg-border",
-      className
-    ),
-    ...props
-  }
-);
-var DropdownMenuSub = DropdownMenuPrimitive3__namespace.Sub;
-
-// src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.tsx
-init_utils2();
-var DropdownMenuSubContent = ({ className, ...props }) => {
-  const { variant } = useDropdownMenuContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive3__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive3__namespace.SubContent,
-    {
-      "data-variant": variant,
-      className: cn(contentVariants, "tw:z-[1041]", "tw:p-2", className),
-      ...props
-    }
-  ) });
-};
-
-// src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.tsx
-init_icons();
-init_utils2();
-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" })
-  ] });
-};
-
-// src/components/DropdownMenu/DropdownMenuTrigger.tsx
-init_utils2();
-var DropdownMenuTrigger = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive3.Trigger,
-  {
-    ...props,
-    ref,
-    "data-slot": "dropdown-menu-trigger",
-    className: cn("tw:group/dropdown-menu-trigger", className)
-  }
-);
-var DropdownMenu = ({
-  // change a default value to false, for modal property, as it is not used in most cases
-  modal = false,
-  ...props
-}) => {
-  const effectiveVariant = useArgoDesign() ? "argo" : "default";
-  const contextValue = react.useMemo(() => ({ variant: effectiveVariant }), [effectiveVariant]);
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive3.Root, { ...props, modal }) });
-};
-DropdownMenu.Trigger = DropdownMenuTrigger;
-DropdownMenu.Content = DropdownMenuContent;
-DropdownMenu.Group = DropdownMenuPrimitive3.Group;
-DropdownMenu.Sub = DropdownMenuSub;
-DropdownMenu.SubContent = DropdownMenuSubContent;
-DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
-DropdownMenu.Separator = DropdownMenuSeparator;
-DropdownMenu.Label = DropdownMenuLabel;
-DropdownMenu.Item = DropdownMenuItem;
-DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
-DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
-DropdownMenu.RadioItem = DropdownMenuRadioItem;
-DropdownMenu.ItemDescription = DropdownMenuItemDescription;
-
-// src/blocks/MarkdownEditor/plugins/toolbar/AlignmentDropdown.tsx
-init_Tooltip2();
-init_icons();
-init_utils2();
-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 }
-];
-var ALIGNMENT_ICONS = Object.fromEntries(
-  ALIGNMENT_OPTIONS.map(({ value, icon }) => [value, icon])
-);
-var AlignmentDropdown = ({
-  editor,
-  alignment
-}) => {
-  const savedSelectionRef = react.useRef(null);
-  const handleOpenChange = (open) => {
-    if (open) {
-      editor.getEditorState().read(() => {
-        const selection = lexical.$getSelection();
-        savedSelectionRef.current = selection ? selection.clone() : null;
-      });
-    }
-  };
-  const handleSelect = (align) => {
-    editor.update(() => {
-      if (savedSelectionRef.current) {
-        lexical.$setSelection(savedSelectionRef.current);
-      }
-      editor.dispatchCommand(lexical.FORMAT_ELEMENT_COMMAND, align);
-    });
-  };
-  const CurrentAlignmentIcon = ALIGNMENT_ICONS[alignment] ?? lucideReact.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",
-      {
-        type: "button",
-        className: cn(
-          "tw:flex tw:h-7 tw:cursor-pointer tw:items-center tw:gap-1 tw:rounded tw:border-0 tw:bg-transparent tw:px-1.5 tw:text-xs tw:text-muted-foreground",
-          "tw:hover:bg-accent"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CurrentAlignmentIcon, { className: "tw:size-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "tw:size-3" })
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu.Content, { align: "start", className: "tw:min-w-32", children: ALIGNMENT_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxRuntime.jsxs(
-      DropdownMenu.Item,
-      {
-        onSelect: () => handleSelect(value),
-        className: cn(
-          "tw:flex tw:items-center tw:gap-2",
-          alignment === value && "tw:bg-secondary-50 tw:text-secondary-500"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconComp, { className: "tw:size-4" }),
-          label
-        ]
-      },
-      value
-    )) })
-  ] });
-};
-init_Tooltip2();
-init_icons();
-init_utils2();
-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 }
-};
-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);
-var BlockTypeDropdown = ({
-  editor,
-  blockType
-}) => {
-  const savedSelectionRef = react.useRef(null);
-  const currentMeta = isBlockType(blockType) ? BLOCK_TYPE_META[blockType] : null;
-  const CurrentBlockIcon = currentMeta?.icon ?? lucideReact.Type;
-  const handleOpenChange = (open) => {
-    if (open) {
-      editor.getEditorState().read(() => {
-        const selection = lexical.$getSelection();
-        savedSelectionRef.current = selection ? selection.clone() : null;
-      });
-    }
-  };
-  const handleSelect = (type) => {
-    editor.update(() => {
-      if (savedSelectionRef.current) {
-        lexical.$setSelection(savedSelectionRef.current);
-      }
-      const selection = lexical.$getSelection();
-      if (!lexical.$isRangeSelection(selection)) return;
-      if (type === "bullet") {
-        editor.dispatchCommand(list.INSERT_UNORDERED_LIST_COMMAND, void 0);
-        return;
-      }
-      if (type === "number") {
-        editor.dispatchCommand(list.INSERT_ORDERED_LIST_COMMAND, void 0);
-        return;
-      }
-      const anchorNode = selection.anchor.getNode();
-      const element = utils.$getNearestBlockElementAncestorOrThrow(anchorNode);
-      const newNode = type === "h1" || type === "h2" || type === "h3" ? richText.$createHeadingNode(type) : type === "quote" ? richText.$createQuoteNode() : type === "code" ? code.$createCodeNode() : lexical.$createParagraphNode();
-      element.getChildren().forEach((child) => newNode.append(child));
-      element.replace(newNode);
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { tooltip: "Change block type", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "tw:flex tw:h-7 tw:cursor-pointer tw:items-center tw:gap-1.5 tw:rounded tw:border-0 tw:bg-transparent tw:px-1.5 tw:text-xs tw:text-muted-foreground",
-          "tw:hover:bg-accent"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CurrentBlockIcon, { className: "tw:size-4" }),
-          currentMeta?.label ?? "Normal",
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "tw:size-3" })
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu.Content, { align: "start", className: "tw:min-w-40", children: BLOCK_TYPE_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxRuntime.jsxs(
-      DropdownMenu.Item,
-      {
-        onSelect: () => handleSelect(value),
-        className: cn(
-          "tw:flex tw:items-center tw:gap-2",
-          blockType === value && "tw:bg-secondary-50 tw:text-secondary-500"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconComp, { className: "tw:size-4" }),
-          label
-        ]
-      },
-      value
-    )) })
-  ] });
-};
-
-// src/blocks/FormGroup/FormGroup.tsx
-init_utils2();
-var FormGroupContext = react.createContext({
-  state: "default"
-});
-var FormGroupProvider = FormGroupContext;
-var useFormGroupContext = () => react.use(FormGroupContext);
-
-// src/components/InputGroup/InputGroup.tsx
-init_utils2();
-init_context();
-
-// src/components/InputGroup/InputGroupAddon.tsx
-init_utils2();
-var addonVariants = classVarianceAuthority.cva(
-  [
-    "tw:flex",
-    "tw:items-center",
-    "tw:gap-1",
-    // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.
-    "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
-    "tw:[&_svg]:shrink-0"
-  ],
-  {
-    defaultVariants: {
-      align: "inline-start"
-    },
-    variants: {
-      align: {
-        "inline-start": ["tw:order-first", "tw:[&:not(:empty)]:pl-4"],
-        "inline-end": ["tw:order-last", "tw:[&:not(:empty)]:pr-4"],
-        "block-start": [
-          "tw:order-first",
-          // `tw:w-full` needs to be empty-conditional too — when the addon
-          // has no content the root stays in flex-row, and a 100%-wide
-          // empty addon would claim half of the input row beside the input.
-          "tw:[&:not(:empty)]:w-full",
-          "tw:[&:not(:empty)]:px-4",
-          "tw:[&:not(:empty)]:py-1.5"
-        ],
-        "block-end": [
-          "tw:order-last",
-          "tw:[&:not(:empty)]:w-full",
-          "tw:[&:not(:empty)]:px-4",
-          "tw:[&:not(:empty)]:py-1.5"
-        ]
-      }
-    }
-  }
-);
-var InputGroupAddon = ({
-  children,
-  align = "inline-start",
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, "data-align": align, className: cn(addonVariants({ align, className })), children });
-
-// src/components/InputGroup/InputGroupButton.tsx
-init_utils2();
-init_Button2();
-var InputGroupButton = ({ ref, className, tabIndex = -1, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Button,
-  {
-    ...props,
-    tabIndex,
-    ref,
-    variant: "invisible",
-    size: "icon-sm",
-    className: cn("tw:size-5", "tw:[&_svg]:text-muted-foreground", className)
-  }
-);
-
-// src/components/InputGroup/InputGroupInput.tsx
-init_utils2();
-var InputGroupInput = ({ ref, className, ...inputProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "input",
-  {
-    ...inputProps,
-    ref,
-    className: cn(
-      "tw:w-full",
-      "tw:bg-transparent",
-      "tw:outline-hidden",
-      // font
-      "tw:font-sans",
-      "tw:text-sm",
-      // placeholder
-      "tw:placeholder:text-neutral-400",
-      "tw:placeholder:font-normal",
-      // disabled
-      "tw:disabled:cursor-not-allowed",
-      className
-    )
-  }
-);
-
-// src/components/InputGroup/InputGroupText.tsx
-init_utils2();
-var InputGroupText = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    className: cn(
-      "tw:flex",
-      "tw:items-center",
-      "tw:gap-2",
-      "tw:text-sm",
-      "tw:text-muted-foreground",
-      "tw:[&_svg]:pointer-events-none",
-      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-      className
-    ),
-    ...props
-  }
-);
-
-// src/components/InputGroup/InputGroupTextArea.tsx
-init_utils2();
-var InputGroupTextArea = ({
-  ref,
-  className,
-  onChange,
-  onValueChange,
-  value,
-  defaultValue,
-  onBlur,
-  onValueBlur,
-  disableResize = false,
-  minRows = 1,
-  maxRows = 4,
-  ...props
-}) => {
-  const handleChange = (event) => {
-    onValueChange?.(event.target.value);
-    onChange?.(event);
-  };
-  const handleBlur = (event) => {
-    onValueBlur?.(event.target.value);
-    onBlur?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TextareaAutosize__default.default,
-    {
-      ...props,
-      ref,
-      value: value ?? void 0,
-      defaultValue: defaultValue ?? void 0,
-      onChange: handleChange,
-      onBlur: handleBlur,
-      minRows,
-      maxRows: maxRows === "unlimited" ? void 0 : maxRows,
-      className: cn(
-        "tw:w-full",
-        "tw:bg-transparent",
-        "tw:outline-hidden",
-        "tw:px-4",
-        // font
-        "tw:font-sans",
-        "tw:text-sm",
-        // placeholder
-        "tw:placeholder:text-neutral-400",
-        "tw:placeholder:font-normal",
-        // disabled
-        "tw:disabled:cursor-not-allowed",
-        {
-          "tw:resize-none": disableResize
-        },
-        className
-      )
-    }
-  );
-};
-var inputGroupVariants = classVarianceAuthority.cva(
-  [
-    "tailwindcss-preflight",
-    "tw:group",
-    "tw:overflow-hidden",
-    "tw:box-border",
-    // positioning
-    "tw:flex",
-    "tw:items-center",
-    // base — legacy (non-argo) chrome uses a fixed radius; argo overrides it with
-    // the brand radius token in the `argo` variant below.
-    "tw:rounded",
-    "tw:border",
-    "tw:border-solid",
-    "tw:border-neutral-200",
-    "tw:text-neutral-800",
-    "tw:transition",
-    // focus
-    "tw:has-[:is(input,textarea):focus]:ring-4",
-    // readonly
-    "tw:has-[:is(input,textarea)[readonly]]:bg-neutral-150",
-    "tw:has-[:is(input,textarea)[readonly]]:focus-within:ring-0",
-    "tw:has-[:is(input,textarea)[readonly]]:border-neutral-150",
-    // disabled cursor (opacity owned by variant)
-    "tw:has-[:is(input,textarea):disabled]:cursor-not-allowed",
-    // textarea: top-align addons, allow vertical expansion, own its y-padding
-    "tw:has-[textarea]:items-start",
-    "tw:has-[[data-align=block-start]:not(:empty)]:flex-wrap",
-    "tw:has-[[data-align=block-end]:not(:empty)]:flex-wrap",
-    "tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:w-auto",
-    "tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:flex-1",
-    "tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:w-auto",
-    "tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:flex-1",
-    "tw:[&>input]:px-4",
-    "tw:[&>input]:has-[[data-align=inline-start]:not(:empty)]:pl-2",
-    "tw:[&>input]:has-[[data-align=inline-end]:not(:empty)]:pr-2"
-  ],
-  {
-    defaultVariants: {
-      variant: "primary",
-      state: "default",
-      sizing: "medium",
-      focusVariant: "default"
-    },
-    compoundVariants: [
-      {
-        variant: "secondary",
-        state: "error",
-        className: ["tw:bg-error-100"]
-      },
-      {
-        variant: "secondary",
-        state: "warning",
-        className: ["tw:bg-warning-100"]
-      },
-      {
-        variant: "primary",
-        state: "default",
-        focusVariant: "off",
-        className: ["tw:has-[:is(input,textarea):focus]:border-neutral-200"]
-      },
-      {
-        variant: "secondary",
-        state: "default",
-        focusVariant: "off",
-        className: ["tw:has-[:is(input,textarea):focus]:border-neutral-100"]
-      },
-      {
-        variant: ["primary", "secondary"],
-        state: "error",
-        focusVariant: "on",
-        className: ["tw:!border-error-500", "tw:!ring-error-200"]
-      },
-      {
-        variant: ["primary", "secondary"],
-        state: "warning",
-        focusVariant: "on",
-        className: ["tw:!border-warning-500", "tw:!ring-warning-200"]
-      },
-      // --- argo ---
-      {
-        variant: "argo",
-        state: "default",
-        className: [
-          "tw:has-[:is(input,textarea):focus]:border-primary",
-          "tw:has-[:is(input,textarea):focus]:ring-ring/50"
-        ]
-      },
-      {
-        variant: "argo",
-        state: "error",
-        className: [
-          "tw:border-destructive",
-          "tw:has-[:is(input,textarea):focus]:border-destructive",
-          "tw:has-[:is(input,textarea):focus]:ring-destructive/20"
-        ]
-      },
-      {
-        variant: "argo",
-        focusVariant: "on",
-        className: ["tw:!border-primary", "tw:!ring-ring/50"]
-      },
-      {
-        variant: "argo",
-        state: "error",
-        focusVariant: "on",
-        className: ["tw:!border-destructive", "tw:!ring-destructive/20"]
-      },
-      {
-        variant: "argo",
-        state: "default",
-        focusVariant: "off",
-        className: ["tw:has-[:is(input,textarea):focus]:border-input"]
-      }
-    ],
-    variants: {
-      focusVariant: {
-        default: [],
-        on: ["tw:!border-ring", "tw:!ring-ring/30", "tw:!ring-4"],
-        off: ["tw:has-[:is(input,textarea):focus]:!ring-0"]
-      },
-      variant: {
-        primary: [
-          "tw:bg-white",
-          "tw:has-[:is(input,textarea):disabled]:opacity-40",
-          // aria-invalid on the control surfaces the error chrome without a `state` prop — the
-          // accessible path (mirrors the `state="error"` legacy tokens). Higher specificity than
-          // the default focus selector, so it wins without `!important`.
-          "tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500",
-          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500",
-          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200"
-        ],
-        secondary: [
-          "tw:bg-neutral-100",
-          "tw:border-neutral-100",
-          "tw:has-[:is(input,textarea):disabled]:opacity-40",
-          "tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500",
-          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500",
-          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200"
-        ],
-        argo: [
-          // argo follows the brand radius token (overrides the static base)
-          "tw:rounded-[var(--radius-lg,0.25rem)]",
-          // muted filled input surface — gray, distinct from white containers; not the app-background token
-          "tw:bg-muted",
-          "tw:border-input",
-          "tw:text-foreground",
-          "tw:has-[:is(input,textarea):disabled]:opacity-50",
-          // readonly: keep the themed input surface/border. The base layer's fixed
-          // `neutral-150` (a light grey) is correct for the legacy light chrome but
-          // collides with argo's themed `foreground` text — light-on-light, invisible
-          // in dark mode. Re-pin to the same `muted`/`input` tokens the editable argo
-          // input uses (validated AA), so readonly stays legible in every scheme.
-          "tw:has-[:is(input,textarea)[readonly]]:bg-muted",
-          "tw:has-[:is(input,textarea)[readonly]]:border-input",
-          // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly
-          "tw:has-[:is(input,textarea)[readonly]:focus]:border-input",
-          // aria-invalid on the control surfaces the error chrome without a `state` prop — the
-          // accessible path (uses the themeable `destructive` status token).
-          "tw:has-[:is(input,textarea)[aria-invalid=true]]:border-destructive",
-          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-destructive",
-          "tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-destructive/20"
-        ]
-      },
-      sizing: {
-        default: [
-          "tw:[&>:is(input,textarea)]:py-2.5",
-          "tw:[&>:is(input,textarea)]:leading-[18px]",
-          "tw:[&>textarea]:!min-h-[calc(2.5rem-2px)]"
-        ],
-        small: [
-          "tw:[&>:is(input,textarea)]:py-2",
-          "tw:[&>:is(input,textarea)]:leading-[16px]",
-          "tw:[&>textarea]:!min-h-[calc(2rem-2px)]"
-        ],
-        medium: [
-          "tw:[&>:is(input,textarea)]:py-2",
-          "tw:[&>:is(input,textarea)]:leading-[18px]",
-          "tw:[&>textarea]:!min-h-[calc(2.25rem-2px)]"
-        ]
-      },
-      state: {
-        default: [
-          "tw:has-[:is(input,textarea):focus]:border-ring",
-          "tw:has-[:is(input,textarea):focus]:ring-ring/30"
-        ],
-        error: [
-          "tw:border-error-500",
-          "tw:has-[:is(input,textarea):focus]:border-error-500",
-          "tw:has-[:is(input,textarea):focus]:ring-error-200"
-        ],
-        warning: [
-          "tw:border-warning-500",
-          "tw:has-[:is(input,textarea):focus]:border-warning-500",
-          "tw:has-[:is(input,textarea):focus]:ring-warning-200"
-        ]
-      }
-    }
-  }
-);
-var InputGroupRoot = ({
-  ref,
-  children,
-  state,
-  variant,
-  sizing,
-  focusVariant,
-  className,
-  ...props
-}) => {
-  const isArgo = useArgoDesign();
-  const effectiveVariant = isArgo ? "argo" : variant;
-  const effectiveSizing = effectiveVariant === "argo" ? "medium" : sizing;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      ref,
-      className: cn(
-        inputGroupVariants({
-          state,
-          variant: effectiveVariant,
-          sizing: effectiveSizing,
-          focusVariant,
-          className
-        })
-      ),
-      children
-    }
-  );
-};
-var InputGroup = InputGroupRoot;
-InputGroup.Input = InputGroupInput;
-InputGroup.Addon = InputGroupAddon;
-InputGroup.Button = InputGroupButton;
-InputGroup.TextArea = InputGroupTextArea;
-InputGroup.Text = InputGroupText;
-var useControllableState = ({
-  prop,
-  defaultProp,
-  onChange
-}) => {
-  const [uncontrolled, setUncontrolled] = react.useState(defaultProp);
-  const isControlled = prop !== void 0;
-  const value = prop !== void 0 ? prop : uncontrolled;
-  const valueRef = react.useRef(value);
-  valueRef.current = value;
-  const onChangeRef = react.useRef(onChange);
-  onChangeRef.current = onChange;
-  const setValue = react.useCallback(
-    (next) => {
-      const nextValue = typeof next === "function" ? next(valueRef.current) : next;
-      valueRef.current = nextValue;
-      if (!isControlled) setUncontrolled(nextValue);
-      onChangeRef.current?.(nextValue);
-    },
-    [isControlled]
-  );
-  return [value, setValue];
-};
-
-// src/blocks/ColorInput/ColorInput.tsx
-init_icons();
-init_utils2();
-init_icons();
-
-// src/blocks/ColorInput/utils.ts
-var HEX_CHARSET = /^[0-9a-fA-F]+$/;
-var COMPLETE_HEX_PATTERN = /^#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
-var MAX_HEX_BODY_LENGTH = 8;
-var PICKER_FALLBACK = "#000000";
-var extractHexBody = (value) => {
-  if (typeof value !== "string") return null;
-  const trimmed = value.trim();
-  if (trimmed === "") return null;
-  return trimmed.startsWith("#") ? trimmed.slice(1) : trimmed;
-};
-var isCompleteHexColor = (value) => COMPLETE_HEX_PATTERN.test(value);
-var showPicker = (input) => {
-  const isShowPickerSupported = "showPicker" in HTMLInputElement.prototype;
-  isShowPickerSupported ? input.showPicker() : input.click();
-};
-var coerceHexInputValue = (value) => {
-  const body = extractHexBody(value);
-  if (body === null) return "";
-  const [validBody] = body.match(/^[0-9a-fA-F]+/) ?? [];
-  if (!validBody) return "";
-  return `#${validBody.slice(0, MAX_HEX_BODY_LENGTH)}`;
-};
-var coerceColorPickerValue = (value) => {
-  const body = extractHexBody(value);
-  if (body === null || !HEX_CHARSET.test(body)) return PICKER_FALLBACK;
-  if (body.length === 3 || body.length === 4) {
-    const [r, g, b] = body;
-    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
-  }
-  if (body.length === 6 || body.length === 8) {
-    return `#${body.slice(0, 6).toLowerCase()}`;
-  }
-  return PICKER_FALLBACK;
-};
-var ColorPicker = ({ value, disabled, readOnly, ...props }) => {
-  const pickerRef = react.useRef(null);
-  const handleOpenPicker = () => {
-    if (!pickerRef.current) return;
-    showPicker(pickerRef.current);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ...props,
-        ref: pickerRef,
-        type: "color",
-        value: coerceColorPickerValue(value),
-        tabIndex: -1,
-        "aria-hidden": true,
-        className: "tw:pointer-events-none tw:absolute tw:left-0 tw:top-full tw:size-0 tw:opacity-0",
-        disabled,
-        readOnly
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      InputGroup.Button,
-      {
-        onMouseDown: (event) => event.preventDefault(),
-        disabled: disabled || readOnly,
-        onClick: handleOpenPicker,
-        "aria-label": "Pick color",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pipette, { className: "tw:size-4" })
-      }
-    )
-  ] });
-};
-var ColorInput = ({
-  ref,
-  // group props
-  state,
-  variant,
-  focusVariant,
-  sizing,
-  className,
-  // own props
-  value: valueProp,
-  onValueChange,
-  onValueBlur,
-  onChange,
-  onBlur,
-  defaultValue,
-  allowClear = false,
-  // input props
-  disabled,
-  readOnly,
-  ...restInputProps
-}) => {
-  const inputRef = react.useRef(null);
-  const [value, setValue] = useControllableState({
-    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.
-    prop: valueProp === null ? "" : valueProp,
-    defaultProp: defaultValue ?? "",
-    onChange: onValueChange
-  });
-  const isControlled = valueProp !== void 0;
-  const canClear = allowClear && !!value && !disabled && !readOnly;
-  const swatchColor = coerceHexInputValue(value);
-  const isValidSwatch = isCompleteHexColor(swatchColor);
-  const handleChange = (event) => {
-    setValue(event.target.value);
-    onChange?.(event);
-  };
-  const handleBlur = (event) => {
-    const newValue = event.target.value;
-    const sanitizedNewValue = coerceHexInputValue(newValue);
-    if (sanitizedNewValue !== newValue) {
-      if (!isControlled) event.target.value = sanitizedNewValue;
-      setValue(sanitizedNewValue);
-    }
-    onValueBlur?.(sanitizedNewValue);
-    onBlur?.(event);
-  };
-  const handlePickerChange = (event) => {
-    setValue(coerceHexInputValue(event.target.value));
-    onChange?.(event);
-  };
-  const handleClear = () => {
-    if (!inputRef.current) return;
-    inputRef.current.value = "";
-    setValue("");
-    onChange?.(createChangeInputEvent(inputRef.current));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          InputGroup.Addon,
-          {
-            align: "inline-start",
-            className: cn(
-              { "tw:-ml-7 tw:opacity-0": !value },
-              "tw:transition-[opacity,margin]",
-              "tw:ease-linear",
-              "tw:duration-200"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: isValidSwatch ? { background: swatchColor } : void 0,
-                className: cn(
-                  "tw:size-5",
-                  "tw:shrink-0",
-                  "tw:rounded-sm",
-                  "tw:border",
-                  "tw:border-solid",
-                  "tw:border-neutral-300",
-                  {
-                    "tw:bg-[linear-gradient(to_top_right,transparent_calc(50%_-_1px),theme(colors.red.300)_calc(50%_-_1px),theme(colors.red.300)_calc(50%_+_1px),transparent_calc(50%_+_1px))]": !isValidSwatch
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          InputGroup.Input,
-          {
-            ...restInputProps,
-            type: "text",
-            ref: mergeRefs(ref ?? null, inputRef),
-            value,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            disabled,
-            readOnly
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          canClear && /* @__PURE__ */ jsxRuntime.jsx(
-            InputGroup.Button,
-            {
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: handleClear,
-              "aria-label": "Clear color",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ColorPicker,
-            {
-              disabled,
-              readOnly,
-              value,
-              onChange: handlePickerChange
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var FormGroupColorInput = ({ ref, ...props }) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(ColorInput, { state, ...props, ref });
-};
-
-// src/blocks/FormGroup/FormGroupError.tsx
-init_utils2();
-var toMessage = (entry) => typeof entry === "string" ? entry : entry?.message;
-var FormGroupError = ({ children, className, errors, ...rest }) => {
-  const content = react.useMemo(() => {
-    if (children) return children;
-    const messages = (errors ?? []).map(toMessage).filter((message) => !!message);
-    if (messages.length === 0) return null;
-    if (messages.length === 1) return messages[0];
-    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "tw:m-0 tw:flex tw:list-disc tw:flex-col tw:gap-0 tw:pl-4", children: messages.map((message, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: message }, index)) });
-  }, [children, errors]);
-  if (!content) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, role: "alert", className: cn("tw:m-0 tw:text-xs tw:text-destructive", className), children: content });
-};
-var helpVariants = classVarianceAuthority.cva(["tw:m-0", "tw:text-xs"], {
-  defaultVariants: {
-    state: "default"
-  },
-  variants: {
-    state: {
-      default: ["tw:text-muted-foreground"],
-      warning: ["tw:text-warning"]
-    }
-  }
-});
-var HelpBlock = ({ children, className, state = "default", ...rest }) => {
-  if (!children) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...rest, className: helpVariants({ state, className }), children });
-};
-var FormGroupHelp = ({ children, ...rest }) => {
-  const formGroupContext = useFormGroupContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(HelpBlock, { state: formGroupContext.state === "warning" ? "warning" : "default", ...rest, children });
-};
-var toNumberOrNull = (event) => Number.isNaN(event.target.valueAsNumber) ? null : event.target.valueAsNumber;
-var NumberInput = ({
-  ref,
-  state,
-  variant,
-  focusVariant,
-  sizing,
-  className,
-  value,
-  defaultValue,
-  onValueChange,
-  onValueBlur,
-  onChange,
-  onBlur,
-  prefix,
-  suffix,
-  ...inputProps
-}) => {
-  const handleChange = (event) => {
-    onValueChange?.(toNumberOrNull(event));
-    onChange?.(event);
-  };
-  const handleBlur = (event) => {
-    onValueBlur?.(toNumberOrNull(event));
-    onBlur?.(event);
-  };
-  const isControlled = value !== void 0;
-  const valueProp = isControlled ? { value: value ?? "" } : { defaultValue: defaultValue ?? "" };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          InputGroup.Input,
-          {
-            ...inputProps,
-            ...valueProp,
-            ref,
-            type: "number",
-            onChange: handleChange,
-            onBlur: handleBlur
-          }
-        ),
-        suffix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-end", children: suffix })
-      ]
-    }
-  );
-};
-var FormGroupNumberInput = ({ ref, ...props }) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(NumberInput, { ...props, ref, state });
-};
-var Textarea = ({
-  ref,
-  containerClassName,
-  // group props
-  state = "default",
-  variant,
-  sizing,
-  focusVariant,
-  // value handling
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  ...rest
-}) => {
-  const [value, setValue] = useControllableState({
-    // `undefined` stays uncontrolled; any provided value (incl. `null`) is controlled, coerced to ''.
-    prop: valueProp === void 0 ? void 0 : valueProp ?? "",
-    defaultProp: defaultValue ?? "",
-    onChange: onValueChange
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    InputGroup,
-    {
-      state,
-      sizing,
-      focusVariant,
-      variant,
-      className: containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx(InputGroup.TextArea, { ...rest, ref, value, onValueChange: setValue })
-    }
-  );
-};
-var FormGroupTextarea = (props) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea, { state, ...props });
-};
-init_icons();
-init_utils2();
-
-// src/blocks/TextInput/utils.ts
-init_utils2();
-var genInputTestId = (prefix = "") => {
-  const ps = createPrefixedString(prefix);
-  return {
-    toString: () => prefix,
-    inputWrapper: ps`input-wrapper`,
-    input: ps`input`,
-    clearButton: ps`clear-button`
-  };
-};
-var sanitizeTextInputValue = (value) => {
-  if (typeof value === "string" && value.trim() === "") return "";
-  return value;
-};
-var TextInput = ({
-  ref: forwardedRef,
-  state = "default",
-  sizing = "default",
-  className,
-  prefix = null,
-  rightSuffix = null,
-  rightSuffixVariant = "default",
-  leftSuffix = null,
-  allowClear = false,
-  onClear,
-  disabled = false,
-  testId: prefixTestId = "",
-  autoFocus = false,
-  id,
-  name,
-  variant,
-  readOnly,
-  type = "text",
-  focusVariant = "default",
-  onChange,
-  onBlur,
-  onValueChange,
-  onValueBlur,
-  value: valueProp,
-  defaultValue,
-  ...inputProps
-}) => {
-  const inputRef = react.useRef(null);
-  const [value, setValue] = useControllableState({
-    // `undefined` stays uncontrolled; any provided value (incl. `null`) is controlled and coerced
-    // to a string. Whitespace-only input collapses to '' via `sanitizeTextInputValue`.
-    prop: valueProp === void 0 ? void 0 : sanitizeTextInputValue(valueProp) ?? "",
-    defaultProp: sanitizeTextInputValue(defaultValue) ?? "",
-    onChange: onValueChange
-  });
-  const testId = genInputTestId(prefixTestId);
-  const isClearButtonVisible = !!value && !disabled && !readOnly || !!onClear;
-  const handleChange = (event) => {
-    setValue(event.target.value);
-    onChange?.(event);
-  };
-  const handleBlur = (event) => {
-    onValueBlur?.(event.target.value);
-    onBlur?.(event);
-  };
-  const handleClear = () => {
-    if (inputRef.current === null) return;
-    inputRef.current.value = "";
-    inputRef.current.focus();
-    onClear?.();
-    handleChange(createChangeInputEvent(inputRef.current));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      "data-testid": testId.inputWrapper,
-      children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          InputGroup.Input,
-          {
-            ...inputProps,
-            value,
-            autoFocus,
-            type,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            ref: mergeRefs(forwardedRef ?? null, inputRef),
-            disabled,
-            id,
-            name,
-            readOnly,
-            "data-testid": testId.input
-          }
-        ),
-        (leftSuffix || allowClear || rightSuffix) && /* @__PURE__ */ jsxRuntime.jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          leftSuffix,
-          allowClear && isClearButtonVisible && /* @__PURE__ */ jsxRuntime.jsx(
-            InputGroup.Button,
-            {
-              "aria-label": "Clear",
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: handleClear,
-              "data-testid": testId.clearButton,
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" })
-            }
-          ),
-          rightSuffix && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn({
-                "tw:whitespace-nowrap tw:bg-muted tw:px-4 tw:-mr-4 tw:py-2.5": rightSuffixVariant === "addon"
-              }),
-              children: rightSuffix
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var FormGroupTextInput = ({ ref, ...props }) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { state, ...props, ref });
-};
-var FormGroup = ({ className, children, state, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(FormGroupProvider, { value: { state }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: cn("tw:flex tw:flex-col tw:gap-1", className), children }) });
-};
-FormGroup.Help = FormGroupHelp;
-FormGroup.Error = FormGroupError;
-FormGroup.TextInput = FormGroupTextInput;
-FormGroup.NumberInput = FormGroupNumberInput;
-FormGroup.ColorInput = FormGroupColorInput;
-FormGroup.Textarea = FormGroupTextarea;
-
-// src/blocks/MarkdownEditor/plugins/toolbar/LinkPanel.tsx
-init_Button2();
-
-// src/components/ButtonGroup/ButtonGroup.tsx
-init_utils2();
-var buttonGroupVariant = classVarianceAuthority.cva(
-  ["tailwindcss-preflight", "tw:inline-flex", "tw:items-center", "tw:group/button-group"],
-  {
-    defaultVariants: {
-      variant: "inline",
-      space: "small"
-    },
-    variants: {
-      variant: {
-        inline: [],
-        block: [
-          "tw:w-full",
-          "tw:flex-col",
-          "tw:sm:flex-row",
-          "tw:[&_a]:flex-1",
-          "tw:[&>button:not([data-icon-only=true])]:flex-1"
-        ]
-      },
-      space: {
-        "extra-small": "tw:gap-1",
-        "little-small": "tw:gap-2",
-        small: "tw:gap-3",
-        medium: "tw:gap-4",
-        large: "tw:gap-6",
-        compact: [
-          "tw:border-collapse",
-          "tw:!gap-0",
-          // ensure that focus visible outline is at the top
-          "tw:[&>*:focus-visible]:!z-10",
-          "tw:[&>*:not(:first-child)]:rounded-l-none",
-          "tw:[&>*:not(:last-child)]:rounded-r-none",
-          "tw:[&>*:not(:last-child)]:border-r-0",
-          "tw:[&>*:not(:first-child)]:border-l-0",
-          // separator
-          "tw:[&>*:not(:first-child)]:before:content",
-          "tw:[&>*:not(:first-child)]:before:absolute",
-          "tw:[&>*:not(:first-child)]:before:left-0",
-          "tw:[&>*:not(:first-child)]:before:h-full",
-          "tw:[&>*:not(:first-child)]:before:w-px",
-          "tw:[&>*:not(:first-child)]:before:bg-black/10"
-        ]
-      }
-    }
-  }
-);
-var ButtonGroup = ({
-  ref,
-  children,
-  space = "small",
-  className,
-  variant,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      ...rest,
-      role: "group",
-      "data-variant": variant,
-      className: cn(buttonGroupVariant({ variant, space }), className),
-      children
-    }
-  );
-};
-
-// src/components/Label/Label.tsx
-init_utils2();
-var Optional = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "aria-hidden": true, className: cn("tw:ml-0.5", "tw:text-muted-foreground", className), children: "(optional)" });
-var Required = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "aria-hidden": true, className: cn("tw:ml-0.5", "tw:text-primary", className), children: "*" });
-var Label2 = ({ className, children, id, htmlFor, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
-  RLabel__namespace.Root,
-  {
-    ...rest,
-    id: id?.toString(),
-    htmlFor: htmlFor?.toString(),
-    className: cn(
-      "tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-50",
-      className
-    ),
-    children
-  }
-);
-Label2.Optional = Optional;
-Label2.Required = Required;
-
-// src/blocks/MarkdownEditor/plugins/toolbar/LinkPanel.tsx
-init_icons();
-
-// src/blocks/MarkdownEditor/plugins/toolbar/ToolbarButton.tsx
-init_Tooltip2();
-init_utils2();
-var ToolbarButton = ({
-  active,
-  disabled,
-  onClick,
-  tooltip,
-  children,
-  className: extraClassName
-}) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { tooltip, placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-  "button",
-  {
-    type: "button",
-    disabled,
-    onClick,
-    className: cn(
-      "tw:flex tw:h-7 tw:min-w-7 tw:cursor-pointer tw:items-center tw:justify-center tw:rounded tw:border-0 tw:bg-transparent tw:px-1 tw:text-xs tw:text-muted-foreground",
-      "tw:hover:bg-accent tw:disabled:cursor-not-allowed tw:disabled:opacity-30",
-      active && "tw:bg-secondary-100 tw:text-secondary-500",
-      extraClassName
-    ),
-    children
-  }
-) });
-var insertLink = (editor, url, label, savedSelection) => {
-  editor.update(() => {
-    lexical.$setSelection(savedSelection);
-    const selection = lexical.$getSelection();
-    if (lexical.$isRangeSelection(selection)) {
-      const selectedText = selection.getTextContent();
-      if (selectedText && label === selectedText) {
-        editor.dispatchCommand(link.TOGGLE_LINK_COMMAND, url);
-        return;
-      }
-    }
-    const linkNode = link.$createLinkNode(url);
-    const textNode = lexical.$createTextNode(label || url);
-    linkNode.append(textNode);
-    if (lexical.$isRangeSelection(selection)) {
-      selection.insertNodes([linkNode]);
-    }
-  });
-};
-var LinkPanel = ({ editor, isLink }) => {
-  const [open, setOpen] = react.useState(false);
-  const [url, setUrl] = react.useState("");
-  const [label, setLabel] = react.useState("");
-  const savedSelectionRef = react.useRef(null);
-  const panelRef = react.useRef(null);
-  const handleOpen = () => {
-    editor.getEditorState().read(() => {
-      const selection = lexical.$getSelection();
-      savedSelectionRef.current = selection ? selection.clone() : null;
-      if (lexical.$isRangeSelection(selection)) {
-        const text = selection.getTextContent();
-        if (text) setLabel(text);
-      }
-    });
-    setOpen(true);
-  };
-  const handleClose = () => {
-    setOpen(false);
-    setUrl("");
-    setLabel("");
-    savedSelectionRef.current = null;
-    editor.focus();
-  };
-  const handleSubmit = () => {
-    const trimmedUrl = url.trim();
-    if (!trimmedUrl) return;
-    insertLink(editor, trimmedUrl, label.trim(), savedSelectionRef.current);
-    handleClose();
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleSubmit();
-    }
-    if (e.key === "Escape") {
-      e.preventDefault();
-      handleClose();
-    }
-  };
-  if (isLink) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ToolbarButton,
-      {
-        active: true,
-        onClick: () => editor.dispatchCommand(link.TOGGLE_LINK_COMMAND, null),
-        tooltip: "Remove Link",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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" }) }),
-    open && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: panelRef,
-        className: "tw:absolute tw:left-0 tw:top-full tw:z-50 tw:mt-1 tw:w-80 tw:rounded-md tw:border tw:border-border tw:bg-popover tw:p-3 tw:text-popover-foreground tw:shadow-lg",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(FormGroup, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "link-label", className: "tw:mb-1 tw:text-xs", children: "Label" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TextInput,
-              {
-                id: "link-label",
-                autoFocus: true,
-                placeholder: "Link text",
-                value: label,
-                onValueChange: setLabel,
-                onKeyDown: handleKeyDown,
-                variant: "secondary"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(FormGroup, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "link-url", className: "tw:mb-1 tw:text-xs", children: "URL" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TextInput,
-              {
-                id: "link-url",
-                placeholder: "https://\u2026",
-                value: url,
-                onValueChange: setUrl,
-                onKeyDown: handleKeyDown,
-                variant: "secondary"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "small", variant: "outline", onClick: handleClose, children: "Cancel" }),
-            /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "small", onClick: handleSubmit, disabled: !url.trim(), children: "Add link" })
-          ] })
-        ] })
-      }
-    )
-  ] });
-};
-var ToolbarDivider = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:mx-0.5 tw:h-5 tw:w-px tw:bg-border" });
-var ELEMENT_FORMAT_TYPES = ["left", "center", "right", "justify", "start", "end", ""];
-var isElementFormatType = (value) => ELEMENT_FORMAT_TYPES.includes(value);
-var toElementFormatType = (value) => isElementFormatType(value) ? value : "left";
-var ToolbarPlugin = () => {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const [isBold, setIsBold] = react.useState(false);
-  const [isItalic, setIsItalic] = react.useState(false);
-  const [isUnderline, setIsUnderline] = react.useState(false);
-  const [isStrikethrough, setIsStrikethrough] = react.useState(false);
-  const [isCode, setIsCode] = react.useState(false);
-  const [isLink, setIsLink] = react.useState(false);
-  const [blockType, setBlockType] = react.useState("paragraph");
-  const [alignment, setAlignment] = react.useState("left");
-  const [isVisible, setIsVisible] = react.useState(false);
-  const [position, setPosition] = react.useState(null);
-  const toolbarRef = react.useRef(null);
-  const isMouseDownRef = react.useRef(false);
-  const hasSelectionRef = react.useRef(false);
-  const updatePosition = react.useCallback(() => {
-    const nativeSelection = window.getSelection();
-    if (!nativeSelection || nativeSelection.rangeCount === 0) return;
-    const range = nativeSelection.getRangeAt(0);
-    const rect = range.getBoundingClientRect();
-    if (rect.width > 0) {
-      const toolbarWidth = toolbarRef.current?.offsetWidth ?? 300;
-      setPosition({
-        top: rect.top + window.scrollY - 8,
-        left: Math.max(8, rect.left + window.scrollX + rect.width / 2 - toolbarWidth / 2)
-      });
-    }
-  }, []);
-  react.useEffect(() => {
-    const handleMouseDown = () => {
-      isMouseDownRef.current = true;
-    };
-    const handleMouseUp = () => {
-      isMouseDownRef.current = false;
-      if (hasSelectionRef.current) {
-        setIsVisible(true);
-      }
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("mouseup", handleMouseUp);
-    return () => {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mouseup", handleMouseUp);
-    };
-  }, []);
-  const updateToolbar = react.useCallback(() => {
-    const selection = lexical.$getSelection();
-    if (!lexical.$isRangeSelection(selection)) {
-      hasSelectionRef.current = false;
-      setIsVisible(false);
-      return;
-    }
-    const hasSelection = !selection.isCollapsed() && selection.getTextContent().length > 0;
-    hasSelectionRef.current = hasSelection;
-    if (!hasSelection) {
-      setIsVisible(false);
-    } else if (!isMouseDownRef.current) {
-      setIsVisible(true);
-    }
-    if (hasSelection) {
-      updatePosition();
-    }
-    setIsBold(selection.hasFormat("bold"));
-    setIsItalic(selection.hasFormat("italic"));
-    setIsUnderline(selection.hasFormat("underline"));
-    setIsStrikethrough(selection.hasFormat("strikethrough"));
-    setIsCode(selection.hasFormat("code"));
-    const node = selection.anchor.getNode();
-    const parent = node.getParent();
-    setIsLink(link.$isLinkNode(parent) || link.$isLinkNode(node));
-    const blockElement = utils.$getNearestBlockElementAncestorOrThrow(node);
-    if (list.$isListNode(blockElement)) {
-      const listType = blockElement.getListType();
-      setBlockType(listType === "number" ? "number" : "bullet");
-    } else if (richText.$isHeadingNode(blockElement)) {
-      setBlockType(blockElement.getTag());
-    } else if (code.$isCodeNode(blockElement)) {
-      setBlockType("code");
-    } else if (richText.$isQuoteNode(blockElement)) {
-      setBlockType("quote");
-    } else {
-      setBlockType("paragraph");
-    }
-    setAlignment(toElementFormatType(blockElement.getFormatType()));
-  }, [updatePosition]);
-  react.useEffect(() => {
-    const unregisterUpdate = editor.registerUpdateListener(({ editorState }) => {
-      editorState.read(() => {
-        updateToolbar();
-      });
-    });
-    return () => {
-      unregisterUpdate();
-    };
-  }, [editor, updateToolbar]);
-  if (!isVisible || !position) return null;
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: toolbarRef,
-        role: "toolbar",
-        "aria-label": "Formatting options",
-        onMouseDown: (e) => e.preventDefault(),
-        style: { top: position.top, left: position.left },
-        className: "tw:absolute tw:z-[1060] tw:flex tw:-translate-y-full tw:items-center tw:gap-0.5 tw:rounded-lg tw:border tw:border-border tw:bg-popover tw:px-1.5 tw:py-1 tw:text-popover-foreground tw:shadow-lg",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(BlockTypeDropdown, { editor, blockType }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: isBold,
-              onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "bold"),
-              tooltip: "Bold (Ctrl+B)",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: isItalic,
-              onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "italic"),
-              tooltip: "Italic (Ctrl+I)",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: isUnderline,
-              onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "underline"),
-              tooltip: "Underline (Ctrl+U)",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: isStrikethrough,
-              onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "strikethrough"),
-              tooltip: "Strikethrough",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Strikethrough, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: isCode,
-              onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "code"),
-              tooltip: "Inline Code",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(LinkPanel, { editor, isLink }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: blockType === "bullet",
-              onClick: () => {
-                if (blockType === "bullet") {
-                  editor.dispatchCommand(list.REMOVE_LIST_COMMAND, void 0);
-                } else {
-                  editor.dispatchCommand(list.INSERT_UNORDERED_LIST_COMMAND, void 0);
-                }
-              },
-              tooltip: "Bullet List",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: blockType === "number",
-              onClick: () => {
-                if (blockType === "number") {
-                  editor.dispatchCommand(list.REMOVE_LIST_COMMAND, void 0);
-                } else {
-                  editor.dispatchCommand(list.INSERT_ORDERED_LIST_COMMAND, void 0);
-                }
-              },
-              tooltip: "Numbered List",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(AlignmentDropdown, { editor, alignment }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: blockType === "quote",
-              onClick: () => {
-                editor.update(() => {
-                  const selection = lexical.$getSelection();
-                  if (!lexical.$isRangeSelection(selection)) return;
-                  const anchorNode = selection.anchor.getNode();
-                  const element = utils.$getNearestBlockElementAncestorOrThrow(anchorNode);
-                  const newNode = blockType === "quote" ? lexical.$createParagraphNode() : richText.$createQuoteNode();
-                  element.getChildren().forEach((child) => newNode.append(child));
-                  element.replace(newNode);
-                });
-              },
-              tooltip: "Quote",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Quote, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ToolbarButton,
-            {
-              active: blockType === "code",
-              onClick: () => {
-                editor.update(() => {
-                  const selection = lexical.$getSelection();
-                  if (!lexical.$isRangeSelection(selection)) return;
-                  const anchorNode = selection.anchor.getNode();
-                  const element = utils.$getNearestBlockElementAncestorOrThrow(anchorNode);
-                  const newNode = blockType === "code" ? lexical.$createParagraphNode() : code.$createCodeNode();
-                  element.getChildren().forEach((child) => newNode.append(child));
-                  element.replace(newNode);
-                });
-              },
-              tooltip: "Code Block",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareCode, { className: "tw:size-4" })
-            }
-          )
-        ]
-      }
-    ),
-    document.body
-  );
-};
-
-// src/blocks/MarkdownEditor/theme.ts
-var editorTheme = {
-  link: "tw:cursor-pointer tw:!text-primary tw:underline",
-  text: {
-    bold: "tw:font-bold",
-    italic: "tw:italic",
-    strikethrough: "tw:line-through",
-    underline: "tw:underline",
-    code: "tw:rounded tw:bg-muted tw:px-1 tw:py-0.5 tw:font-mono tw:text-[0.85em]"
-  },
-  list: {
-    ol: "tw:!list-decimal",
-    ul: "tw:!list-disc",
-    checklist: "tw:!list-none tw:!pl-0",
-    listitemChecked: [
-      "tw:relative tw:!pl-6 tw:list-none tw:outline-hidden tw:line-through tw:text-muted-foreground",
-      'tw:before:content-[""] tw:before:absolute tw:before:left-0 tw:before:top-[3px]',
-      "tw:before:size-4 tw:before:rounded tw:before:border tw:before:border-solid",
-      "tw:before:bg-primary tw:before:border-primary tw:before:cursor-pointer",
-      'tw:after:content-[""] tw:after:absolute tw:after:left-[5.5px] tw:after:top-[5.5px]',
-      "tw:after:w-1 tw:after:h-2 tw:after:border-primary-foreground tw:after:border-solid",
-      "tw:after:border-r-[1.5px] tw:after:border-b-[1.5px] tw:after:border-t-0 tw:after:border-l-0",
-      "tw:after:rotate-45"
-    ].join(" "),
-    listitemUnchecked: [
-      "tw:relative tw:!pl-6 tw:list-none tw:outline-hidden",
-      'tw:before:content-[""] tw:before:absolute tw:before:left-0 tw:before:top-[3px]',
-      "tw:before:size-4 tw:before:rounded tw:before:border tw:before:border-solid",
-      "tw:before:border-input tw:before:bg-background tw:before:cursor-pointer"
-    ].join(" ")
-  }
-};
-var EDITOR_NODES = [
-  ImageNode,
-  MermaidNode,
-  richText.HeadingNode,
-  richText.QuoteNode,
-  list.ListNode,
-  list.ListItemNode,
-  code.CodeNode,
-  link.LinkNode,
-  LexicalHorizontalRuleNode.HorizontalRuleNode
-];
-var MarkdownEditor = ({
-  value,
-  onChange,
-  readOnly = false,
-  placeholder,
-  autoFocus = false,
-  disabled = false,
-  onSave,
-  onCancel,
-  onImageUpload,
-  className,
-  imageRenderer,
-  showToolbar = false,
-  compact = false,
-  saveOnBlur = false,
-  singleLine = 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,
-    nodes: EDITOR_NODES,
-    onError: (error) => {
-      console.error("[MarkdownEditor] uncaught editor error", error);
-    },
-    editable,
-    editorState: () => {
-      markdown.$convertFromMarkdownString(preprocessMarkdown(value), transformers);
-    }
-  }));
-  const skipBlurSaveRef = react.useRef(false);
-  const handleBlur = saveOnBlur && onSave ? (event) => {
-    if (skipBlurSaveRef.current) {
-      skipBlurSaveRef.current = false;
-      return;
-    }
-    if (!event.currentTarget.contains(event.relatedTarget)) {
-      onSave();
-    }
-  } : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(LexicalComposer.LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsxRuntime.jsx(ImageRendererProvider, { value: imageRenderer ?? null, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        !compact && "tw:prose",
-        // Compact mode drops `tw:prose`, so Lexical's <p> wrappers fall back to the browser
-        // default `margin: 1em 0` — visually huge at heading sizes. Zero them, and use the
-        // adjacent-sibling selector for paragraph spacing so single-paragraph blocks (titles,
-        // short descriptions) stay tight while multi-paragraph blocks still breathe.
-        compact && "tw:[&_p]:m-0 tw:[&_p+p]:mt-2",
-        // Display-state clamp: 2 lines, dropped in focus-within so editing expands to full
-        // height. line-clamp is self-gating (no effect below 3 lines), so short/empty content
-        // renders clean; a CSS fade can't gate on overflow without JS, so it's omitted.
-        clampDisplay && "tw:[&:not(:focus-within)]:line-clamp-2",
-        className
-      ),
-      onBlur: handleBlur,
-      children: [
-        showToolbar && editable && /* @__PURE__ */ jsxRuntime.jsx(ToolbarPlugin, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "tw:relative tw:rounded-md tw:transition-colors",
-              // In compact mode the padding lets the hover bg / focus ring extend past the text,
-              // but a matching negative margin shifts the wrapper outward so the text itself stays
-              // aligned with the parent's content edge (i.e. with where static text would render).
-              compact ? "tw:px-1.5 tw:py-0.5 tw:-mx-1.5 tw:-my-0.5" : "tw:p-2",
-              editable && "tw:cursor-text tw:hover:bg-muted tw:focus-within:ring-2 tw:focus-within:ring-ring/40"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              LexicalRichTextPlugin.RichTextPlugin,
-              {
-                contentEditable: /* @__PURE__ */ jsxRuntime.jsx(
-                  LexicalContentEditable.ContentEditable,
-                  {
-                    className: cn("tw:outline-hidden", useDefaultMinHeight && "tw:min-h-[100px]"),
-                    style: customMinHeight,
-                    "aria-placeholder": placeholder ?? "",
-                    placeholder: placeholder ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        className: cn(
-                          "tw:pointer-events-none tw:absolute tw:select-none tw:text-muted-foreground",
-                          compact ? "tw:left-1.5 tw:top-0.5" : "tw:left-2 tw:top-[calc(0.5rem+0.35em)]"
-                        ),
-                        children: placeholder
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", {})
-                  }
-                ),
-                ErrorBoundary: LexicalErrorBoundary.LexicalErrorBoundary
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(LexicalHistoryPlugin.HistoryPlugin, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(LexicalLinkPlugin.LinkPlugin, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(LexicalClickableLinkPlugin.ClickableLinkPlugin, { newTab: true }),
-        !singleLine && /* @__PURE__ */ jsxRuntime.jsx(LexicalListPlugin.ListPlugin, {}),
-        !singleLine && /* @__PURE__ */ jsxRuntime.jsx(LexicalCheckListPlugin.CheckListPlugin, {}),
-        !singleLine && /* @__PURE__ */ jsxRuntime.jsx(LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MarkdownSyncPlugin,
-          {
-            value,
-            editable,
-            onChange,
-            transformers,
-            singleLine
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ImagePastePlugin, { onImageUpload }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          KeyboardPlugin,
-          {
-            onSave,
-            onCancel,
-            singleLine,
-            blurOnEscape: singleLine || saveOnBlur,
-            skipBlurSaveRef
-          }
-        ),
-        autoFocus && /* @__PURE__ */ jsxRuntime.jsx(LexicalAutoFocusPlugin.AutoFocusPlugin, {})
-      ]
-    }
-  ) }) });
-};
-
-exports.MarkdownEditor = MarkdownEditor;
-//# sourceMappingURL=markdown-editor.cjs.map
-//# sourceMappingURL=markdown-editor.cjs.map