@keboola/design 9.0.0 → 10.1.0

package/dist/markdown-editor.js

@@ -1,16 +1,12 @@
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-import { keboolaLegacySidebar, keboolaLegacyTopnav } from '@keboola/brand-registry';
-import { createContext, lazy, Suspense, use, useId, useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { Portal, Content, Root, Trigger } from '@radix-ui/react-tooltip';
-import { cva } from 'class-variance-authority';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { AlignLeft, AlignCenter, AlignRight, AlignJustify, SquareCode, Quote, ListOrdered, List, Heading3, Heading2, Heading1, Type, Bold, Italic, Underline, Strikethrough, Code, Minimize2, Maximize2, ChevronDown, Link, X, Copy, Loader2, AlertCircle, CircleCheck, Info, AlertTriangle, ChevronRight, Pipette, ToggleRight, Circle, Check } from 'lucide-react';
-import { Root as Root$2, Slottable } from '@radix-ui/react-slot';
-import { createPortal } from 'react-dom';
-import DOMPurify from 'dompurify';
-import { renderMermaidSVG } from 'beautiful-mermaid';
-import colors from '@keboola/tailwind-config/colors';
+import { DropdownMenu, ButtonGroup, toast } from './chunk-XV3UUOYF.js';
+import { Skeleton } from './chunk-VPPM7UUQ.js';
+import { FormGroup, Label, TextInput } from './chunk-SYIEF644.js';
+import './chunk-ESBL3IPF.js';
+import { Button } from './chunk-CTCFYWJC.js';
+import { AlignLeft, AlignCenter, AlignRight, AlignJustify, SquareCode, Quote, ListOrdered, List, Heading3, Heading2, Heading1, Type, Bold, Italic, Underline, Strikethrough, Code, ChevronDown, Link } from './chunk-BOHNXTMM.js';
+import { Tooltip } from './chunk-63NSN2VL.js';
+import { cn } from './chunk-JP7PNHLH.js';
+import { createContext, lazy, Suspense, use, useState, useRef, useCallback, useEffect } from 'react';
 import { CodeNode, $isCodeNode, $createCodeNode } from '@lexical/code';
 import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $createLinkNode } from '@lexical/link';
 import { ListNode, ListItemNode, $isListNode, REMOVE_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND } from '@lexical/list';
@@ -31,1473 +27,11 @@ import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
 import { HeadingNode, QuoteNode, $isHeadingNode, $isQuoteNode, $createQuoteNode, $createHeadingNode } from '@lexical/rich-text';
 import { DecoratorNode, $getSelection, $isRangeSelection, FORMAT_TEXT_COMMAND, $createParagraphNode, PASTE_COMMAND, COMMAND_PRIORITY_CRITICAL, DROP_COMMAND, KEY_DOWN_COMMAND, COMMAND_PRIORITY_HIGH, $insertNodes, $getNodeByKey, $setSelection, FORMAT_ELEMENT_COMMAND, $createTextNode } from 'lexical';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { toast as toast$1 } from 'sonner';
+import { createPortal } from 'react-dom';
 import { $getNearestBlockElementAncestorOrThrow } from '@lexical/utils';
-import * as DropdownMenuPrimitive3 from '@radix-ui/react-dropdown-menu';
-import { Root as Root$1, Group, Trigger as Trigger$1 } from '@radix-ui/react-dropdown-menu';
-import * as ScrollAreaPrimitive2 from '@radix-ui/react-scroll-area';
-import TextareaAutosize from 'react-textarea-autosize';
-import * as RLabel from '@radix-ui/react-label';
-
-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 = extendTailwindMerge({
-      prefix: "tw"
-    });
-    cn = (...classes) => twMerge(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();
-    [keboolaLegacySidebar.id, 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
-    };
-    createContext(defaultContext);
-    ArgoDesignContext = createContext(true);
-    useArgoDesign = () => use(ArgoDesignContext);
-  }
-});
-var tooltipVariants, TooltipContent;
-var init_TooltipContent = __esm({
-  "src/components/Tooltip/TooltipContent.tsx"() {
-    init_context();
-    tooltipVariants = 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__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
-        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__ */ jsx(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__ */ jsx(
-        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__ */ 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] = 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__ */ jsxs(
-        TooltipRoot,
-        {
-          open: !!tooltip && (open || forceShow) && !forceHide,
-          onOpenChange: setOpen,
-          delayDuration,
-          disableHoverableContent: isActionVariant,
-          children: [
-            /* @__PURE__ */ jsx(
-              TooltipTrigger,
-              {
-                asChild: triggerAsChild,
-                keepOpenOnClick: keepOpenOnTriggerClick,
-                onKeyUp: handleKeyUp,
-                children
-              }
-            ),
-            /* @__PURE__ */ 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 = useId();
-      const keys = Array.from({ length: count }, (_, i) => `${prefixId}-${i}`);
-      return /* @__PURE__ */ jsx(Fragment, { children: keys.map((key) => /* @__PURE__ */ 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 = 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 = 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 ? Root$2 : "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__ */ jsxs(
-        Comp,
-        {
-          ...buttonProps,
-          ref,
-          disabled,
-          "aria-disabled": disabled,
-          "data-variant": variant,
-          "data-icon-only": isIconOnly,
-          type,
-          onClick: handleClick,
-          className: cn(classNames),
-          children: [
-            isLoading && /* @__PURE__ */ jsx(Loader2, { className: "tw:size-4 tw:shrink-0 tw:animate-spin" }),
-            /* @__PURE__ */ jsx(Slottable, { children: isLoading && isIconOnly ? null : children })
-          ]
-        }
-      );
-    };
-  }
-});
-var init_ButtonInline = __esm({
-  "src/components/Button/ButtonInline.tsx"() {
-    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] = useState(false);
-      const [state, setState] = 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__ */ jsxs(Tooltip.Root, { open: isTooltipOpen, onOpenChange: handleOnOpenChange, children: [
-        /* @__PURE__ */ jsx(
-          Tooltip.Trigger,
-          {
-            ...restButtonProps,
-            asChild,
-            keepOpenOnClick: true,
-            onClick: handleOnClick,
-            className: cn("tw:cursor-pointer", className),
-            ref,
-            children: children ?? text
-          }
-        ),
-        hasTooltipContent && /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(
-        Clipboard2,
-        {
-          asChild: true,
-          tooltip,
-          tooltipPlacement,
-          tooltipVariant,
-          text,
-          children: /* @__PURE__ */ 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 = useMemo(
-        () => DOMPurify.sanitize(html, {
-          USE_PROFILES: { svg: true, svgFilters: true },
-          ...allowForeignObject ? { ADD_TAGS: ["foreignObject"] } : {}
-        }),
-        [html, allowForeignObject]
-      );
-      const containerRef = useRef(null);
-      const [scale, setScale] = useState(1);
-      const [translate, setTranslate] = useState({ x: 0, y: 0 });
-      const [isFullscreen, setIsFullscreen] = useState(false);
-      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 = useRef(null);
-      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 = useRef(false);
-      const handleMouseDown = 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 = 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 = useCallback(() => {
-        dragRef.current = null;
-      }, []);
-      const handleReset = useCallback(() => {
-        setScale(1);
-        setTranslate({ x: 0, y: 0 });
-      }, []);
-      const isZoomed = Math.abs(scale - 1) > 1e-3 || translate.x !== 0 || translate.y !== 0;
-      const handleClick = useCallback((e) => {
-        if (didDragRef.current) {
-          e.stopPropagation();
-        }
-      }, []);
-      const stopPropagation = useCallback((e) => {
-        e.stopPropagation();
-      }, []);
-      const diagramContent = /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "presentation",
-          className: cn("tw:group/zoom tw:relative", isFullscreen && "tw:h-full"),
-          onClick: handleClick,
-          children: [
-            /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(Tooltip, { tooltip: "Reset zoom", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "outline", onClick: handleReset, children: "Reset" }) }),
-                  copyText && /* @__PURE__ */ jsx(ClipboardButton, { text: copyText, tooltip: "Copy code", size: "icon-sm", variant: "outline" }),
-                  renderActions?.(safeHtml),
-                  /* @__PURE__ */ jsx(
-                    Tooltip,
-                    {
-                      tooltip: isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                      placement: "top",
-                      triggerAsChild: true,
-                      children: /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          size: "icon-sm",
-                          variant: "outline",
-                          "aria-label": isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                          onClick: () => setIsFullscreen((f) => !f),
-                          children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "tw:size-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "tw:size-4" })
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      );
-      if (isFullscreen) {
-        return createPortal(
-          /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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.blue[100],
-              primaryTextColor: colors.neutral[800],
-              primaryBorderColor: colors.blue[700],
-              secondaryColor: colors.white,
-              secondaryTextColor: colors.neutral[800],
-              secondaryBorderColor: colors.neutral[150],
-              tertiaryColor: colors.warning[100],
-              tertiaryTextColor: colors.neutral[800],
-              tertiaryBorderColor: colors.warning[500],
-              lineColor: colors.neutral[300],
-              textColor: colors.neutral[800],
-              mainBkg: colors.blue[100],
-              nodeBorder: colors.blue[700],
-              clusterBkg: colors.white,
-              clusterBorder: colors.neutral[150],
-              titleColor: colors.neutral[800],
-              edgeLabelBackground: colors.white,
-              nodeTextColor: colors.neutral[800],
-              actorBorder: colors.blue[700],
-              actorBkg: colors.blue[100],
-              actorTextColor: colors.neutral[800],
-              actorLineColor: colors.neutral[300],
-              signalColor: colors.neutral[800],
-              signalTextColor: colors.neutral[800],
-              labelBoxBkgColor: colors.blue[100],
-              labelBoxBorderColor: colors.blue[700],
-              labelTextColor: colors.neutral[800],
-              loopTextColor: colors.neutral[800],
-              noteBorderColor: colors.warning[500],
-              noteBkgColor: colors.warning[100],
-              noteTextColor: colors.neutral[800],
-              sectionBkgColor: colors.blue[100],
-              altSectionBkgColor: colors.white,
-              sectionBkgColor2: colors.neutral[100],
-              taskBorderColor: colors.blue[700],
-              taskBkgColor: colors.blue[100],
-              taskTextColor: colors.neutral[800],
-              taskTextDarkColor: colors.neutral[800],
-              taskTextLightColor: colors.neutral[800],
-              activeTaskBorderColor: resolvePrimary(),
-              activeTaskBkgColor: colors.blue[200],
-              doneTaskBorderColor: colors.green[600],
-              doneTaskBkgColor: colors.green[100],
-              critBorderColor: colors.error[500],
-              critBkgColor: colors.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(
-          renderMermaidSVG(code, {
-            bg: colors.white,
-            fg: colors.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 = useId();
-      const [svg, setSvg] = useState(() => resolveSyncSvg(code));
-      const [renderFailed, setRenderFailed] = useState(false);
-      const debounceRef = useRef(null);
-      const renderIdRef = useRef(0);
-      const [prevCode, setPrevCode] = useState(code);
-      if (code !== prevCode) {
-        setPrevCode(code);
-        setSvg(resolveSyncSvg(code));
-        setRenderFailed(false);
-      }
-      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__ */ 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__ */ jsx("code", { children: code })
-          }
-        );
-      }
-      if (processedSvg) {
-        return /* @__PURE__ */ jsx(
-          ZoomableSvg,
-          {
-            html: processedSvg,
-            copyText: `\`\`\`mermaid
-${code}
-\`\`\``,
-            className: "tw:my-3",
-            allowForeignObject: true,
-            renderActions
-          },
-          code
-        );
-      }
-      return /* @__PURE__ */ jsx(DiagramSkeleton, {});
-    };
-  }
-});
 
-// src/blocks/MarkdownEditor/MarkdownEditor.tsx
-init_utils2();
 var ImageRendererContext = createContext(null);
 var ImageRendererProvider = ImageRendererContext;
 var useImageRenderer = () => use(ImageRendererContext);
@@ -1591,11 +125,8 @@ var $createImageNode = (src, altText) => {
 var $isImageNode = (node) => {
   return node instanceof ImageNode;
 };
-
-// src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-init_Skeleton();
-var MermaidDiagram2 = lazy(
-  () => Promise.resolve().then(() => (init_MermaidDiagram(), MermaidDiagram_exports)).then(
+var MermaidDiagram = lazy(
+  () => import('./MermaidDiagram-EOKJHQQV.js').then(
     (m) => ({ default: m.MermaidDiagram }),
     (error) => {
       console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
@@ -1610,7 +141,7 @@ var MermaidNodeComponent = ({ code }) => {
     Suspense,
     {
       fallback: /* @__PURE__ */ 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__ */ jsx(Skeleton, { className: "tw:h-40" }) }),
-      children: /* @__PURE__ */ jsx(MermaidDiagram2, { code })
+      children: /* @__PURE__ */ jsx(MermaidDiagram, { code })
     }
   );
 };
@@ -1664,343 +195,33 @@ var $createMermaidNode = (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__ */ 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__ */ 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__ */ 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__ */ jsx(X, {}),
-      /* @__PURE__ */ jsx("span", { className: "tw:sr-only", children: "Dismiss" })
-    ]
+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();
   }
-);
-
-// src/components/Toast/ToastDuration.tsx
-init_utils2();
-var ToastDuration = ({ ref, duration, className, style, ...rest }) => /* @__PURE__ */ 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
+  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);
+      }
     }
-  }
-);
-
-// src/components/Toast/ToastTitle.tsx
-init_utils2();
-var ToastTitle = ({ ref, className, children, ...rest }) => /* @__PURE__ */ 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 = 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__ */ jsx(AlertTriangle, {}),
-  info: /* @__PURE__ */ jsx(Info, {}),
-  success: /* @__PURE__ */ jsx(CircleCheck, {}),
-  warning: /* @__PURE__ */ jsx(AlertCircle, {})
-};
-var ToastRoot = ({
-  id,
-  title,
-  description,
-  action,
-  duration = Infinity,
-  variant = "info",
-  loading = false,
-  icon: iconProp
-}) => {
-  const renderArgo = useArgoDesign();
-  const icon = (() => {
-    if (loading) return /* @__PURE__ */ jsx(Loader2, { className: "tw:animate-spin" });
-    if (iconProp) return iconProp;
-    if (variant === "default" || variant === null) return null;
-    return DEFAULT_VARIANT_ICON[variant];
-  })();
-  const handleActionClick = (event) => {
-    toast$1.dismiss(id);
-    action?.onClick(event);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-variant": variant,
-      "data-argo": renderArgo,
-      className: cn(
-        variants2({ variant }),
-        "tw:data-[variant=default]:data-[argo=true]:bg-background"
-      ),
-      children: [
-        icon && /* @__PURE__ */ 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__ */ jsx(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsx(ToastDescription, { children: description }),
-        action && /* @__PURE__ */ jsx(ToastAction, { style: action?.actionButtonStyle, onClick: handleActionClick, children: action.label }),
-        /* @__PURE__ */ jsx(ToastDismiss, { onClick: () => toast$1.dismiss(id) }),
-        duration !== Infinity && /* @__PURE__ */ 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: () => toast$1.dismiss(id) }) : titleProp;
-    return /* @__PURE__ */ jsx(ToastRoot, { ...toast2, id, title, duration });
-  };
-  return toast$1.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) => toast$1.dismiss(toastId);
-toast.dismissAll = () => toast$1.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;
+    if (files.length > 0) return files;
   }
   return Array.from(dataTransfer.files).filter((file) => isAcceptedImageType(file.type));
 };
@@ -2296,604 +517,6 @@ var MarkdownSyncPlugin = ({
   }, [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 = 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 ToggleRight;
-    if (variant === "radio") return Circle;
-    return Check;
-  })();
-  const forceMount = (() => {
-    if (forceMountProp) return true;
-    return variant === "check" ? void 0 : true;
-  })();
-  if (variant === "none") return null;
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.ItemIndicator,
-    {
-      ...rest,
-      forceMount,
-      className: variants3({ variant, className }),
-      children: /* @__PURE__ */ jsx(IconComp, {})
-    }
-  );
-};
-
-// src/components/DropdownMenu/ItemIcon.tsx
-init_utils2();
-var ItemIcon = ({ className, children, ...props }) => /* @__PURE__ */ 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__ */ jsx(ItemIcon, { className: isAtStart ? "" : "tw:ml-auto", children: /* @__PURE__ */ jsx(Loader2, { className: "tw:animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator, className: isAtStart ? "" : "tw:ml-auto" });
-  const handleSelect = (event) => {
-    if (!closeOnSelect) event.preventDefault();
-    onSelect?.(event);
-  };
-  return /* @__PURE__ */ jsxs(
-    DropdownMenuPrimitive3.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__ */ jsx(
-  ScrollAreaPrimitive2.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__ */ jsx(
-      ScrollAreaPrimitive2.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__ */ jsxs(
-  ScrollAreaPrimitive2.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__ */ jsx(
-        ScrollAreaPrimitive2.Viewport,
-        {
-          ref,
-          className: cn(
-            "tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden",
-            viewPortClassName
-          ),
-          children
-        }
-      ),
-      orientation ? /* @__PURE__ */ jsx(ScrollBar, { className: scrollBarClassName, orientation }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ScrollBar, { className: scrollBarClassName, orientation: "vertical" }),
-        /* @__PURE__ */ jsx(ScrollBar, { className: scrollBarClassName, orientation: "horizontal" })
-      ] }),
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive2.Corner, {})
-    ]
-  }
-);
-var DropdownMenuContext = createContext({
-  variant: "default"
-});
-var useDropdownMenuContext = () => use(DropdownMenuContext);
-var DropdownMenuContent = ({
-  className,
-  sideOffset = 4,
-  forceMount,
-  children,
-  viewPortClassName,
-  container,
-  ...props
-}) => {
-  const { variant } = useDropdownMenuContext();
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive3.Portal, { forceMount: forceMount || void 0, container, children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.Content,
-    {
-      ...props,
-      "data-variant": variant,
-      sideOffset,
-      className: contentVariants,
-      children: /* @__PURE__ */ 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 ? Root$2 : "div";
-  const adornment = isLoading ? /* @__PURE__ */ jsx(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__ */ jsx(
-    DropdownMenuPrimitive3.Item,
-    {
-      ...props,
-      ref,
-      onSelect: handleOnSelect,
-      onPointerLeave: handlePointerLeave,
-      onPointerMove: handlePointerMove,
-      className: cn(itemVariants, asChild && "tw:text-inherit", className),
-      asChild: true,
-      children: /* @__PURE__ */ jsxs(Comp, { children: [
-        adornment && /* @__PURE__ */ jsx(ItemIcon, { className: iconClassName, children: adornment }),
-        /* @__PURE__ */ jsx(Slottable, { children })
-      ] })
-    }
-  );
-};
-
-// src/components/DropdownMenu/DropdownMenuItemDescription.tsx
-init_utils2();
-var descriptionVariants = 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__ */ jsx("span", { ...props, className: cn(descriptionVariants({ hideOnHover }), className), children });
-};
-
-// src/components/DropdownMenu/DropdownMenuLabel.tsx
-init_utils2();
-var DropdownMenuLabel = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.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__ */ jsx(
-    DropdownMenuPrimitive3.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__ */ jsx(ItemIcon, { className: iconClassName, children: /* @__PURE__ */ jsx(Loader2, { className: "tw:animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator });
-  const handleSelect = (event) => {
-    if (!closeOnSelect) event.preventDefault();
-    onSelect?.(event);
-  };
-  return /* @__PURE__ */ jsxs(
-    DropdownMenuPrimitive3.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__ */ jsx(ItemIcon, { className: iconClassName, children: icon }),
-        /* @__PURE__ */ 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__ */ jsx(
-  DropdownMenuPrimitive3.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.Sub;
-
-// src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.tsx
-init_utils2();
-var DropdownMenuSubContent = ({ className, ...props }) => {
-  const { variant } = useDropdownMenuContext();
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.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__ */ jsxs(DropdownMenuPrimitive3.SubTrigger, { className: cn(itemVariants, className), ...props, children: [
-    children,
-    /* @__PURE__ */ jsx(ChevronRight, { className: "tw:ml-auto tw:size-5" })
-  ] });
-};
-
-// src/components/DropdownMenu/DropdownMenuTrigger.tsx
-init_utils2();
-var DropdownMenuTrigger = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  Trigger$1,
-  {
-    ...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 = useMemo(() => ({ variant: effectiveVariant }), [effectiveVariant]);
-  return /* @__PURE__ */ jsx(DropdownMenuContext, { value: contextValue, children: /* @__PURE__ */ jsx(Root$1, { ...props, modal }) });
-};
-DropdownMenu.Trigger = DropdownMenuTrigger;
-DropdownMenu.Content = DropdownMenuContent;
-DropdownMenu.Group = 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: AlignLeft },
   { value: "center", label: "Center", icon: AlignCenter },
@@ -2957,9 +580,6 @@ var AlignmentDropdown = ({
     )) })
   ] });
 };
-init_Tooltip2();
-init_icons();
-init_utils2();
 var BLOCK_TYPE_META = {
   paragraph: { label: "Normal", icon: Type, selectable: true },
   h1: { label: "Heading 1", icon: Heading1, selectable: true },
@@ -3042,1011 +662,6 @@ var BlockTypeDropdown = ({
     )) })
   ] });
 };
-
-// src/blocks/FormGroup/FormGroup.tsx
-init_utils2();
-var FormGroupContext = createContext({
-  state: "default"
-});
-var FormGroupProvider = FormGroupContext;
-var useFormGroupContext = () => use(FormGroupContext);
-
-// src/components/InputGroup/InputGroup.tsx
-init_utils2();
-init_context();
-
-// src/components/InputGroup/InputGroupAddon.tsx
-init_utils2();
-var addonVariants = 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(
-    TextareaAutosize,
-    {
-      ...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 = 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__ */ 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] = useState(defaultProp);
-  const isControlled = prop !== void 0;
-  const value = prop !== void 0 ? prop : uncontrolled;
-  const valueRef = useRef(value);
-  valueRef.current = value;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const setValue = 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 = useRef(null);
-  const handleOpenPicker = () => {
-    if (!pickerRef.current) return;
-    showPicker(pickerRef.current);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "tw:relative", children: [
-    /* @__PURE__ */ 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__ */ jsx(
-      InputGroup.Button,
-      {
-        onMouseDown: (event) => event.preventDefault(),
-        disabled: disabled || readOnly,
-        onClick: handleOpenPicker,
-        "aria-label": "Pick color",
-        children: /* @__PURE__ */ jsx(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 = 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__ */ jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      children: [
-        /* @__PURE__ */ 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__ */ 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__ */ jsx(
-          InputGroup.Input,
-          {
-            ...restInputProps,
-            type: "text",
-            ref: mergeRefs(ref ?? null, inputRef),
-            value,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            disabled,
-            readOnly
-          }
-        ),
-        /* @__PURE__ */ jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          canClear && /* @__PURE__ */ jsx(
-            InputGroup.Button,
-            {
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: handleClear,
-              "aria-label": "Clear color",
-              children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ColorPicker,
-            {
-              disabled,
-              readOnly,
-              value,
-              onChange: handlePickerChange
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var FormGroupColorInput = ({ ref, ...props }) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ 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 = 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__ */ 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__ */ jsx("li", { children: message }, index)) });
-  }, [children, errors]);
-  if (!content) return null;
-  return /* @__PURE__ */ jsx("div", { ...rest, role: "alert", className: cn("tw:m-0 tw:text-xs tw:text-destructive", className), children: content });
-};
-var helpVariants = 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__ */ jsx("p", { ...rest, className: helpVariants({ state, className }), children });
-};
-var FormGroupHelp = ({ children, ...rest }) => {
-  const formGroupContext = useFormGroupContext();
-  return /* @__PURE__ */ 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__ */ jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      children: [
-        prefix && /* @__PURE__ */ jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
-        /* @__PURE__ */ jsx(
-          InputGroup.Input,
-          {
-            ...inputProps,
-            ...valueProp,
-            ref,
-            type: "number",
-            onChange: handleChange,
-            onBlur: handleBlur
-          }
-        ),
-        suffix && /* @__PURE__ */ jsx(InputGroup.Addon, { align: "inline-end", children: suffix })
-      ]
-    }
-  );
-};
-var FormGroupNumberInput = ({ ref, ...props }) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ 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__ */ jsx(
-    InputGroup,
-    {
-      state,
-      sizing,
-      focusVariant,
-      variant,
-      className: containerClassName,
-      children: /* @__PURE__ */ jsx(InputGroup.TextArea, { ...rest, ref, value, onValueChange: setValue })
-    }
-  );
-};
-var FormGroupTextarea = (props) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ 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 = 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__ */ jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      "data-testid": testId.inputWrapper,
-      children: [
-        prefix && /* @__PURE__ */ jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
-        /* @__PURE__ */ 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__ */ jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          leftSuffix,
-          allowClear && isClearButtonVisible && /* @__PURE__ */ jsx(
-            InputGroup.Button,
-            {
-              "aria-label": "Clear",
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: handleClear,
-              "data-testid": testId.clearButton,
-              children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
-            }
-          ),
-          rightSuffix && /* @__PURE__ */ 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__ */ jsx(TextInput, { state, ...props, ref });
-};
-var FormGroup = ({ className, children, state, ...rest }) => {
-  return /* @__PURE__ */ jsx(FormGroupProvider, { value: { state }, children: /* @__PURE__ */ 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 = 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__ */ 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__ */ jsx("span", { ...props, "aria-hidden": true, className: cn("tw:ml-0.5", "tw:text-muted-foreground", className), children: "(optional)" });
-var Required = ({ className, ...props }) => /* @__PURE__ */ 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__ */ jsx(
-  RLabel.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,
@@ -4148,7 +763,7 @@ var LinkPanel = ({ editor, isLink }) => {
         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__ */ jsxs("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
           /* @__PURE__ */ jsxs(FormGroup, { children: [
-            /* @__PURE__ */ jsx(Label2, { htmlFor: "link-label", className: "tw:mb-1 tw:text-xs", children: "Label" }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "link-label", className: "tw:mb-1 tw:text-xs", children: "Label" }),
             /* @__PURE__ */ jsx(
               TextInput,
               {
@@ -4163,7 +778,7 @@ var LinkPanel = ({ editor, isLink }) => {
             )
           ] }),
           /* @__PURE__ */ jsxs(FormGroup, { children: [
-            /* @__PURE__ */ jsx(Label2, { htmlFor: "link-url", className: "tw:mb-1 tw:text-xs", children: "URL" }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "link-url", className: "tw:mb-1 tw:text-xs", children: "URL" }),
             /* @__PURE__ */ jsx(
               TextInput,
               {