@keboola/design 6.5.0 → 8.0.0

package/dist/rjsf.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React26 = require('react');
-var Form = require('@rjsf/core');
+var Form2 = require('@rjsf/core');
 var validator = require('@rjsf/validator-ajv8');
 var autocomplete = require('@codemirror/autocomplete');
 var langJson = require('@codemirror/lang-json');
@@ -16,16 +16,18 @@ var classVarianceAuthority = require('class-variance-authority');
 var brandRegistry = require('@keboola/brand-registry');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
-var lucide_react_star = require('lucide-react');
+var lucideReact = require('lucide-react');
 var langJavascript = require('@codemirror/lang-javascript');
 var langPython = require('@codemirror/lang-python');
 var langSql = require('@codemirror/lang-sql');
 var language = require('@codemirror/language');
 var r = require('@codemirror/legacy-modes/mode/r');
 var shell = require('@codemirror/legacy-modes/mode/shell');
+var toml = require('@codemirror/legacy-modes/mode/toml');
 var codemirrorThemeGithub = require('@uiw/codemirror-theme-github');
 var codemirrorLangSfsql = require('@keboola/codemirror-lang-sfsql');
 var colors = require('@keboola/tailwind-config/colors');
+var simpleMode = require('@codemirror/legacy-modes/mode/simple-mode');
 var DOMPurify = require('dompurify');
 var reactCollapsible = require('@radix-ui/react-collapsible');
 var RadixTabs = require('@radix-ui/react-tabs');
@@ -59,10 +61,9 @@ function _interopNamespace(e) {
 }
 
 var React26__default = /*#__PURE__*/_interopDefault(React26);
-var Form__default = /*#__PURE__*/_interopDefault(Form);
+var Form2__default = /*#__PURE__*/_interopDefault(Form2);
 var validator__default = /*#__PURE__*/_interopDefault(validator);
 var CodeMirror__default = /*#__PURE__*/_interopDefault(CodeMirror);
-var lucide_react_star__namespace = /*#__PURE__*/_interopNamespace(lucide_react_star);
 var colors__default = /*#__PURE__*/_interopDefault(colors);
 var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 var RadixTabs__namespace = /*#__PURE__*/_interopNamespace(RadixTabs);
@@ -73,22 +74,10 @@ var RRadioGroup__namespace = /*#__PURE__*/_interopNamespace(RRadioGroup);
 var RSeparator__namespace = /*#__PURE__*/_interopNamespace(RSeparator);
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget);
 
 // src/utils/debounce.ts
 var debounce = (fn, delay) => {
@@ -110,8 +99,15 @@ var keyCodes = {
   ESCAPE: "Escape",
   SPACE: " "
 };
+var useStableCallback = (callback) => {
+  const latestRef = React26.useRef(callback);
+  React26.useLayoutEffect(() => {
+    latestRef.current = callback;
+  }, [callback]);
+  return React26.useCallback((...args) => latestRef.current(...args), []);
+};
 var twMerge = tailwindMerge.extendTailwindMerge({
-  prefix: "tw-"
+  prefix: "tw"
 });
 var cn = (...classes) => twMerge(clsx.clsx(...classes));
 
@@ -187,39 +183,39 @@ var useArgoDesign = () => React26.use(ArgoDesignContext);
 var tooltipVariants = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
-    "tw-inline-block",
-    "tw-break-anywhere",
-    "tw-max-h-96",
-    "tw-overflow-y-auto",
-    "tw-z-[1060]",
+    "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",
+    "tw:rounded",
+    "tw:bg-neutral-800",
+    "tw:text-white",
     // argo chrome overrides — semantic floating-panel tokens
-    "data-[argo=true]:tw-rounded-2xl",
-    "data-[argo=true]:tw-border",
-    "data-[argo=true]:tw-border-solid",
-    "data-[argo=true]:tw-border-border",
-    "data-[argo=true]:tw-bg-popover",
-    "data-[argo=true]:tw-text-popover-foreground",
-    "data-[argo=true]:tw-shadow-md",
+    "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
-    "data-[argo=true]:data-[state=delayed-open]:tw-animate-in",
-    "data-[argo=true]:data-[state=instant-open]:tw-animate-in",
-    "data-[argo=true]:data-[state=delayed-open]:tw-fade-in-0",
-    "data-[argo=true]:data-[state=instant-open]:tw-fade-in-0",
-    "data-[argo=true]:data-[state=delayed-open]:tw-zoom-in-95",
-    "data-[argo=true]:data-[state=instant-open]:tw-zoom-in-95",
+    "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
-    "data-[argo=true]:data-[state=closed]:tw-animate-out",
-    "data-[argo=true]:data-[state=closed]:tw-fade-out-0",
-    "data-[argo=true]:data-[state=closed]:tw-zoom-out-95",
+    "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
-    "data-[argo=true]:data-[side=bottom]:tw-slide-in-from-top-2",
-    "data-[argo=true]:data-[side=left]:tw-slide-in-from-right-2",
-    "data-[argo=true]:data-[side=right]:tw-slide-in-from-left-2",
-    "data-[argo=true]:data-[side=top]:tw-slide-in-from-bottom-2"
+    "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: {
@@ -228,22 +224,26 @@ var tooltipVariants = classVarianceAuthority.cva(
     variants: {
       variant: {
         action: [
-          "tw-max-w-fit",
-          "tw-px-3",
-          "tw-py-2",
-          "tw-text-center",
-          "tw-text-xs",
-          "tw-font-medium",
-          "tw-uppercase",
-          "tw-tracking-wider"
+          "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"
+          "tw:max-w-80",
+          "tw:px-4",
+          "tw:py-3",
+          "tw:text-left",
+          "tw:text-sm",
+          "tw:font-normal"
         ]
       }
     }
@@ -317,8 +317,8 @@ var TooltipTrigger = ({
         // (merged in via Slot) activates Tailwind's preflight inside the
         // span, which sets `svg { display: block }` — without an inline-flex
         // container that would stack any bare Lucide icon onto its own
-        // line. `tw-inline-flex tw-items-center` keeps icon + text aligned.
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-inline-flex tw-items-center", children })
+        // line. `tw:inline-flex tw:items-center` keeps icon + text aligned.
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:inline-flex tw:items-center", children })
       )
     }
   );
@@ -384,7 +384,7 @@ Tooltip.Content = TooltipContent;
 Tooltip.Trigger = TooltipTrigger;
 
 // src/utils/createPrefixedString.ts
-var createPrefixedString = (prefix) => (literals) => literals.reduce((acc, literal) => acc + literal, `${prefix}-`);
+var createPrefixedString = (prefix2) => (literals) => literals.reduce((acc, literal) => acc + literal, `${prefix2}-`);
 
 // src/utils/mergeRefs.ts
 function setRef(ref, value) {
@@ -397,14 +397,14 @@ function setRef(ref, value) {
 var mergeRefs = (...refs) => {
   return (node) => refs.forEach((ref) => setRef(ref, node));
 };
-var helpVariants = classVarianceAuthority.cva(["tw-m-0", "tw-text-xs"], {
+var helpVariants = classVarianceAuthority.cva(["tw:m-0", "tw:text-xs"], {
   defaultVariants: {
     state: "default"
   },
   variants: {
     state: {
-      default: ["tw-text-muted-foreground"],
-      warning: ["tw-text-warning"]
+      default: ["tw:text-muted-foreground"],
+      warning: ["tw:text-warning"]
     }
   }
 });
@@ -412,146 +412,49 @@ var HelpBlock = ({ children, className, state = "default", ...rest }) => {
   if (!children) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("p", { ...rest, className: helpVariants({ state, className }), children });
 };
-
-// src/icons/index.ts
-var icons_exports = {};
-__export(icons_exports, {
-  Google: () => Google,
-  Keboola: () => Keboola,
-  Microsoft: () => Microsoft
-});
-__reExport(icons_exports, lucide_react_star__namespace);
-var Google = React26.forwardRef(
-  ({ size = 24, className, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      ref,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "12 10 20 20",
-      fill: "none",
-      className: cn("lucide", className),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M31.6 20.2273C31.6 19.5182 31.5364 18.8364 31.4182 18.1818H22V22.05H27.3818C27.15 23.3 26.4455 24.3591 25.3864 25.0682V27.5773H28.6182C30.5091 25.8364 31.6 23.2727 31.6 20.2273Z",
-            fill: "#4285F4"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M22 30C24.7 30 26.9636 29.1045 28.6181 27.5773L25.3863 25.0682C24.4909 25.6682 23.3454 26.0227 22 26.0227C19.3954 26.0227 17.1909 24.2636 16.4045 21.9H13.0636V24.4909C14.7091 27.7591 18.0909 30 22 30Z",
-            fill: "#34A853"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M16.4045 21.9C16.2045 21.3 16.0909 20.6591 16.0909 20C16.0909 19.3409 16.2045 18.7 16.4045 18.1V15.5091H13.0636C12.3864 16.8591 12 18.3864 12 20C12 21.6136 12.3864 23.1409 13.0636 24.4909L16.4045 21.9Z",
-            fill: "#FBBC04"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M22 13.9773C23.4681 13.9773 24.7863 14.4818 25.8227 15.4727L28.6909 12.6045C26.9591 10.9909 24.6954 10 22 10C18.0909 10 14.7091 12.2409 13.0636 15.5091L16.4045 18.1C17.1909 15.7364 19.3954 13.9773 22 13.9773Z",
-            fill: "#EA4335"
-          }
-        ),
-        children
-      ]
-    }
-  )
-);
-Google.displayName = "Google";
-var Keboola = React26.forwardRef(
-  ({ size = 24, color = "currentColor", className, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      ref,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 300 512",
-      overflow: "visible",
-      fill: color,
-      className: cn("lucide", className),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M152 320C79.7 320 24.5 233.9 24.5 124.7C24.5 15.6 70.5 0 152 0s123.6 15.6 123.6 124.7C275.5 233.9 217.7 320 152 320zm-8.7-50.5c0-11.2-9.5-20.3-21.2-20.3s-21.2 9.1-21.2 20.3c0 11.2 9.5 20.3 21.2 20.3s21.2-9.1 21.2-20.3zm55.7 0c0-11.2-9.5-20.3-21.2-20.3s-21.2 9.1-21.2 20.3c0 11.2 9.5 20.3 21.2 20.3s21.2-9.1 21.2-20.3zm68.9 115.1c10.2 9.3 20.2 20.5 29 35c5.9 9.7 2.6 22.1-7.5 27.8c-3.4 1.9-7.1 2.8-10.7 2.8c-7.2 0-14.3-3.6-18.3-10c-6.8-11.1-13.8-18.9-21.7-26.1c-7.3-6.7-15.6-12.7-24.9-19.5c-.7-.5-1.4-1-2.1-1.5c-5-3.6-10-6.8-14.9-9.4c.6 1 1.2 2.1 1.8 3.2c14.4 26.4 29.2 63.1 29.2 104.9c0 11.2-9.5 20.3-21.2 20.3c-11.7 0-21.2-9.1-21.2-20.3c.1-31.8-11.6-62.3-23.8-84.9c-4-7.4-8-13.9-11.6-19.3c-3.4 5.2-7.2 11.3-11 18.3c-12.5 22.7-24.5 53.8-24.4 86c0 11.2-9.5 20.3-21.2 20.3s-21.2-9.1-21.2-20.3c.1-41.8 14.9-78.4 29.2-104.9c.6-1.1 1.2-2.1 1.8-3.2c-5 2.7-9.9 5.8-14.9 9.4c-.6 .5-1.3 .9-1.9 1.4c-9.5 6.9-17.8 12.9-25.1 19.7c-7.9 7.2-14.9 15.1-21.7 26.1c-5.9 9.7-18.9 12.9-29 7.2C.5 441.8-2.9 429.3 3.1 419.7c8.9-14.4 18.8-25.7 29-35c9.2-8.4 18.5-15.1 27.6-21.7c1-.7 2-1.4 3-2.2c4.7-3.5 9.6-6.7 14.6-9.6c-5-2.9-9.8-6.1-14.6-9.6C39.8 325 19.9 302.5 3.1 275.1c-5.9-9.7-2.6-22.1 7.5-27.8c10.1-5.7 23.1-2.5 29 7.2c14.6 23.7 31.1 42 48.7 54.9c18.9 13.7 37.4 20.5 56.5 21.5c1.7-.1 3.5-.1 5.2-.1c1.8 0 3.5 .1 5.2 .1c0 0 0 0 0 0c19.1-1.1 37.6-7.9 56.5-21.5c17.6-12.8 34.2-31.2 48.7-54.9c6-9.7 18.9-12.9 29-7.2c10.1 5.7 13.4 18.1 7.5 27.8c-16.8 27.4-36.7 49.9-59.6 66.6c-4.7 3.5-9.6 6.7-14.5 9.6c4.9 2.9 9.8 6.1 14.5 9.6c.9 .7 1.8 1.3 2.7 2c9.2 6.7 18.5 13.5 27.9 22z" }),
-        children
-      ]
-    }
-  )
-);
-Keboola.displayName = "Keboola";
-var Microsoft = React26.forwardRef(
-  ({ size = 24, className, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      ref,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 21 21",
-      fill: "none",
-      className: cn("lucide", className),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: "10", height: "10", fill: "#F25022" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "0", width: "10", height: "10", fill: "#7FBA00" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "11", width: "10", height: "10", fill: "#00A4EF" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "11", width: "10", height: "10", fill: "#FFB900" }),
-        children
-      ]
-    }
-  )
-);
-Microsoft.displayName = "Microsoft";
 var variants = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
-    "tw-group/button",
-    "tw-border-box",
+    "tw:group/button",
+    "tw:border-box",
     // layout
-    "tw-relative",
-    "tw-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "tw-gap-2",
+    "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 stays `tw-uppercase`.
-    "tw-text-xs",
-    "tw-leading-5",
-    "tw-font-medium",
-    "tw-tracking-chrome",
-    "tw-uppercase",
+    // (`--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",
+    "tw:rounded",
+    "tw:border",
+    "tw:border-transparent",
     // styling
-    "tw-shadow-none",
-    "[a]:tw-cursor-pointer",
+    "tw:shadow-none",
+    "tw:[a]:cursor-pointer",
     // explicitly set for anchor
-    "focus-visible:tw-outline",
-    "focus-visible:tw-outline-1",
-    "focus-visible:-tw-outline-offset-1",
-    "focus-visible:tw-outline-ring",
-    "focus-visible:tw-ring-4",
-    "focus-visible:tw-ring-ring/30",
+    "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
-    "disabled:tw-opacity-40",
-    "disabled:tw-cursor-not-allowed",
+    "tw:disabled:opacity-40",
+    "tw:disabled:cursor-not-allowed",
     // anchor support
-    "!tw-no-underline",
-    "aria-disabled:tw-opacity-40",
-    "aria-disabled:tw-cursor-not-allowed",
-    "[&_svg]:tw-shrink-0"
+    "tw:!no-underline",
+    "tw:aria-disabled:opacity-40",
+    "tw:aria-disabled:cursor-not-allowed",
+    "tw:[&_svg]:shrink-0"
   ],
   {
     defaultVariants: {
@@ -561,113 +464,113 @@ var variants = classVarianceAuthority.cva(
     },
     variants: {
       block: {
-        true: ["tw-w-full"]
+        true: ["tw:w-full"]
       },
       variant: {
         primary: [
-          "tw-text-white",
-          "tw-bg-primary-500",
-          "focus:tw-text-white",
-          "hover:tw-text-white",
-          "hover:not-disabled:tw-bg-primary-600",
-          "active:not-disabled:tw-bg-primary-800",
+          "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
-          "aria-disabled:!tw-bg-primary-500"
+          "tw:aria-disabled:!bg-primary-500"
         ],
         secondary: [
-          "tw-text-white",
-          "tw-bg-secondary-500",
-          "focus:tw-text-white",
-          "hover:tw-text-white",
-          "hover:not-disabled:tw-bg-secondary-700",
-          "active:not-disabled:tw-bg-secondary-800",
+          "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
-          "aria-disabled:!tw-bg-secondary-500"
+          "tw:aria-disabled:!bg-secondary-500"
         ],
         danger: [
-          "tw-text-white",
-          "tw-bg-error-500",
-          "focus:tw-text-white",
-          "hover:tw-text-white",
-          "hover:not-disabled:tw-bg-error-600",
-          "active:not-disabled:tw-bg-error-700",
+          "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
-          "aria-disabled:!tw-bg-error-500"
+          "tw:aria-disabled:!bg-error-500"
         ],
         invisible: [
-          "tw-text-neutral-800",
-          "tw-bg-transparent",
-          "focus:tw-text-neutral-800",
-          "hover:not-disabled:tw-bg-neutral-100",
-          "hover:tw-text-neutral-800",
-          "active:not-disabled:tw-bg-neutral-150",
+          "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
-          "[&_svg]:tw-text-neutral-400",
-          "[&_svg]:hover:not-disabled:tw-text-secondary-600",
-          "[&_svg]:active:not-disabled:tw-text-secondary-600",
+          "tw:[&_svg]:text-neutral-400",
+          "tw:hover:not-disabled:[&_svg]:text-secondary-600",
+          "tw:active:not-disabled:[&_svg]:text-secondary-600",
           // anchor disabled override
-          "aria-disabled:!tw-bg-transparent"
+          "tw:aria-disabled:!bg-transparent"
         ],
         outline: [
-          "tw-text-neutral-800",
-          "tw-bg-white",
+          "tw:text-neutral-800",
+          "tw:bg-white",
           // border
-          "!tw-border-neutral-200",
-          "hover:tw-text-neutral-800",
-          "focus:tw-text-neutral-800",
-          "hover:not-disabled:!tw-border-neutral-300",
-          "hover:not-disabled:tw-bg-neutral-100",
-          "active:not-disabled:tw-bg-neutral-200",
+          "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
-          "[&_svg]:tw-text-neutral-400",
-          "[&_svg]:not-disabled:hover:tw-text-secondary-600",
-          "[&_svg]:active:not-disabled:tw-text-secondary-600",
+          "tw:[&_svg]:text-neutral-400",
+          "tw:not-disabled:hover:[&_svg]:text-secondary-600",
+          "tw:active:not-disabled:[&_svg]:text-secondary-600",
           // anchor disabled override
-          "aria-disabled:!tw-bg-white",
-          "aria-disabled:!tw-border-neutral-200"
+          "tw:aria-disabled:!bg-white",
+          "tw:aria-disabled:!border-neutral-200"
         ],
         inline: [
-          "tw-text-neutral-800",
-          "tw-bg-transparent",
-          "tw-rounded-full",
-          "[&_svg]:tw-text-neutral-400",
-          "[&_svg]:not-disabled:hover:tw-text-secondary-600",
-          "[&_svg]:not-disabled:focus:tw-text-secondary-600"
+          "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",
-          '[&_svg:not([class*="tw-size-"])]:tw-size-4'
+          "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",
-          '[&_svg:not([class*="tw-size-"])]:tw-size-4'
+          "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",
-          '[&_svg:not([class*="tw-size-"])]:tw-size-4'
+          "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", '[&_svg:not([class*="tw-size-"])]:tw-size-6'],
-        icon: ["tw-size-10", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
-        "icon-sm": ["tw-size-8", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
-        "icon-xs": ["tw-size-6", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-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",
-          '[&_svg:not([class*="tw-size-"])]:tw-size-3'
+          "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", '[&_svg:not([class*="tw-size-"])]:tw-size-4']
+        "icon-3xs": ["tw:h-fit", "tw:w-fit", 'tw:[&_svg:not([class*="tw:size-"])]:size-4']
       }
     }
   }
@@ -676,37 +579,37 @@ var argoVariants = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
     // layout
-    "tw-relative",
-    "tw-inline-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "tw-whitespace-nowrap",
-    "tw-gap-2",
+    "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)]",
+    "tw:border",
+    "tw:border-transparent",
+    "tw:rounded-[var(--radius-lg,0.25rem)]",
     // text
-    "tw-font-medium",
-    "tw-select-none",
+    "tw:font-medium",
+    "tw:select-none",
     // focus visible
-    "!tw-outline-none",
-    "focus-visible:tw-ring-2",
+    "tw:!outline-hidden",
+    "tw:focus-visible:ring-2",
     // disabled
-    "disabled:tw-cursor-not-allowed",
-    "disabled:tw-opacity-50",
-    "active:tw-opacity-60",
-    "tw-transition-all",
-    "tw-bg-clip-padding",
+    "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",
-    "aria-disabled:tw-cursor-not-allowed",
-    "aria-disabled:tw-opacity-50",
+    "tw:!no-underline",
+    "tw:aria-disabled:cursor-not-allowed",
+    "tw:aria-disabled:opacity-50",
     // icon
-    "tw-shrink-0",
-    "[&_svg]:tw-pointer-events-none",
-    "[&_svg]:tw-shrink-0",
-    "[&_svg:not([class*='tw-size-'])]:tw-size-4"
+    "tw:shrink-0",
+    "tw:[&_svg]:pointer-events-none",
+    "tw:[&_svg]:shrink-0",
+    "tw:[&_svg:not([class*='tw:size-'])]:size-4"
   ],
   {
     defaultVariants: {
@@ -715,77 +618,77 @@ var argoVariants = classVarianceAuthority.cva(
     },
     variants: {
       block: {
-        true: ["tw-w-full"]
+        true: ["tw:w-full"]
       },
       variant: {
         primary: [
-          "tw-bg-primary",
-          "tw-text-primary-foreground",
-          "[a]:hover:tw-bg-primary/80",
-          "hover:not-disabled:tw-bg-primary/90",
-          "hover:tw-text-primary-foreground",
-          "focus:tw-text-primary-foreground",
-          "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-ring/50"
+          "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",
-          "hover:not-disabled:tw-bg-primary/20",
-          "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-ring/50"
+          "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",
-          "hover:tw-text-destructive-foreground",
-          "focus:tw-text-destructive-foreground",
-          "focus-visible:tw-border-destructive",
-          "focus-visible:tw-ring-destructive/20"
+          "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",
+          "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",
+          "tw:text-foreground",
           // Hover follows the brand primary (translucent tint), matching the
           // `secondary` variant — not the fixed `accent` blue.
-          "hover:not-disabled:tw-bg-primary/10",
-          "hover:not-disabled:tw-text-primary",
-          "hover:active:tw-bg-background",
-          "focus-visible:!tw-border-primary",
-          "focus-visible:tw-ring-ring/50"
+          "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",
-          "hover:not-disabled:tw-bg-primary/10",
-          "hover:not-disabled:tw-text-primary",
-          "hover:not-disabled:tw-border-primary/10",
-          "focus-visible:tw-ring-ring/50"
+          "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",
-          "hover:tw-underline",
-          "hover:active:tw-bg-transparent",
-          "focus-visible:tw-ring-ring/50"
+          "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"],
+        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"],
+        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"],
+        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": [],
@@ -833,13 +736,13 @@ var Button = ({
       onClick: handleClick,
       className: cn(classNames),
       children: [
-        isLoading && /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Loader2, { className: "tw-size-4 tw-shrink-0 tw-animate-spin" }),
+        isLoading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "tw:size-4 tw:shrink-0 tw:animate-spin" }),
         /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children: isLoading && isIconOnly ? null : children })
       ]
     }
   );
 };
-var Clipboard = ({
+var Clipboard2 = ({
   ref,
   text: textProp,
   children,
@@ -864,6 +767,7 @@ var Clipboard = ({
     }
   };
   const handleOnClick = (event) => {
+    setIsTooltipOpen(true);
     if (text && state === "ready") void copy(text);
     onClick?.(event);
   };
@@ -878,6 +782,7 @@ var Clipboard = ({
     return tooltip;
   })();
   const tooltipVariant = state === "ready" && !!text ? tooltipVariantProp : "action";
+  const hasTooltipContent = tooltipContent !== null && tooltipContent !== void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip.Root, { open: isTooltipOpen, onOpenChange: handleOnOpenChange, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       Tooltip.Trigger,
@@ -886,12 +791,12 @@ var Clipboard = ({
         asChild,
         keepOpenOnClick: true,
         onClick: handleOnClick,
-        className: cn("tw-cursor-pointer", className),
+        className: cn("tw:cursor-pointer", className),
         ref,
         children: children ?? text
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    hasTooltipContent && /* @__PURE__ */ jsxRuntime.jsx(
       Tooltip.Content,
       {
         keepOpenOnPointerDownOutside: true,
@@ -902,7 +807,7 @@ var Clipboard = ({
     )
   ] });
 };
-var DEFAULT_ICON = /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Copy, {});
+var DEFAULT_ICON = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, {});
 var DEFAULT_ARIA_LABEL = "Copy";
 var ClipboardButton = ({
   // clipboard props
@@ -919,7 +824,7 @@ var ClipboardButton = ({
   const defaultAriaLabel = typeof tooltip === "string" && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;
   const ariaLabel = rest["aria-label"] ?? (children == null ? defaultAriaLabel : void 0);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Clipboard,
+    Clipboard2,
     {
       asChild: true,
       tooltip,
@@ -935,13 +840,198 @@ var ClipboardButton = ({
 };
 var ButtonToolbar = ({ value, children }) => {
   if (!value && !children) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-pointer-events-auto tw-ml-auto tw-mr-4 tw-flex tw-w-fit tw-gap-1 tw-overflow-visible tw-rounded-lg tw-border tw-border-solid tw-border-border !tw-bg-background tw-p-[3px] tw-shadow", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:pointer-events-auto tw:ml-auto tw:mr-4 tw:flex tw:w-fit tw:gap-1 tw:overflow-visible tw:rounded-lg tw:border tw:border-solid tw:border-border tw:!bg-background tw:p-[3px] tw:shadow", children: [
     !!value && /* @__PURE__ */ jsxRuntime.jsx(ClipboardButton, { size: "icon-sm", variant: "invisible", text: value }),
     children
   ] });
 };
+var COMMANDS = [
+  "run-operation",
+  "source freshness",
+  "docs generate",
+  "run",
+  "test",
+  "seed",
+  "snapshot",
+  "list",
+  "ls",
+  "compile",
+  "build",
+  "deps"
+];
+var ARGUMENTS = ["--select", "--exclude", "--selector", "--defer", "--resource-type", "-s"];
+var METHODS = [
+  "path:",
+  "source:",
+  "tag:",
+  "package:",
+  "config:",
+  "test_type:",
+  "test_name:",
+  "state:",
+  "exposure:",
+  "metric:",
+  "result:",
+  "source_status:",
+  "column_name:"
+];
+var FLAGS = [
+  "--fail-fast",
+  "--warn-error",
+  "--favor-state",
+  "--vars",
+  "--models",
+  "--threads",
+  "--profiles-dir",
+  "--profile",
+  "--full-refresh"
+];
+var word = (list) => new RegExp(`^\\s+(?:${list.join("|")})\\b`, "i");
+var prefix = (list) => new RegExp(`^\\s+(?:${list.join("|")})`, "i");
+var dbt = simpleMode.simpleMode({
+  start: [
+    { regex: /"(?:[^\\]|\\.)*?(?:"|$)/, token: "string" },
+    { regex: /dbt/, token: "keyword", sol: true },
+    { regex: word(COMMANDS), token: "keyword" },
+    { regex: word(ARGUMENTS), token: "variableName" },
+    { regex: prefix(METHODS), token: "propertyName" },
+    { regex: prefix(FLAGS), token: "attributeName" },
+    { regex: /(?:@|\*|,|\+\d+|\d+\+|\+)/, token: "operator" },
+    { regex: /'.*'/, token: "string" },
+    { regex: /true|false/, token: "atom" }
+  ]
+});
+
+// src/components/CodeEditor/modes/jsonnet.ts
+var COMMENT_END = /^\*\//;
+var COMMENT_START = /^\/\/|^#/;
+var C_COMMENT_START = /^\/\*/;
+var TEXT_BLOCK = /^\|\|\|/;
+var TEXT_BLOCK_END = /^\s*\|\|\|/;
+var RAW_DOUBLE = /^""/;
+var RAW_SINGLE = /^''/;
+var CLOSE_DOUBLE = /^"/;
+var CLOSE_SINGLE = /^'/;
+var ESCAPE = /^\\[\\"'/bfnrt0]/;
+var UNICODE_ESCAPE = /^\\u[0-9a-fA-F]{4}/;
+var BACKSLASH = /^\\/;
+var IMPORT = /^import(?:str)?\s*(@?)(["'])/;
+var QUOTE = /^(@?)(["'])/;
+var ROOT = /^\$/;
+var NUMBER = /^(?:\.\d+|\d+\.?\d*)(?:e[-+]?\d+)?/i;
+var OPERATOR = /^[-+/*=<>!&~^|$%]+/;
+var IDENTIFIER = /^[a-zA-Z_][a-zA-Z0-9_]*/;
+var KEYWORDS = {
+  local: "keyword",
+  self: "keyword",
+  super: "keyword",
+  assert: "keyword",
+  function: "keyword",
+  if: "keyword",
+  then: "keyword",
+  else: "keyword",
+  for: "keyword",
+  in: "keyword",
+  tailstrict: "keyword",
+  error: "keyword",
+  true: "atom",
+  false: "atom",
+  null: "atom"
+};
+var jsonnet = {
+  name: "jsonnet",
+  startState: () => ({
+    cComment: false,
+    textBlock: false,
+    textBlockIndent: null,
+    string: false,
+    importString: false,
+    stringSingle: false,
+    stringRaw: false
+  }),
+  token: (stream, state) => {
+    if (state.cComment) {
+      if (stream.match(COMMENT_END)) {
+        state.cComment = false;
+        return "comment";
+      }
+      stream.next();
+      return "comment";
+    }
+    if (state.textBlock) {
+      if (state.textBlockIndent == null) {
+        if (stream.match(TEXT_BLOCK_END)) {
+          state.textBlock = false;
+          return "string";
+        }
+        state.textBlockIndent = stream.indentation();
+      }
+      if (stream.indentation() >= state.textBlockIndent) {
+        stream.skipToEnd();
+        return "string";
+      }
+      if (stream.match(TEXT_BLOCK_END)) {
+        state.textBlock = false;
+        return "string";
+      }
+      stream.next();
+      return "invalid";
+    }
+    if (state.string || state.importString) {
+      const style = state.string ? "string" : "meta";
+      if (state.stringRaw) {
+        if (stream.match(state.stringSingle ? RAW_SINGLE : RAW_DOUBLE)) return "escape";
+      } else {
+        if (stream.match(ESCAPE)) return "escape";
+        if (stream.match(UNICODE_ESCAPE)) return "escape";
+        if (stream.match(BACKSLASH)) return "invalid";
+      }
+      if (stream.match(state.stringSingle ? CLOSE_SINGLE : CLOSE_DOUBLE)) {
+        state.string = false;
+        state.importString = false;
+        return style;
+      }
+      stream.next();
+      return style;
+    }
+    if (stream.match(COMMENT_START)) {
+      stream.skipToEnd();
+      return "comment";
+    }
+    if (stream.match(C_COMMENT_START)) {
+      state.cComment = true;
+      return "comment";
+    }
+    const imported = stream.match(IMPORT);
+    if (Array.isArray(imported)) {
+      state.importString = true;
+      state.stringRaw = imported[1] === "@";
+      state.stringSingle = imported[2] === "'";
+      return "meta";
+    }
+    const quoted = stream.match(QUOTE);
+    if (Array.isArray(quoted)) {
+      state.string = true;
+      state.stringRaw = quoted[1] === "@";
+      state.stringSingle = quoted[2] === "'";
+      return "string";
+    }
+    if (stream.match(TEXT_BLOCK)) {
+      state.textBlock = true;
+      state.textBlockIndent = null;
+      return "string";
+    }
+    if (stream.match(ROOT)) return "keyword";
+    if (stream.match(NUMBER)) return "number";
+    if (stream.match(OPERATOR)) return "operator";
+    const identifier = stream.match(IDENTIFIER);
+    if (Array.isArray(identifier)) return KEYWORDS[identifier[0]] ?? null;
+    stream.next();
+    return null;
+  }
+};
 var resolveToken = (token, fallbackChannels, alpha) => {
-  const channels = typeof document === "undefined" ? fallbackChannels : getComputedStyle(document.documentElement).getPropertyValue(`--color-${token}`).trim() || fallbackChannels;
+  const channels = typeof document === "undefined" ? fallbackChannels : getComputedStyle(document.documentElement).getPropertyValue(`--${token}`).trim() || fallbackChannels;
   return alpha === void 0 ? `rgb(${channels})` : `rgb(${channels} / ${alpha})`;
 };
 var SSR_SIGNAL = "ssr";
@@ -961,12 +1051,38 @@ var subscribeThemeSignal = (onChange) => {
   return () => observer.disconnect();
 };
 var useThemeSignal = () => React26.useSyncExternalStore(subscribeThemeSignal, readThemeSignal, () => SSR_SIGNAL);
-var useThemedExtension = (build, deps = []) => {
+var themeCache = /* @__PURE__ */ new Map();
+var useThemedExtension = (cacheKey, build) => {
   const themeSignal = useThemeSignal();
-  return React26.useMemo(build, [themeSignal, ...deps]);
+  const key = `${themeSignal} ${cacheKey}`;
+  let cached = themeCache.get(key);
+  if (!cached) {
+    cached = build();
+    themeCache.set(key, cached);
+  }
+  return cached;
 };
 
 // src/components/CodeEditor/helpers.ts
+var LANGUAGE_MODES = [
+  "application/json",
+  "text/plain",
+  "text/x-python",
+  "text/x-sql",
+  "text/x-mysql",
+  "text/x-pgsql",
+  "text/x-mssql",
+  "text/x-sfsql",
+  "text/x-plsql",
+  "text/x-rsrc",
+  "text/x-sh",
+  "text/x-toml",
+  "text/jsonnet",
+  "text/x-dbt",
+  "text/javascript",
+  "text/typescript"
+];
+var isLanguageMode = (mode) => LANGUAGE_MODES.includes(mode);
 var buildBaseThemeStyles = () => ({
   "*": { lineHeight: "20px" },
   "*::selection": {
@@ -1007,7 +1123,27 @@ var buildBaseThemeStyles = () => ({
   ".cm-changeGutter": { position: "absolute", zIndex: -1, width: "100%", paddingLeft: 0 },
   '&[class*="cm-merge-"] .cm-changedLine,&[class*="cm-merge-"] .cm-line, &[class*="cm-merge-"] .cm-deletedChunk': { paddingLeft: 0 }
 });
-var BASIS_SETUP = { drawSelection: false };
+var ALWAYS_OFF = {
+  drawSelection: false,
+  foldGutter: false,
+  foldKeymap: false,
+  highlightActiveLine: false,
+  highlightActiveLineGutter: false
+};
+var buildBasicSetup = (readOnly) => ({
+  ...ALWAYS_OFF,
+  ...readOnly ? {
+    history: false,
+    historyKeymap: false,
+    closeBrackets: false,
+    closeBracketsKeymap: false,
+    lintKeymap: false,
+    indentOnInput: false,
+    rectangularSelection: false,
+    dropCursor: false,
+    highlightSelectionMatches: false
+  } : null
+});
 var buildCustomTheme = () => codemirrorThemeGithub.githubLightInit({
   settings: {
     fontFamily: `'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New'`,
@@ -1022,10 +1158,19 @@ var buildCustomTheme = () => codemirrorThemeGithub.githubLightInit({
 });
 var getLanguageMode = (mode) => {
   switch (mode) {
+    case void 0:
+    case "application/json":
+      return langJson.json();
     case "text/x-python":
       return langPython.python();
     case "text/x-sql":
       return langSql.sql({ upperCaseKeywords: true });
+    case "text/x-mysql":
+      return langSql.sql({ upperCaseKeywords: true, dialect: langSql.MySQL });
+    case "text/x-pgsql":
+      return langSql.sql({ upperCaseKeywords: true, dialect: langSql.PostgreSQL });
+    case "text/x-mssql":
+      return langSql.sql({ upperCaseKeywords: true, dialect: langSql.MSSQL });
     case "text/x-sfsql":
       return language.StreamLanguage.define(codemirrorLangSfsql.sfsql);
     case "text/x-plsql":
@@ -1034,23 +1179,32 @@ var getLanguageMode = (mode) => {
       return language.StreamLanguage.define(r.r);
     case "text/x-sh":
       return language.StreamLanguage.define(shell.shell);
+    case "text/x-toml":
+      return language.StreamLanguage.define(toml.toml);
+    case "text/jsonnet":
+      return language.StreamLanguage.define(jsonnet);
+    case "text/x-dbt":
+      return language.StreamLanguage.define(dbt);
     case "text/javascript":
       return langJavascript.javascript({ jsx: true });
     case "text/typescript":
       return langJavascript.javascript({ jsx: true, typescript: true });
+    // No language — `text/plain` lands here, and so does any mode added to
+    // LANGUAGE_MODES without an arm above. Unstyled text is the safe degradation;
+    // a `json()` default would colour unrelated content as if it were JSON.
     default:
-      return langJson.json();
+      return [];
   }
 };
 var shouldLintJson = (mode, readOnly) => mode === "application/json" && !readOnly;
-var KbdSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: cn("tw-text-xs tw-text-muted-foreground", className) });
+var KbdSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: cn("tw:text-xs tw:text-muted-foreground", className) });
 var KbdGroup = ({ ref, className, children, separator, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "kbd",
     {
       ...props,
       ref,
-      className: cn("tw-inline-flex", "tw-items-center", "tw-gap-1", className),
+      className: cn("tw:inline-flex", "tw:items-center", "tw:gap-1", className),
       children: separator ? (
         // oxlint-disable-next-line react-x/no-children-to-array
         React26.Children.toArray(children).map((child, index) => (
@@ -1068,22 +1222,22 @@ var kbdVariants = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
     // style
-    "tw-pointer-events-none",
-    "tw-w-fit",
-    "tw-h-5",
-    "tw-min-w-5",
+    "tw:pointer-events-none",
+    "tw:w-fit",
+    "tw:h-5",
+    "tw:min-w-5",
     // layout
-    "tw-inline-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "tw-gap-1",
-    "tw-shrink-0",
+    "tw:inline-flex",
+    "tw:items-center",
+    "tw:justify-center",
+    "tw:gap-1",
+    "tw:shrink-0",
     // spacing
-    "tw-px-1",
-    '[&_svg:not([class*="size-"])]:tw-size-2.5',
-    "tw-text-xs",
-    "tw-font-medium",
-    "tw-rounded"
+    "tw:px-1",
+    'tw:[&_svg:not([class*="size-"])]:size-2.5',
+    "tw:text-xs",
+    "tw:font-medium",
+    "tw:rounded"
   ],
   {
     defaultVariants: {
@@ -1091,8 +1245,8 @@ var kbdVariants = classVarianceAuthority.cva(
     },
     variants: {
       variant: {
-        default: "tw-bg-muted tw-text-muted-foreground",
-        primary: "tw-bg-white/20 tw-text-white"
+        default: "tw:bg-muted tw:text-muted-foreground",
+        primary: "tw:bg-white/20 tw:text-white"
       }
     }
   }
@@ -1115,6 +1269,7 @@ var CodeEditor = ({
   onChange,
   mode = "application/json",
   placeholder = "",
+  ariaLabel,
   readOnly = false,
   autocompletions = emptyArray,
   extraKeys = emptyObject,
@@ -1123,19 +1278,23 @@ var CodeEditor = ({
   withLineNumbers = true,
   withLineWrapping = true,
   withCollapseUnchanged = false,
-  withCopyButton = true,
+  withCopyButton = false,
   completeAny = false,
   help = null,
   helpPostfix = null,
   renderAdditionalButtons,
   className
 }) => {
-  const customTheme = useThemedExtension(buildCustomTheme);
-  const baseTheme = useThemedExtension(() => view.EditorView.theme(buildBaseThemeStyles()));
+  const handleChange = useStableCallback((next) => onChange?.(next));
+  const customTheme = useThemedExtension("editor:syntax", buildCustomTheme);
+  const baseTheme = useThemedExtension(
+    "code-editor:chrome",
+    () => view.EditorView.theme(buildBaseThemeStyles())
+  );
   const commonExtensions = React26.useMemo(() => {
     return [
       getLanguageMode(mode),
-      shouldLintJson(mode, readOnly) && lint.linter(langJson.jsonParseLinter()),
+      shouldLintJson(mode, readOnly) ? lint.linter(langJson.jsonParseLinter()) : [],
       withLineWrapping ? view.EditorView.lineWrapping : [],
       CodeMirror.EditorState.languageData.of(() => [
         { autocomplete: completeAny ? autocomplete.completeAnyWord : autocompletions }
@@ -1150,10 +1309,20 @@ var CodeEditor = ({
           }
         }))
       ),
-      autocomplete.autocompletion({ activateOnTyping: completeAny }),
+      readOnly ? [] : autocomplete.autocompletion({ activateOnTyping: completeAny }),
+      ariaLabel ? view.EditorView.contentAttributes.of({ "aria-label": ariaLabel }) : [],
       baseTheme
-    ].filter(Boolean);
-  }, [autocompletions, completeAny, extraKeys, mode, readOnly, withLineWrapping, baseTheme]);
+    ];
+  }, [
+    autocompletions,
+    completeAny,
+    extraKeys,
+    mode,
+    readOnly,
+    withLineWrapping,
+    baseTheme,
+    ariaLabel
+  ]);
   const extensions = React26.useMemo(() => {
     return [
       ...commonExtensions,
@@ -1170,18 +1339,20 @@ var CodeEditor = ({
   }, [commonExtensions, placeholder, readOnly, previousValue, withCollapseUnchanged]);
   const config = React26.useMemo(() => {
     return {
-      ...BASIS_SETUP,
+      ...buildBasicSetup(readOnly),
       lineNumbers: withLineNumbers
     };
-  }, [withLineNumbers]);
+  }, [withLineNumbers, readOnly]);
+  const additionalButtons = renderAdditionalButtons?.(value);
+  const hasToolbar = withCopyButton && !!value || !!additionalButtons;
   return (
     // oxlint-disable-next-line jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: cn(
-          "tw-relative tw-flex tw-min-h-0 tw-flex-col [&_.cm-mergeViewEditor]:tw-overflow-visible [&_.cm-mergeViewEditors]:tw-h-full [&_.cm-mergeView]:tw-h-full [&_>div]:tw-h-full [&_>div]:tw-overflow-auto [&_>div]:tw-bg-background",
-          { "tw-mt-5": !!renderAdditionalButtons },
+          "tw:relative tw:flex tw:min-h-0 tw:flex-col tw:[&_.cm-mergeViewEditor]:overflow-visible tw:[&_.cm-mergeViewEditors]:h-full tw:[&_.cm-mergeView]:h-full tw:[&_>div]:h-full tw:[&_>div]:overflow-auto tw:[&_>div]:bg-background",
+          { "tw:mt-8": hasToolbar },
           className
         ),
         onKeyDown: (event) => {
@@ -1190,19 +1361,19 @@ var CodeEditor = ({
           }
         },
         children: [
-          (withCopyButton || renderAdditionalButtons) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-pointer-events-none tw-absolute tw-z-10 tw-flex !tw-h-auto tw-w-full tw-translate-y-[calc(-100%_+_8px)] !tw-overflow-visible !tw-bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ButtonToolbar, { value: withCopyButton ? value : void 0, children: renderAdditionalButtons?.(value) }) }) }),
+          hasToolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:pointer-events-none tw:absolute tw:z-10 tw:flex tw:!h-auto tw:w-full tw:translate-y-[calc(-100%_+_8px)] tw:!overflow-visible tw:!bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ButtonToolbar, { value: withCopyButton ? value : void 0, children: additionalButtons }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             CodeMirror__default.default,
             {
               theme: customTheme,
               value,
-              onChange,
+              onChange: handleChange,
               extensions,
               autoFocus: withAutofocus,
               basicSetup: config
             }
           ),
-          !readOnly && (withToggleCommentHint || help || helpPostfix) && /* @__PURE__ */ jsxRuntime.jsxs(HelpBlock, { className: "tw-mt-2 tw-flex tw-flex-wrap tw-gap-1", children: [
+          !readOnly && (withToggleCommentHint || help || helpPostfix) && /* @__PURE__ */ jsxRuntime.jsxs(HelpBlock, { className: "tw:mt-2 tw:flex tw:flex-wrap tw:gap-1", children: [
             help,
             withToggleCommentHint ? /* @__PURE__ */ jsxRuntime.jsx(ToggleComponentHelp, {}) : null,
             helpPostfix
@@ -1212,18 +1383,6 @@ var CodeEditor = ({
     )
   );
 };
-var LANGUAGE_MODES = [
-  "application/json",
-  "text/x-python",
-  "text/x-sql",
-  "text/x-sfsql",
-  "text/x-plsql",
-  "text/x-rsrc",
-  "text/x-sh",
-  "text/javascript",
-  "text/typescript"
-];
-var isLanguageMode = (mode) => LANGUAGE_MODES.includes(mode);
 var isValidJson = (raw) => {
   try {
     const parsed = JSON.parse(raw);
@@ -1273,7 +1432,7 @@ var CodeEditorWidget = ({
       onChange(raw);
     }
   };
-  const help = isJsonMode && !isReadOnly ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const help = isJsonMode && !isReadOnly && options.encryptionHint !== false ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     "Properties prefixed with ",
     /* @__PURE__ */ jsxRuntime.jsx("code", { children: "#" }),
     " sign will be encrypted on save. Already encrypted strings will persist."
@@ -1284,6 +1443,7 @@ var CodeEditorWidget = ({
       value: text,
       mode,
       readOnly: true,
+      withCopyButton: true,
       withLineNumbers: editorOptions.lineNumbers !== false
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -1292,6 +1452,7 @@ var CodeEditorWidget = ({
       value: text,
       mode,
       onChange: handleChange,
+      withCopyButton: true,
       withLineNumbers: editorOptions.lineNumbers !== false,
       help
     }
@@ -1343,9 +1504,9 @@ var Collapse = ({
         }
       },
       "data-state": open ? "open" : "closed",
-      className: cn("tw-group tw-flex tw-flex-col", className, {
-        "tw-cursor-pointer": onClick,
-        "tw-hidden": hidden
+      className: cn("tw:group tw:flex tw:flex-col", className, {
+        "tw:cursor-pointer": onClick,
+        "tw:hidden": hidden
       }),
       children: [
         header,
@@ -1353,11 +1514,11 @@ var Collapse = ({
           "div",
           {
             className: cn(
-              "tw-grid tw-duration-300",
-              open ? "tw-grid-rows-[1fr]" : "tw-grid-rows-[0fr]",
+              "tw:grid tw:duration-300",
+              open ? "tw:grid-rows-[1fr]" : "tw:grid-rows-[0fr]",
               animationClassName
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("tw-overflow-hidden", open && "tw-animate-collapseDown", bodyClassName), children })
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("tw:overflow-hidden", open && "tw:animate-collapseDown", bodyClassName), children })
           }
         )
       ]
@@ -1365,15 +1526,15 @@ var Collapse = ({
   );
 };
 var headerVariants = classVarianceAuthority.cva(
-  "tw-flex tw-flex-1 tw-items-center tw-gap-2 tw-rounded tw-px-4 tw-py-2.5 tw-text-sm tw-text-muted-foreground",
+  "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground",
   {
     variants: {
       variant: {
-        default: "tw-bg-muted",
-        white: "tw-bg-card"
+        default: "tw:bg-muted",
+        white: "tw:bg-card"
       },
       isDisabled: {
-        true: "tw-cursor-not-allowed tw-opacity-50",
+        true: "tw:cursor-not-allowed tw:opacity-50",
         false: ""
       },
       hasEnforcedState: {
@@ -1385,7 +1546,7 @@ var headerVariants = classVarianceAuthority.cva(
       {
         isDisabled: false,
         hasEnforcedState: false,
-        class: "tw-cursor-pointer hover:tw-text-primary"
+        class: "tw:cursor-pointer tw:hover:text-primary"
       }
     ],
     defaultVariants: {
@@ -1435,7 +1596,7 @@ var CollapsiblePanel = ({
     {
       open,
       className: cn(
-        "tw-rounded !tw-border !tw-border-solid !tw-border-border tw-bg-card",
+        "tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card",
         className
       ),
       header: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1449,12 +1610,12 @@ var CollapsiblePanel = ({
             onKeyUp: handleKeyUp
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-1 tw-items-center tw-gap-2 tw-py-px tw-text-sm tw-font-medium tw-text-foreground", children: header }),
-            !isDisabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-ml-auto tw-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronDown, { className: cn("tw-size-5 group-data-[state=open]:tw-rotate-180") }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground", children: header }),
+            !isDisabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:ml-auto tw:shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: cn("tw:size-5 tw:group-data-[state=open]:rotate-180") }) })
           ]
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("tw-px-4 tw-py-3", bodyClassName), children })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("tw:px-4 tw:py-3", bodyClassName), children })
     }
   );
 };
@@ -1530,7 +1691,7 @@ var SchemaDescription = ({ description }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: "tw-text-xs tw-text-neutral-400",
+      className: "tw:text-xs tw:text-neutral-400",
       dangerouslySetInnerHTML: { __html: DOMPurify__default.default.sanitize(description) }
     }
   );
@@ -1564,7 +1725,7 @@ var GridObjectField = ({
   const disableCollapse = !!uiOptions?.disableCollapse;
   const sortedKeys = sortByPropertyOrder(properties);
   if (sortedKeys.length === 0) return null;
-  const gridContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-grid tw-grid-cols-12 tw-gap-4 [&>div:empty]:tw-hidden", children: sortedKeys.map((key) => {
+  const gridContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:grid tw:grid-cols-12 tw:gap-4 tw:[&>div:empty]:hidden", children: sortedKeys.map((key) => {
     const gridCols = properties[key]?.options?.grid_columns ?? 12;
     const gridBreak = !!properties[key]?.options?.grid_break;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1600,11 +1761,11 @@ var GridObjectField = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsiblePanel,
       {
-        className: "tw-rounded-lg",
+        className: "tw:rounded-lg",
         header: schema.title || "Settings",
         defaultExpanded,
-        headerClassName: "tw-rounded-lg",
-        bodyClassName: "tw-flex tw-flex-col tw-gap-4",
+        headerClassName: "tw:rounded-lg",
+        bodyClassName: "tw:flex tw:flex-col tw:gap-4",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(SchemaDescription, { description: schema.description }),
           gridContent
@@ -1613,13 +1774,13 @@ var GridObjectField = ({
     );
   }
   if (schema.title) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-rounded-lg tw-border tw-border-solid tw-border-neutral-200 tw-p-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw-mb-3 tw-text-base tw-font-medium tw-text-neutral-800", children: schema.title }),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw:mb-3 tw:text-base tw:font-medium tw:text-neutral-800", children: schema.title }),
       /* @__PURE__ */ jsxRuntime.jsx(SchemaDescription, { description: schema.description }),
       gridContent
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-gap-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SchemaDescription, { description: schema.description }),
     gridContent
   ] });
@@ -1629,8 +1790,8 @@ var CollapsibleContent = ({ ref, className, children, ...props }) => /* @__PURE_
   {
     ref,
     className: cn(
-      "data-[state=closed]:tw-animate-collapsible-up",
-      "data-[state=open]:tw-animate-collapsible-down",
+      "tw:data-[state=closed]:animate-collapsible-up",
+      "tw:data-[state=open]:animate-collapsible-down",
       className
     ),
     ...props,
@@ -1648,33 +1809,33 @@ var AlertAction = ({ ref, className, asChild = false, ...props }) => {
       ...props,
       ref,
       className: cn(
-        "tw-col-start-3",
-        "tw-row-start-1",
-        "tw-self-start",
-        "tw-flex",
-        "tw-gap-2",
+        "tw:col-start-3",
+        "tw:row-start-1",
+        "tw:self-start",
+        "tw:flex",
+        "tw:gap-2",
         className
       )
     }
   );
 };
 var AlertCollapsibleIcon = ({ open }) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { placement: "top", tooltip: open ? "Collapse alert" : "Expand alert", triggerAsChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-  icons_exports.ChevronDown,
+  lucideReact.ChevronDown,
   {
     className: cn(
-      "tw-mt-px",
-      "tw-size-5",
-      "tw-text-neutral-400",
-      "group-data-[state=open]/alert:tw-rotate-180",
+      "tw:mt-px",
+      "tw:size-5",
+      "tw:text-neutral-400",
+      "tw:group-data-[state=open]/alert:rotate-180",
       // Legacy uses the fixed categorical hover scales; argo uses the themeable status tokens.
-      "group-data-[variant=info]/alert:group-hover:tw-text-blue-600",
-      "group-data-[variant=info]/alert:group-data-[argo=true]/alert:group-hover:tw-text-info",
-      "group-data-[variant=warning]/alert:group-hover:tw-text-warning-600",
-      "group-data-[variant=warning]/alert:group-data-[argo=true]/alert:group-hover:tw-text-warning",
-      "group-data-[variant=error]/alert:group-hover:tw-text-error-600",
-      "group-data-[variant=error]/alert:group-data-[argo=true]/alert:group-hover:tw-text-destructive",
-      "group-data-[variant=success]/alert:group-hover:tw-text-green-600",
-      "group-data-[variant=success]/alert:group-data-[argo=true]/alert:group-hover:tw-text-success"
+      "tw:group-data-[variant=info]/alert:group-hover:text-blue-600",
+      "tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:group-hover:text-info",
+      "tw:group-data-[variant=warning]/alert:group-hover:text-warning-600",
+      "tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:group-hover:text-warning",
+      "tw:group-data-[variant=error]/alert:group-hover:text-error-600",
+      "tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:group-hover:text-destructive",
+      "tw:group-data-[variant=success]/alert:group-hover:text-green-600",
+      "tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:group-hover:text-success"
     )
   }
 ) });
@@ -1684,26 +1845,26 @@ var AlertDescription = ({ ref, children, className, ...rest }) => /* @__PURE__ *
     ...rest,
     ref,
     className: cn(
-      "tw-col-start-2",
-      "group-has-[[data-slot=alert-title]]/alert:tw-col-end-[-1]",
+      "tw:col-start-2",
+      "tw:group-has-[[data-slot=alert-title]]/alert:col-end-[-1]",
       // spacer before description when a title exists (pseudo-element so it animates with Collapsible)
-      "group-has-[[data-slot=alert-title]]/alert:before:tw-block",
-      "group-has-[[data-slot=alert-title]]/alert:before:tw-h-4",
-      "group-has-[[data-slot=alert-title]]/alert:before:tw-content-['']",
-      "tw-break-anywhere",
+      "tw:group-has-[[data-slot=alert-title]]/alert:before:block",
+      "tw:group-has-[[data-slot=alert-title]]/alert:before:h-4",
+      "tw:group-has-[[data-slot=alert-title]]/alert:before:content-['']",
+      "tw:break-anywhere",
       // Default size for nested Lucide icons; callers can override on the icon.
-      "[&_svg.lucide:not([class*='tw-size-'])]:tw-size-4",
-      "[&_svg]:tw-shrink-0",
+      "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
+      "tw:[&_svg]:shrink-0",
       className
     ),
     children
   }
 );
 var VARIANT_ICONS = {
-  info: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Info, {}),
-  warning: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.AlertTriangle, {}),
-  error: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.AlertTriangle, {}),
-  success: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.CircleCheck, {})
+  info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, {}),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, {}),
+  error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, {}),
+  success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, {})
 };
 var AlertIcon = ({ variant, icon, className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
@@ -1711,21 +1872,21 @@ var AlertIcon = ({ variant, icon, className, ...rest }) => /* @__PURE__ */ jsxRu
     ...rest,
     "data-slot": "alert-icon",
     className: cn(
-      "tw-inline-flex",
-      "tw-items-center",
-      "tw-justify-center",
-      "tw-self-start",
-      "tw-p-0.5",
-      '[&_svg:not([class*="tw-size-"])]:tw-size-4',
+      "tw:inline-flex",
+      "tw:items-center",
+      "tw:justify-center",
+      "tw:self-start",
+      "tw:p-0.5",
+      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
       // Legacy uses the fixed categorical icon scales; argo uses the themeable status tokens.
-      "group-data-[variant=info]/alert:tw-text-blue-500",
-      "group-data-[variant=info]/alert:group-data-[argo=true]/alert:tw-text-info",
-      "group-data-[variant=warning]/alert:tw-text-warning-500",
-      "group-data-[variant=warning]/alert:group-data-[argo=true]/alert:tw-text-warning",
-      "group-data-[variant=error]/alert:tw-text-error-500",
-      "group-data-[variant=error]/alert:group-data-[argo=true]/alert:tw-text-destructive",
-      "group-data-[variant=success]/alert:tw-text-green-500",
-      "group-data-[variant=success]/alert:group-data-[argo=true]/alert:tw-text-success",
+      "tw:group-data-[variant=info]/alert:text-blue-500",
+      "tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:text-info",
+      "tw:group-data-[variant=warning]/alert:text-warning-500",
+      "tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:text-warning",
+      "tw:group-data-[variant=error]/alert:text-error-500",
+      "tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:text-destructive",
+      "tw:group-data-[variant=success]/alert:text-green-500",
+      "tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:text-success",
       className
     ),
     children: icon ?? VARIANT_ICONS[variant]
@@ -1741,47 +1902,47 @@ var AlertRoot = ({ ref, children, className, variant, ...rest }) => {
       "data-variant": variant,
       "data-argo": renderArgo,
       className: cn(
-        "tw-group/alert",
+        "tw:group/alert",
         // layout
-        "tw-grid",
-        "tw-grid-cols-[0_1fr_auto]",
-        "has-[[data-slot=alert-icon]]:tw-grid-cols-[auto_1fr_auto]",
-        "has-[[data-slot=alert-icon]]:tw-gap-x-2",
+        "tw:grid",
+        "tw:grid-cols-[0_1fr_auto]",
+        "tw:has-[[data-slot=alert-icon]]:grid-cols-[auto_1fr_auto]",
+        "tw:has-[[data-slot=alert-icon]]:gap-x-2",
         // fonts
-        "tw-text-sm",
+        "tw:text-sm",
         // Legacy keeps the fixed neutral text; argo uses the semantic foreground
         // so the alert flips with the brand's light/dark palette (the categorical
         // variant tint stays — only the text token becomes brand-aware).
-        "tw-text-neutral-800",
-        "data-[argo=true]:tw-text-foreground",
-        "tw-text-left",
-        "tw-p-4",
+        "tw:text-neutral-800",
+        "tw:data-[argo=true]:text-foreground",
+        "tw:text-left",
+        "tw:p-4",
         // border — legacy keeps a fixed radius; argo follows the brand radius token.
-        "tw-rounded",
-        "data-[argo=true]:tw-rounded-[var(--radius-lg,0.25rem)]",
-        "tw-border",
-        "tw-border-solid",
+        "tw:rounded",
+        "tw:data-[argo=true]:rounded-[var(--radius-lg,0.25rem)]",
+        "tw:border",
+        "tw:border-solid",
         // Variant tint + border. Legacy keeps the fixed categorical scales (solid
         // pastel tint); argo uses the brand-overridable status tokens (bg at 10%,
         // border at 25%) so status re-skins with the brand. The argo tokens carry
         // AA-legible defaults, so the variant icon (AlertIcon, full-strength
-        // `tw-text-<role>`) clears ≥4.5:1 on the tint in both light and dark.
-        "data-[variant=info]:tw-bg-blue-100",
-        "data-[variant=info]:tw-border-blue-200",
-        "data-[variant=info]:data-[argo=true]:tw-bg-info/10",
-        "data-[variant=info]:data-[argo=true]:tw-border-info/25",
-        "data-[variant=warning]:tw-bg-warning-100",
-        "data-[variant=warning]:tw-border-warning-300",
-        "data-[variant=warning]:data-[argo=true]:tw-bg-warning/10",
-        "data-[variant=warning]:data-[argo=true]:tw-border-warning/25",
-        "data-[variant=error]:tw-bg-error-100",
-        "data-[variant=error]:tw-border-error-200",
-        "data-[variant=error]:data-[argo=true]:tw-bg-destructive/10",
-        "data-[variant=error]:data-[argo=true]:tw-border-destructive/25",
-        "data-[variant=success]:tw-bg-green-100",
-        "data-[variant=success]:tw-border-green-200",
-        "data-[variant=success]:data-[argo=true]:tw-bg-success/10",
-        "data-[variant=success]:data-[argo=true]:tw-border-success/25",
+        // `tw:text-<role>`) clears ≥4.5:1 on the tint in both light and dark.
+        "tw:data-[variant=info]:bg-blue-100",
+        "tw:data-[variant=info]:border-blue-200",
+        "tw:data-[variant=info]:data-[argo=true]:bg-info/10",
+        "tw:data-[variant=info]:data-[argo=true]:border-info/25",
+        "tw:data-[variant=warning]:bg-warning-100",
+        "tw:data-[variant=warning]:border-warning-300",
+        "tw:data-[variant=warning]:data-[argo=true]:bg-warning/10",
+        "tw:data-[variant=warning]:data-[argo=true]:border-warning/25",
+        "tw:data-[variant=error]:bg-error-100",
+        "tw:data-[variant=error]:border-error-200",
+        "tw:data-[variant=error]:data-[argo=true]:bg-destructive/10",
+        "tw:data-[variant=error]:data-[argo=true]:border-destructive/25",
+        "tw:data-[variant=success]:bg-green-100",
+        "tw:data-[variant=success]:border-green-200",
+        "tw:data-[variant=success]:data-[argo=true]:bg-success/10",
+        "tw:data-[variant=success]:data-[argo=true]:border-success/25",
         className
       ),
       children
@@ -1795,11 +1956,11 @@ var AlertTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.js
     ref,
     "data-slot": "alert-title",
     className: cn(
-      "tw-group/alert-title",
-      "tw-flex",
-      "tw-col-start-2",
-      "tw-font-medium",
-      "tw-items-center",
+      "tw:group/alert-title",
+      "tw:flex",
+      "tw:col-start-2",
+      "tw:font-medium",
+      "tw:items-center",
       className
     )
   }
@@ -1836,14 +1997,14 @@ var Alert = ({
         {
           className: cn(
             "tailwindcss-preflight",
-            "tw-group",
-            "tw-col-span-full",
-            "tw-grid",
-            "tw-grid-cols-subgrid",
-            "tw-rounded-sm",
-            "focus-visible:tw-outline",
-            "focus-visible:tw-outline-2",
-            "focus-visible:tw-outline-ring"
+            "tw:group",
+            "tw:col-span-full",
+            "tw:grid",
+            "tw:grid-cols-subgrid",
+            "tw:rounded-sm",
+            "tw:focus-visible:outline",
+            "tw:focus-visible:outline-2",
+            "tw:focus-visible:outline-ring"
           ),
           children: [
             !hideIcon && /* @__PURE__ */ jsxRuntime.jsx(AlertIcon, { variant, icon }),
@@ -1867,11 +2028,11 @@ var InfoField = ({ schema, uiSchema }) => {
   const uiOptions = uiSchema?.["ui:options"];
   const alertType = String(uiOptions?.alertType ?? "info");
   const variant = VALID_ALERT_TYPES.has(alertType) ? alertType : "info";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-my-3", children: /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant, title: schema.title, children: schema.description }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:my-3", children: /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant, title: schema.title, children: schema.description }) });
 };
 var TooltipIcon = ({ rawHelp }) => {
   const renderMarkdown = useRenderMarkdown();
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { placement: "top", variant: "explanatory", tooltip: renderMarkdown(rawHelp), triggerAsChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-cursor-help tw-text-neutral-400", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Info, { className: "tw-size-4" }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { placement: "top", variant: "explanatory", tooltip: renderMarkdown(rawHelp), triggerAsChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:cursor-help tw:text-neutral-400", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "tw:size-4" }) }) });
 };
 var defaultValueFor = (prop) => {
   if (prop.default !== void 0) return prop.default;
@@ -1944,20 +2105,20 @@ var TableArrayField = ({
     }
   });
   const getCellUiSchema = (key) => withHiddenLabel(itemUiSchema[key] ?? {});
-  const table = items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "tw-w-full tw-table-fixed tw-border-collapse tw-text-sm", children: [
+  const table = items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "tw:w-full tw:table-fixed tw:border-collapse tw:text-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      isPrimitiveItems ? /* @__PURE__ */ jsxRuntime.jsx("th", { className: "tw-border-b tw-border-neutral-200 tw-p-2 tw-text-left tw-text-xs tw-font-medium tw-text-neutral-600", children: itemSchema?.title ?? "" }) : sortedKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(
+      isPrimitiveItems ? /* @__PURE__ */ jsxRuntime.jsx("th", { className: "tw:border-b tw:border-neutral-200 tw:p-2 tw:text-left tw:text-xs tw:font-medium tw:text-neutral-600", children: itemSchema?.title ?? "" }) : sortedKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(
         "th",
         {
-          className: "tw-border-b tw-border-neutral-200 tw-p-2 tw-text-left tw-text-xs tw-font-medium tw-text-neutral-600",
+          className: "tw:border-b tw:border-neutral-200 tw:p-2 tw:text-left tw:text-xs tw:font-medium tw:text-neutral-600",
           children: properties[key]?.title ?? key
         },
         key
       )),
-      !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "tw-w-20" })
+      !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "tw:w-20" })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: items.map((item, rowIndex) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "tw-border-b tw-border-neutral-100", children: [
-      isPrimitiveItems ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: "tw-px-2 tw-py-1.5 [&>div]:tw-mb-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: items.map((item, rowIndex) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "tw:border-b tw:border-neutral-100", children: [
+      isPrimitiveItems ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: "tw:px-2 tw:py-1.5 tw:[&>div]:mb-0", children: /* @__PURE__ */ jsxRuntime.jsx(
         SchemaField,
         {
           name: String(rowIndex),
@@ -1971,7 +2132,7 @@ var TableArrayField = ({
           disabled: !!disabled,
           readonly: !!readonly
         }
-      ) }) : sortedKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "tw-px-2 tw-py-1.5 [&>div]:tw-mb-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ) }) : sortedKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "tw:px-2 tw:py-1.5 tw:[&>div]:mb-0", children: /* @__PURE__ */ jsxRuntime.jsx(
         SchemaField,
         {
           name: key,
@@ -1986,14 +2147,14 @@ var TableArrayField = ({
           readonly: !!readonly
         }
       ) }, key)),
-      !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx("td", { className: "tw-px-2 tw-py-1.5 tw-text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
+      !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx("td", { className: "tw:px-2 tw:py-1.5 tw:text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
           variant: "invisible",
           size: "icon",
           onClick: () => handleRemoveRow(rowIndex),
           "aria-label": "Remove row",
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Trash2, { className: "tw-size-4" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "tw:size-4" })
         }
       ) })
     ] }, rowIndex)) })
@@ -2007,14 +2168,14 @@ var TableArrayField = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsiblePanel,
       {
-        className: "tw-rounded-lg",
-        headerClassName: "tw-rounded-lg",
-        header: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tw-inline-flex tw-items-center tw-gap-1", children: [
+        className: "tw:rounded-lg",
+        headerClassName: "tw:rounded-lg",
+        header: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tw:inline-flex tw:items-center tw:gap-1", children: [
           schema.title,
           tooltip && /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { rawHelp: tooltip })
         ] }),
         defaultExpanded: true,
-        bodyClassName: "tw-flex tw-flex-col tw-gap-4",
+        bodyClassName: "tw:flex tw:flex-col tw:gap-4",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(SchemaDescription, { description: schema.description }),
           table,
@@ -2023,7 +2184,7 @@ var TableArrayField = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-gap-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SchemaDescription, { description: schema.description }),
     table,
     addButton
@@ -2031,20 +2192,20 @@ var TableArrayField = ({
 };
 
 // src/components/Tabs/styles.ts
-var tabsListWrapperClass = "tw-shrink-0 tw-border-0 tw-border-b tw-border-solid tw-border-border";
-var tabsListClass = "tw-flex tw-gap-8 tw-shrink-0 tw-w-max";
-var tabsTriggerGroupClass = "tw-group/tab-trigger-group tw-flex tw-shrink-0 tw-items-center";
-var tabsTriggerClass = "tw-flex tw-justify-center tw-items-center tw-gap-1.5 tw-bg-transparent tw-shrink-0 tw-border-0 tw-border-b-[3px] tw-border-solid tw-border-transparent tw-pt-2.5 tw-pb-5 tw-px-0 tw-m-0 tw-font-medium tw-leading-5 tw-text-muted-foreground tw-text-base data-[state=active]:tw-text-primary data-[state=active]:tw-border-primary data-[disabled]:tw-text-muted-foreground data-[disabled]:tw-opacity-50 data-[disabled]:tw-cursor-not-allowed group-hover/tab-trigger-group:enabled:tw-text-primary group-hover/tab-trigger-group:enabled:tw-border-primary group-hover/tab-trigger-group:enabled:tw-cursor-pointer";
-var tabsTriggerCompactClass = "tw-text-sm tw-pb-4";
+var tabsListWrapperClass = "tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b tw:border-solid tw:border-border";
+var tabsListClass = "tw:flex tw:gap-8 tw:shrink-0 tw:w-max";
+var tabsTriggerGroupClass = "tw:group/tab-trigger-group tw:flex tw:shrink-0 tw:items-center";
+var tabsTriggerClass = "tw:flex tw:justify-center tw:items-center tw:gap-1.5 tw:bg-transparent tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b-[3px] tw:border-solid tw:border-transparent tw:pt-2.5 tw:pb-5 tw:px-0 tw:m-0 tw:font-medium tw:leading-5 tw:text-muted-foreground tw:text-base tw:data-[state=active]:text-primary tw:data-[state=active]:border-primary tw:data-[disabled]:text-muted-foreground tw:data-[disabled]:opacity-50 tw:data-[disabled]:cursor-not-allowed tw:group-hover/tab-trigger-group:enabled:text-primary tw:group-hover/tab-trigger-group:enabled:border-primary tw:group-hover/tab-trigger-group:enabled:cursor-pointer";
+var tabsTriggerCompactClass = "tw:text-sm tw:pb-4";
 var ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive2__namespace.ScrollAreaScrollbar,
   {
     orientation,
     className: cn(
-      "tw-flex tw-touch-none tw-select-none tw-transition-color",
+      "tw: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"
+        "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
     ),
@@ -2053,11 +2214,11 @@ var ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__PUR
       ScrollAreaPrimitive2__namespace.ScrollAreaThumb,
       {
         className: cn(
-          "tw-relative",
-          "tw-flex-1",
-          "tw-rounded-full",
-          "tw-bg-border",
-          "hover:tw-bg-muted-foreground"
+          "tw:relative",
+          "tw:flex-1",
+          "tw:rounded-full",
+          "tw:bg-border",
+          "tw:hover:bg-muted-foreground"
         )
       }
     )
@@ -2076,7 +2237,7 @@ var ScrollArea = ({
   {
     "data-slot": "scroll-area",
     className: cn(
-      "tw-peer/scroll-area tw-relative tw-overflow-hidden focus-visible:tw-outline-none",
+      "tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden",
       className
     ),
     ...props,
@@ -2086,7 +2247,7 @@ var ScrollArea = ({
         {
           ref,
           className: cn(
-            "tw-h-full tw-w-full tw-rounded-[inherit] focus-visible:tw-outline-none",
+            "tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden",
             viewPortClassName
           ),
           children
@@ -2125,7 +2286,7 @@ var Tabs = ({
   {
     ...rest,
     "data-slot": "tabs-root",
-    className: cn("tw-flex tw-flex-col tw-gap-6", rootClassName),
+    className: cn("tw:flex tw:flex-col tw:gap-6", rootClassName),
     defaultValue: defaultValue ?? triggers[0]?.value,
     onValueChange,
     children: [
@@ -2154,9 +2315,9 @@ var Tabs = ({
                 disabled: triggerRest.disabled,
                 onClick: () => onClose(value),
                 onMouseDown: (e) => e.preventDefault(),
-                className: "!tw-size-8 tw-opacity-0 tw-duration-200 focus-visible:tw-opacity-100 group-focus-within/tab-trigger-group:tw-opacity-100 group-hover/tab-trigger-group:tw-opacity-100",
+                className: "tw:!size-8 tw:opacity-0 tw:duration-200 tw:focus-visible:opacity-100 tw:group-focus-within/tab-trigger-group:opacity-100 tw:group-hover/tab-trigger-group:opacity-100",
                 "aria-label": typeof title === "string" ? `Close ${title}` : "Close tab",
-                children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" })
               }
             )
           ]
@@ -2197,8 +2358,8 @@ var TabsObjectField = ({
     value: key,
     title: properties[key]?.title ?? key
   }));
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-gap-4", children: [
-    schema.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw-text-base tw-font-medium tw-text-neutral-800", children: schema.title }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
+    schema.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw:text-base tw:font-medium tw:text-neutral-800", children: schema.title }),
     /* @__PURE__ */ jsxRuntime.jsx(SchemaDescription, { description: schema.description }),
     /* @__PURE__ */ jsxRuntime.jsx(Tabs, { triggers, value: activeTab, onValueChange: setActiveTab, compact: true, children: sortedKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: key, children: /* @__PURE__ */ jsxRuntime.jsx(
       SchemaField,
@@ -2235,9 +2396,9 @@ var ArrayFieldItemTemplate = ({
     return /* @__PURE__ */ jsxRuntime.jsx(
       CollapsiblePanel,
       {
-        className: "tw-rounded-lg",
-        headerClassName: "tw-rounded-lg",
-        header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-w-full tw-items-center tw-justify-between", children: [
+        className: "tw:rounded-lg",
+        headerClassName: "tw:rounded-lg",
+        header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:w-full tw:items-center tw:justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: itemTitle }),
           canRemove && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -2252,25 +2413,25 @@ var ArrayFieldItemTemplate = ({
                   size: "icon",
                   "aria-label": `Remove ${itemTitle}`,
                   onClick: buttonsProps.onRemoveItem,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Trash2, { className: "tw-size-4" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "tw:size-4" })
                 }
               )
             }
           )
         ] }),
         defaultExpanded,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-4", children })
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex tw:flex-col tw:gap-4", children })
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-rounded-lg tw-border tw-border-solid tw-border-neutral-200 tw-bg-white tw-p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-items-start tw-gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-1 tw-flex-col tw-gap-4", children }),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:bg-white tw:p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:items-start tw:gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex tw:flex-1 tw:flex-col tw:gap-4", children }),
     canRemove && /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
         variant: "outline",
         size: "small",
-        className: "tw-mt-5 tw-shrink-0",
+        className: "tw:mt-5 tw:shrink-0",
         onClick: buttonsProps.onRemoveItem,
         children: "Delete"
       }
@@ -2288,10 +2449,10 @@ var ArrayFieldTemplate = ({
 }) => {
   const isReadOnly = disabled || readonly;
   const itemLabel = typeof schema.items === "object" && schema.items !== null && !Array.isArray(schema.items) ? schema.items.title || "Item" : "Item";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-gap-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
     (title || schema.description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw-text-base tw-font-medium tw-text-neutral-800", children: title }),
-      schema.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tw-mt-1 tw-text-xs tw-text-neutral-400", children: schema.description })
+      title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw:text-base tw:font-medium tw:text-neutral-800", children: title }),
+      schema.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tw:mt-1 tw:text-xs tw:text-neutral-400", children: schema.description })
     ] }),
     items,
     canAdd && !isReadOnly && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", onClick: onAddClick, children: [
@@ -2309,17 +2470,17 @@ var DescriptionFieldTemplate = ({ description, id }) => {
     "p",
     {
       id,
-      className: "tw-text-xs tw-text-neutral-400",
+      className: "tw:text-xs tw:text-neutral-400",
       dangerouslySetInnerHTML: { __html: DOMPurify__default.default.sanitize(String(description)) }
     }
   );
 };
 var ErrorListTemplate = ({ errors }) => {
   if (!errors.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-mb-4", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tw-text-xs tw-text-error-500", children: error.message }, `${error.property}:${error.message}`)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:mb-4", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tw:text-xs tw:text-error-500", children: error.message }, `${error.property}:${error.message}`)) });
 };
-var Optional = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "aria-hidden": true, className: cn("tw-ml-0.5", "tw-text-muted-foreground", className), children: "(optional)" });
-var Required = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "aria-hidden": true, className: cn("tw-ml-0.5", "tw-text-primary", className), children: "*" });
+var Optional = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "aria-hidden": true, className: cn("tw:ml-0.5", "tw:text-muted-foreground", className), children: "(optional)" });
+var Required = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, "aria-hidden": true, className: cn("tw:ml-0.5", "tw:text-primary", className), children: "*" });
 var Label = ({ className, children, id, htmlFor, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
   RLabel__namespace.Root,
   {
@@ -2327,7 +2488,7 @@ var Label = ({ className, children, id, htmlFor, ...rest }) => /* @__PURE__ */ j
     id: id?.toString(),
     htmlFor: htmlFor?.toString(),
     className: cn(
-      "tw-m-0 tw-text-foreground tw-font-normal peer-disabled:tw-opacity-50",
+      "tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-50",
       className
     ),
     children
@@ -2335,7 +2496,7 @@ var Label = ({ className, children, id, htmlFor, ...rest }) => /* @__PURE__ */ j
 );
 Label.Optional = Optional;
 Label.Required = Required;
-var Link = ({
+var Link3 = ({
   ref,
   children,
   target = "_blank",
@@ -2359,7 +2520,7 @@ var Link = ({
         rel,
         onClick: handleOnClick,
         className: cn(
-          "tw-text-primary tw-underline hover:tw-text-primary/90 hover:tw-no-underline",
+          "tw:text-primary tw:underline tw:hover:text-primary/90 tw:hover:no-underline",
           className
         ),
         children
@@ -2374,12 +2535,12 @@ var FormGroupProvider = FormGroupContext;
 var useFormGroupContext = () => React26.use(FormGroupContext);
 var addonVariants = classVarianceAuthority.cva(
   [
-    "tw-flex",
-    "tw-items-center",
-    "tw-gap-1",
+    "tw:flex",
+    "tw:items-center",
+    "tw:gap-1",
     // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.
-    "[&_svg.lucide:not([class*='tw-size-'])]:tw-size-4",
-    "[&_svg]:tw-shrink-0"
+    "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
+    "tw:[&_svg]:shrink-0"
   ],
   {
     defaultVariants: {
@@ -2387,22 +2548,22 @@ var addonVariants = classVarianceAuthority.cva(
     },
     variants: {
       align: {
-        "inline-start": ["tw-order-first", "[&:not(:empty)]:tw-pl-4"],
-        "inline-end": ["tw-order-last", "[&:not(:empty)]:tw-pr-4"],
+        "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
+          "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.
-          "[&:not(:empty)]:tw-w-full",
-          "[&:not(:empty)]:tw-px-4",
-          "[&:not(:empty)]:tw-py-1.5"
+          "tw:[&:not(:empty)]:w-full",
+          "tw:[&:not(:empty)]:px-4",
+          "tw:[&:not(:empty)]:py-1.5"
         ],
         "block-end": [
-          "tw-order-last",
-          "[&:not(:empty)]:tw-w-full",
-          "[&:not(:empty)]:tw-px-4",
-          "[&:not(:empty)]:tw-py-1.5"
+          "tw:order-last",
+          "tw:[&:not(:empty)]:w-full",
+          "tw:[&:not(:empty)]:px-4",
+          "tw:[&:not(:empty)]:py-1.5"
         ]
       }
     }
@@ -2422,7 +2583,7 @@ var InputGroupButton = ({ ref, className, tabIndex = -1, ...props }) => /* @__PU
     ref,
     variant: "invisible",
     size: "icon-sm",
-    className: cn("tw-size-5", "[&_svg]:tw-text-muted-foreground", className)
+    className: cn("tw:size-5", "tw:[&_svg]:text-muted-foreground", className)
   }
 );
 var InputGroupInput = ({ ref, className, ...inputProps }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2431,17 +2592,17 @@ var InputGroupInput = ({ ref, className, ...inputProps }) => /* @__PURE__ */ jsx
     ...inputProps,
     ref,
     className: cn(
-      "tw-w-full",
-      "tw-bg-transparent",
-      "tw-outline-none",
+      "tw:w-full",
+      "tw:bg-transparent",
+      "tw:outline-hidden",
       // font
-      "tw-font-sans",
-      "tw-text-sm",
+      "tw:font-sans",
+      "tw:text-sm",
       // placeholder
-      "placeholder:tw-text-neutral-400",
-      "placeholder:tw-font-normal",
+      "tw:placeholder:text-neutral-400",
+      "tw:placeholder:font-normal",
       // disabled
-      "disabled:tw-cursor-not-allowed",
+      "tw:disabled:cursor-not-allowed",
       className
     )
   }
@@ -2450,13 +2611,13 @@ var InputGroupText = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx
   "span",
   {
     className: cn(
-      "tw-flex",
-      "tw-items-center",
-      "tw-gap-2",
-      "tw-text-sm",
-      "tw-text-muted-foreground",
-      "[&_svg]:tw-pointer-events-none",
-      '[&_svg:not([class*="tw-size-"])]:tw-size-4',
+      "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
@@ -2496,20 +2657,20 @@ var InputGroupTextArea = ({
       minRows,
       maxRows: maxRows === "unlimited" ? void 0 : maxRows,
       className: cn(
-        "tw-w-full",
-        "tw-bg-transparent",
-        "tw-outline-none",
-        "tw-px-4",
+        "tw:w-full",
+        "tw:bg-transparent",
+        "tw:outline-hidden",
+        "tw:px-4",
         // font
-        "tw-font-sans",
-        "tw-text-sm",
+        "tw:font-sans",
+        "tw:text-sm",
         // placeholder
-        "placeholder:tw-text-neutral-400",
-        "placeholder:tw-font-normal",
+        "tw:placeholder:text-neutral-400",
+        "tw:placeholder:font-normal",
         // disabled
-        "disabled:tw-cursor-not-allowed",
+        "tw:disabled:cursor-not-allowed",
         {
-          "tw-resize-none": disableResize
+          "tw:resize-none": disableResize
         },
         className
       )
@@ -2519,39 +2680,39 @@ var InputGroupTextArea = ({
 var inputGroupVariants = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
-    "tw-group",
-    "tw-overflow-hidden",
-    "tw-box-border",
+    "tw:group",
+    "tw:overflow-hidden",
+    "tw:box-border",
     // positioning
-    "tw-flex",
-    "tw-items-center",
+    "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",
+    "tw:rounded",
+    "tw:border",
+    "tw:border-solid",
+    "tw:border-neutral-200",
+    "tw:text-neutral-800",
+    "tw:transition",
     // focus
-    "has-[:is(input,textarea):focus]:tw-ring-4",
+    "tw:has-[:is(input,textarea):focus]:ring-4",
     // readonly
-    "has-[:is(input,textarea)[readonly]]:tw-bg-neutral-150",
-    "has-[:is(input,textarea)[readonly]]:focus-within:tw-ring-0",
-    "has-[:is(input,textarea)[readonly]]:tw-border-neutral-150",
+    "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)
-    "has-[:is(input,textarea):disabled]:tw-cursor-not-allowed",
+    "tw:has-[:is(input,textarea):disabled]:cursor-not-allowed",
     // textarea: top-align addons, allow vertical expansion, own its y-padding
-    "has-[textarea]:tw-items-start",
-    "has-[[data-align=block-start]:not(:empty)]:tw-flex-wrap",
-    "has-[[data-align=block-end]:not(:empty)]:tw-flex-wrap",
-    "[&>input]:has-[[data-align=block-start]:not(:empty)]:tw-w-auto",
-    "[&>input]:has-[[data-align=block-start]:not(:empty)]:tw-flex-1",
-    "[&>input]:has-[[data-align=block-end]:not(:empty)]:tw-w-auto",
-    "[&>input]:has-[[data-align=block-end]:not(:empty)]:tw-flex-1",
-    "[&>input]:tw-px-4",
-    "[&>input]:has-[[data-align=inline-start]:not(:empty)]:tw-pl-2",
-    "[&>input]:has-[[data-align=inline-end]:not(:empty)]:tw-pr-2"
+    "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: {
@@ -2564,153 +2725,153 @@ var inputGroupVariants = classVarianceAuthority.cva(
       {
         variant: "secondary",
         state: "error",
-        className: ["tw-bg-error-100"]
+        className: ["tw:bg-error-100"]
       },
       {
         variant: "secondary",
         state: "warning",
-        className: ["tw-bg-warning-100"]
+        className: ["tw:bg-warning-100"]
       },
       {
         variant: "primary",
         state: "default",
         focusVariant: "off",
-        className: ["has-[:is(input,textarea):focus]:tw-border-neutral-200"]
+        className: ["tw:has-[:is(input,textarea):focus]:border-neutral-200"]
       },
       {
         variant: "secondary",
         state: "default",
         focusVariant: "off",
-        className: ["has-[:is(input,textarea):focus]:tw-border-neutral-100"]
+        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"]
+        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"]
+        className: ["tw:!border-warning-500", "tw:!ring-warning-200"]
       },
       // --- argo ---
       {
         variant: "argo",
         state: "default",
         className: [
-          "has-[:is(input,textarea):focus]:tw-border-primary",
-          "has-[:is(input,textarea):focus]:tw-ring-ring/50"
+          "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",
-          "has-[:is(input,textarea):focus]:tw-border-destructive",
-          "has-[:is(input,textarea):focus]:tw-ring-destructive/20"
+          "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"]
+        className: ["tw:!border-primary", "tw:!ring-ring/50"]
       },
       {
         variant: "argo",
         state: "error",
         focusVariant: "on",
-        className: ["!tw-border-destructive", "!tw-ring-destructive/20"]
+        className: ["tw:!border-destructive", "tw:!ring-destructive/20"]
       },
       {
         variant: "argo",
         state: "default",
         focusVariant: "off",
-        className: ["has-[:is(input,textarea):focus]:tw-border-input"]
+        className: ["tw:has-[:is(input,textarea):focus]:border-input"]
       }
     ],
     variants: {
       focusVariant: {
         default: [],
-        on: ["!tw-border-ring", "!tw-ring-ring/30", "!tw-ring-4"],
-        off: ["has-[:is(input,textarea):focus]:!tw-ring-0"]
+        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",
-          "has-[:is(input,textarea):disabled]:tw-opacity-40",
+          "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`.
-          "has-[:is(input,textarea)[aria-invalid=true]]:tw-border-error-500",
-          "has-[:is(input,textarea)[aria-invalid=true]:focus]:tw-border-error-500",
-          "has-[:is(input,textarea)[aria-invalid=true]:focus]:tw-ring-error-200"
+          "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",
-          "has-[:is(input,textarea):disabled]:tw-opacity-40",
-          "has-[:is(input,textarea)[aria-invalid=true]]:tw-border-error-500",
-          "has-[:is(input,textarea)[aria-invalid=true]:focus]:tw-border-error-500",
-          "has-[:is(input,textarea)[aria-invalid=true]:focus]:tw-ring-error-200"
+          "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)]",
+          "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",
-          "has-[:is(input,textarea):disabled]:tw-opacity-50",
+          "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.
-          "has-[:is(input,textarea)[readonly]]:tw-bg-muted",
-          "has-[:is(input,textarea)[readonly]]:tw-border-input",
+          "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
-          "has-[:is(input,textarea)[readonly]:focus]:tw-border-input",
+          "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).
-          "has-[:is(input,textarea)[aria-invalid=true]]:tw-border-destructive",
-          "has-[:is(input,textarea)[aria-invalid=true]:focus]:tw-border-destructive",
-          "has-[:is(input,textarea)[aria-invalid=true]:focus]:tw-ring-destructive/20"
+          "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: [
-          "[&>:is(input,textarea)]:tw-py-2.5",
-          "[&>:is(input,textarea)]:tw-leading-[18px]",
-          "[&>textarea]:!tw-min-h-[calc(2.5rem-2px)]"
+          "tw:[&>:is(input,textarea)]:py-2.5",
+          "tw:[&>:is(input,textarea)]:leading-[18px]",
+          "tw:[&>textarea]:!min-h-[calc(2.5rem-2px)]"
         ],
         small: [
-          "[&>:is(input,textarea)]:tw-py-2",
-          "[&>:is(input,textarea)]:tw-leading-[16px]",
-          "[&>textarea]:!tw-min-h-[calc(2rem-2px)]"
+          "tw:[&>:is(input,textarea)]:py-2",
+          "tw:[&>:is(input,textarea)]:leading-[16px]",
+          "tw:[&>textarea]:!min-h-[calc(2rem-2px)]"
         ],
         medium: [
-          "[&>:is(input,textarea)]:tw-py-2",
-          "[&>:is(input,textarea)]:tw-leading-[18px]",
-          "[&>textarea]:!tw-min-h-[calc(2.25rem-2px)]"
+          "tw:[&>:is(input,textarea)]:py-2",
+          "tw:[&>:is(input,textarea)]:leading-[18px]",
+          "tw:[&>textarea]:!min-h-[calc(2.25rem-2px)]"
         ]
       },
       state: {
         default: [
-          "has-[:is(input,textarea):focus]:tw-border-ring",
-          "has-[:is(input,textarea):focus]:tw-ring-ring/30"
+          "tw:has-[:is(input,textarea):focus]:border-ring",
+          "tw:has-[:is(input,textarea):focus]:ring-ring/30"
         ],
         error: [
-          "tw-border-error-500",
-          "has-[:is(input,textarea):focus]:tw-border-error-500",
-          "has-[:is(input,textarea):focus]:tw-ring-error-200"
+          "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",
-          "has-[:is(input,textarea):focus]:tw-border-warning-500",
-          "has-[:is(input,textarea):focus]:tw-ring-warning-200"
+          "tw:border-warning-500",
+          "tw:has-[:is(input,textarea):focus]:border-warning-500",
+          "tw:has-[:is(input,textarea):focus]:ring-warning-200"
         ]
       }
     }
@@ -2818,7 +2979,7 @@ var ColorPicker = ({ value, disabled, readOnly, ...props }) => {
     if (!pickerRef.current) return;
     showPicker(pickerRef.current);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-relative", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -2828,7 +2989,7 @@ var ColorPicker = ({ value, disabled, readOnly, ...props }) => {
         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",
+        className: "tw:pointer-events-none tw:absolute tw:left-0 tw:top-full tw:size-0 tw:opacity-0",
         disabled,
         readOnly
       }
@@ -2840,7 +3001,7 @@ var ColorPicker = ({ value, disabled, readOnly, ...props }) => {
         disabled: disabled || readOnly,
         onClick: handleOpenPicker,
         "aria-label": "Pick color",
-        children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Pipette, { className: "tw-size-4" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pipette, { className: "tw:size-4" })
       }
     )
   ] });
@@ -2915,24 +3076,24 @@ var ColorInput = ({
           {
             align: "inline-start",
             className: cn(
-              { "-tw-ml-7 tw-opacity-0": !value },
-              "tw-transition-[opacity,margin]",
-              "tw-ease-linear",
-              "tw-duration-200"
+              { "tw:-ml-7 tw:opacity-0": !value },
+              "tw:transition-[opacity,margin]",
+              "tw:ease-linear",
+              "tw:duration-200"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 style: isValidSwatch ? { background: swatchColor } : void 0,
                 className: cn(
-                  "tw-size-5",
-                  "tw-shrink-0",
-                  "tw-rounded-sm",
-                  "tw-border",
-                  "tw-border-solid",
-                  "tw-border-neutral-300",
+                  "tw: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
+                    "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
                   }
                 )
               }
@@ -2959,7 +3120,7 @@ var ColorInput = ({
               onMouseDown: (event) => event.preventDefault(),
               onClick: handleClear,
               "aria-label": "Clear color",
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2987,10 +3148,10 @@ var FormGroupError = ({ children, className, errors, ...rest }) => {
     const messages = (errors ?? []).map(toMessage).filter((message2) => !!message2);
     if (messages.length === 0) return null;
     if (messages.length === 1) return messages[0];
-    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "tw-m-0 tw-flex tw-list-disc tw-flex-col tw-gap-0 tw-pl-4", children: messages.map((message2, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: message2 }, index)) });
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "tw:m-0 tw:flex tw:list-disc tw:flex-col tw:gap-0 tw:pl-4", children: messages.map((message2, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: message2 }, index)) });
   }, [children, errors]);
   if (!content) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, role: "alert", className: cn("tw-m-0 tw-text-xs tw-text-destructive", className), children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, role: "alert", className: cn("tw:m-0 tw:text-xs tw:text-destructive", className), children: content });
 };
 var FormGroupHelp = ({ children, ...rest }) => {
   const formGroupContext = useFormGroupContext();
@@ -3010,7 +3171,7 @@ var NumberInput = ({
   onValueBlur,
   onChange,
   onBlur,
-  prefix,
+  prefix: prefix2,
   suffix,
   ...inputProps
 }) => {
@@ -3033,7 +3194,7 @@ var NumberInput = ({
       focusVariant,
       className,
       children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
+        prefix2 && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix2 }),
         /* @__PURE__ */ jsxRuntime.jsx(
           InputGroup.Input,
           {
@@ -3092,10 +3253,10 @@ var FormGroupTextarea = (props) => {
 };
 
 // src/blocks/TextInput/utils.ts
-var genInputTestId = (prefix = "") => {
-  const ps = createPrefixedString(prefix);
+var genInputTestId = (prefix2 = "") => {
+  const ps = createPrefixedString(prefix2);
   return {
-    toString: () => prefix,
+    toString: () => prefix2,
     inputWrapper: ps`input-wrapper`,
     input: ps`input`,
     clearButton: ps`clear-button`
@@ -3110,7 +3271,7 @@ var TextInput = ({
   state = "default",
   sizing = "default",
   className,
-  prefix = null,
+  prefix: prefix2 = null,
   rightSuffix = null,
   rightSuffixVariant = "default",
   leftSuffix = null,
@@ -3168,7 +3329,7 @@ var TextInput = ({
       className,
       "data-testid": testId.inputWrapper,
       children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
+        prefix2 && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix2 }),
         /* @__PURE__ */ jsxRuntime.jsx(
           InputGroup.Input,
           {
@@ -3195,14 +3356,14 @@ var TextInput = ({
               onMouseDown: (e) => e.preventDefault(),
               onClick: handleClear,
               "data-testid": testId.clearButton,
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" })
             }
           ),
           rightSuffix && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: cn({
-                "tw-whitespace-nowrap tw-bg-muted tw-px-4 -tw-mr-4 tw-py-2.5": rightSuffixVariant === "addon"
+                "tw:whitespace-nowrap tw:bg-muted tw:px-4 tw:-mr-4 tw:py-2.5": rightSuffixVariant === "addon"
               }),
               children: rightSuffix
             }
@@ -3217,7 +3378,7 @@ var FormGroupTextInput = ({ ref, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { state, ...props, ref });
 };
 var FormGroup = ({ className, children, state, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(FormGroupProvider, { value: { state }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: cn("tw-flex tw-flex-col tw-gap-1", className), children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(FormGroupProvider, { value: { state }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: cn("tw:flex tw:flex-col tw:gap-1", className), children }) });
 };
 FormGroup.Help = FormGroupHelp;
 FormGroup.Error = FormGroupError;
@@ -3269,7 +3430,7 @@ var DocumentationLinkIcon = ({
     variant: "explanatory",
     tooltip: documentation.tooltip ?? "Open documentation",
     triggerAsChild: true,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Link, { href: documentation.link, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-cursor-pointer tw-text-neutral-400 hover:tw-text-neutral-600", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.BookOpen, { className: "tw-size-4" }) }) })
+    children: /* @__PURE__ */ jsxRuntime.jsx(Link3, { href: documentation.link, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:cursor-pointer tw:text-neutral-400 tw:hover:text-neutral-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BookOpen, { className: "tw:size-4" }) }) })
   }
 );
 var FieldTemplateBody = ({
@@ -3304,12 +3465,12 @@ var FieldTemplateBody = ({
     documentation && /* @__PURE__ */ jsxRuntime.jsx(DocumentationLinkIcon, { documentation })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(FormGroup, { state: hasErrors ? "error" : "default", children: [
-    showLabel && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: id, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tw-inline-flex tw-items-center tw-gap-1", children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: id, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tw:inline-flex tw:items-center tw:gap-1", children: [
       label,
       helpIcons
     ] }) }),
-    !showLabel && !isCheckbox && hasHelpIcons && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-items-center tw-gap-1", children: helpIcons }),
-    isCheckbox && hasHelpIcons ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-1", children: [
+    !showLabel && !isCheckbox && hasHelpIcons && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex tw:items-center tw:gap-1", children: helpIcons }),
+    isCheckbox && hasHelpIcons ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:flex tw:items-center tw:gap-1", children: [
       children,
       helpIcons
     ] }) : children,
@@ -3329,9 +3490,9 @@ var FieldTemplateWithDependencies = ({
   return /* @__PURE__ */ jsxRuntime.jsx(FieldTemplateBody, { ...props });
 };
 var FieldTemplate = (props) => {
-  if (props.hidden) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-hidden", children: props.children });
+  if (props.hidden) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:hidden", children: props.children });
   if (props.uiSchema?.["ui:widget"] === "template-watch") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-hidden", children: props.children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:hidden", children: props.children });
   }
   const uiOptions = props.uiSchema?.["ui:options"];
   const dependencies = uiOptions?.dependencies;
@@ -3372,9 +3533,9 @@ var ObjectFieldTemplate = ({
     const w = uiSchema?.[name]?.["ui:widget"];
     return w === "hidden" || w === "template-watch";
   };
-  const renderChildren = (props) => props.map((prop) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: isHiddenMount(prop.name) ? "tw-hidden" : void 0, children: prop.content }, prop.name));
+  const renderChildren = (props) => props.map((prop) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: isHiddenMount(prop.name) ? "tw:hidden" : void 0, children: prop.content }, prop.name));
   if (isRoot) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-4 [&>div:empty]:tw-hidden", children: renderChildren(visibleProperties) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden", children: renderChildren(visibleProperties) });
   }
   const childrenContent = renderChildren(visibleProperties);
   if (hasCollapsed && !disableCollapse) {
@@ -3386,11 +3547,11 @@ var ObjectFieldTemplate = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsiblePanel,
       {
-        className: "tw-rounded-lg",
-        headerClassName: "tw-rounded-lg",
+        className: "tw:rounded-lg",
+        headerClassName: "tw:rounded-lg",
         header: title || "Settings",
         defaultExpanded,
-        bodyClassName: "tw-flex tw-flex-col tw-gap-4 [&>div:empty]:tw-hidden",
+        bodyClassName: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden",
         children: [
           description,
           childrenContent
@@ -3399,12 +3560,12 @@ var ObjectFieldTemplate = ({
     );
   }
   if (isArrayItem) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-4 [&>div:empty]:tw-hidden", children: childrenContent });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden", children: childrenContent });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-rounded-lg tw-border tw-border-solid tw-border-neutral-200 tw-bg-white tw-p-4", children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw-mb-2 tw-text-base tw-font-medium tw-text-neutral-800", children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tw-mb-3 tw-text-xs tw-text-neutral-400", children: description }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-4 [&>div:empty]:tw-hidden", children: childrenContent })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:bg-white tw:p-4", children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "tw:mb-2 tw:text-base tw:font-medium tw:text-neutral-800", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tw:mb-3 tw:text-xs tw:text-neutral-400", children: description }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden", children: childrenContent })
   ] });
 };
 var FieldBoxDescription = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3413,9 +3574,9 @@ var FieldBoxDescription = ({ className, ...props }) => /* @__PURE__ */ jsxRuntim
     ...props,
     "data-slot": "field-box-description",
     className: cn(
-      "tw-text-xs",
-      "tw-text-muted-foreground",
-      "group-has-[:disabled]/field-box:tw-opacity-50",
+      "tw:text-xs",
+      "tw:text-muted-foreground",
+      "tw:group-has-[:disabled]/field-box:opacity-50",
       className
     )
   }
@@ -3426,42 +3587,42 @@ var FieldBoxTitle = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
     ...props,
     "data-slot": "field-box-title",
     className: cn(
-      "tw-text-sm",
-      "tw-font-medium",
-      "tw-text-foreground",
-      "group-has-[:disabled]/field-box:tw-cursor-not-allowed",
-      "group-has-[:disabled]/field-box:tw-opacity-50",
+      "tw:text-sm",
+      "tw:font-medium",
+      "tw:text-foreground",
+      "tw:group-has-[:disabled]/field-box:cursor-not-allowed",
+      "tw:group-has-[:disabled]/field-box:opacity-50",
       className
     )
   }
 );
 var fieldBoxVariants = classVarianceAuthority.cva(
   [
-    "tw-group/field-box",
-    "tw-m-0",
-    "tw-inline-flex",
-    "tw-gap-3",
-    "tw-items-center",
-    "has-[[data-slot=field-box-description]]:tw-items-start",
-    "tw-cursor-pointer",
-    "tw-select-none",
-    "has-[:disabled]:tw-cursor-not-allowed"
+    "tw:group/field-box",
+    "tw:m-0",
+    "tw:inline-flex",
+    "tw:gap-3",
+    "tw:items-center",
+    "tw:has-[[data-slot=field-box-description]]:items-start",
+    "tw:cursor-pointer",
+    "tw:select-none",
+    "tw:has-[:disabled]:cursor-not-allowed"
   ],
   {
     variants: {
       variant: {
         default: [],
         boxed: [
-          "tw-rounded-lg",
-          "tw-border",
-          "tw-border-solid",
-          "tw-border-border",
-          "tw-p-3",
-          "tw-transition-colors",
-          "has-[[data-state=checked]]:tw-border-primary",
-          "has-[[data-state=checked]]:tw-bg-accent",
-          "has-[[data-state=indeterminate]]:tw-border-primary",
-          "has-[[data-state=indeterminate]]:tw-bg-accent"
+          "tw:rounded-lg",
+          "tw:border",
+          "tw:border-solid",
+          "tw:border-border",
+          "tw:p-3",
+          "tw:transition-colors",
+          "tw:has-[[data-state=checked]]:border-primary",
+          "tw:has-[[data-state=checked]]:bg-accent",
+          "tw:has-[[data-state=indeterminate]]:border-primary",
+          "tw:has-[[data-state=indeterminate]]:bg-accent"
         ]
       }
     },
@@ -3485,11 +3646,11 @@ var FieldBoxRoot = ({
     ref,
     className: cn(
       fieldBoxVariants({ variant, className }),
-      position === "end" && "tw-flex-row-reverse"
+      position === "end" && "tw:flex-row-reverse"
     ),
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-inline-flex tw-min-h-5 tw-shrink-0 tw-items-center group-has-[[data-slot=field-box-description]]/field-box:tw-mt-0.5", children: control }),
-      children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-flex tw-flex-1 tw-flex-col tw-gap-0.5", children })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:inline-flex tw:min-h-5 tw:shrink-0 tw:items-center tw:group-has-[[data-slot=field-box-description]]/field-box:mt-0.5", children: control }),
+      children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:flex tw:flex-1 tw:flex-col tw:gap-0.5", children })
     ]
   }
 );
@@ -3502,19 +3663,19 @@ var rootVariants = classVarianceAuthority.cva(
     // reset
     "tailwindcss-preflight",
     // position
-    "tw-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "tw-peer",
-    "tw-size-4",
-    "tw-shrink-0",
-    "tw-cursor-pointer",
+    "tw:flex",
+    "tw:items-center",
+    "tw:justify-center",
+    "tw:peer",
+    "tw:size-4",
+    "tw:shrink-0",
+    "tw:cursor-pointer",
     // border
-    "tw-border",
-    "tw-border-solid",
+    "tw:border",
+    "tw:border-solid",
     // disabled
-    "disabled:tw-opacity-50",
-    "disabled:tw-cursor-not-allowed"
+    "tw:disabled:opacity-50",
+    "tw:disabled:cursor-not-allowed"
   ],
   {
     defaultVariants: {
@@ -3523,42 +3684,42 @@ var rootVariants = classVarianceAuthority.cva(
     variants: {
       variant: {
         default: [
-          "tw-rounded",
-          "tw-border-neutral-200",
-          "data-[state=checked]:tw-bg-primary",
-          "data-[state=checked]:tw-border-primary",
-          "data-[state=indeterminate]:tw-bg-white",
-          "data-[state=indeterminate]:tw-border-neutral-200"
+          "tw:rounded",
+          "tw:border-neutral-200",
+          "tw:data-[state=checked]:bg-primary",
+          "tw:data-[state=checked]:border-primary",
+          "tw:data-[state=indeterminate]:bg-white",
+          "tw:data-[state=indeterminate]:border-neutral-200"
         ],
         argo: [
-          "tw-rounded",
-          "tw-border-input",
-          "tw-transition-colors",
-          "data-[state=checked]:tw-bg-primary",
-          "data-[state=checked]:tw-border-primary",
-          "data-[state=indeterminate]:tw-bg-primary",
-          "data-[state=indeterminate]:tw-border-primary",
+          "tw:rounded",
+          "tw:border-input",
+          "tw:transition-colors",
+          "tw:data-[state=checked]:bg-primary",
+          "tw:data-[state=checked]:border-primary",
+          "tw:data-[state=indeterminate]:bg-primary",
+          "tw:data-[state=indeterminate]:border-primary",
           // focus
-          "focus-visible:tw-outline-none",
-          "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-ring/50"
+          "tw:focus-visible:outline-hidden",
+          "tw:focus-visible:border-primary",
+          "tw:focus-visible:ring-2",
+          "tw:focus-visible:ring-ring/50"
         ]
       }
     }
   }
 );
-var indicatorVariants = classVarianceAuthority.cva(["tw-group", "tw-flex", "tw-items-center"], {
+var indicatorVariants = classVarianceAuthority.cva(["tw:group", "tw:flex", "tw:items-center"], {
   defaultVariants: {
     variant: "default"
   },
   variants: {
     variant: {
       default: [
-        "data-[state=checked]:tw-text-primary-foreground",
-        "data-[state=indeterminate]:tw-text-neutral-200"
+        "tw:data-[state=checked]:text-primary-foreground",
+        "tw:data-[state=indeterminate]:text-neutral-200"
       ],
-      argo: ["tw-text-primary-foreground"]
+      argo: ["tw:text-primary-foreground"]
     }
   }
 });
@@ -3577,8 +3738,8 @@ function Checkbox({
   const id = idProp?.toString() ?? fallbackId;
   const styleVariant = useArgoDesign() ? "argo" : "default";
   const checkboxElement = /* @__PURE__ */ jsxRuntime.jsx(reactCheckbox.Root, { id, ...rest, className: cn(rootVariants({ variant: styleVariant, className })), children: /* @__PURE__ */ jsxRuntime.jsxs(reactCheckbox.Indicator, { className: cn(indicatorVariants({ variant: styleVariant })), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Check, { className: "tw-hidden tw-size-3 tw-stroke-[4px] group-data-[state=checked]:tw-block" }),
-    /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Minus, { className: "tw-hidden tw-size-3 tw-stroke-[4px] group-data-[state=indeterminate]:tw-block" })
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=checked]:block" }),
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=indeterminate]:block" })
   ] }) });
   const rendered = !children ? checkboxElement : /* @__PURE__ */ jsxRuntime.jsxs(FieldBox, { htmlFor: id, variant, position, control: checkboxElement, children: [
     /* @__PURE__ */ jsxRuntime.jsx(FieldBox.Title, { children }),
@@ -3825,7 +3986,7 @@ var millisecondsInWeek = 6048e5;
 var millisecondsInDay = 864e5;
 var constructFromSymbol = /* @__PURE__ */ Symbol.for("constructDateFrom");
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constructFrom.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/constructFrom.js
 function constructFrom(date, value) {
   if (typeof date === "function") return date(value);
   if (date && typeof date === "object" && constructFromSymbol in date)
@@ -3834,12 +3995,12 @@ function constructFrom(date, value) {
   return new Date(value);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/toDate.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/toDate.js
 function toDate(argument, context) {
   return constructFrom(context || argument, argument);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addDays.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/addDays.js
 function addDays(date, amount, options) {
   const _date = toDate(date, options?.in);
   if (isNaN(amount)) return constructFrom(date, NaN);
@@ -3848,7 +4009,7 @@ function addDays(date, amount, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMonths.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/addMonths.js
 function addMonths(date, amount, options) {
   const _date = toDate(date, options?.in);
   if (isNaN(amount)) return constructFrom(date, NaN);
@@ -3871,13 +4032,13 @@ function addMonths(date, amount, options) {
   }
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/defaultOptions.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/defaultOptions.js
 var defaultOptions = {};
 function getDefaultOptions() {
   return defaultOptions;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeek.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfWeek.js
 function startOfWeek(date, options) {
   const defaultOptions2 = getDefaultOptions();
   const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
@@ -3889,12 +4050,12 @@ function startOfWeek(date, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeek.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfISOWeek.js
 function startOfISOWeek(date, options) {
   return startOfWeek(date, { ...options, weekStartsOn: 1 });
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISOWeekYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getISOWeekYear.js
 function getISOWeekYear(date, options) {
   const _date = toDate(date, options?.in);
   const year = _date.getFullYear();
@@ -3915,7 +4076,7 @@ function getISOWeekYear(date, options) {
   }
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
 function getTimezoneOffsetInMilliseconds(date) {
   const _date = toDate(date);
   const utcDate = new Date(
@@ -3933,7 +4094,7 @@ function getTimezoneOffsetInMilliseconds(date) {
   return +date - +utcDate;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/normalizeDates.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/normalizeDates.js
 function normalizeDates(context, ...dates) {
   const normalize = constructFrom.bind(
     null,
@@ -3942,14 +4103,14 @@ function normalizeDates(context, ...dates) {
   return dates.map(normalize);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfDay.js
 function startOfDay(date, options) {
   const _date = toDate(date, options?.in);
   _date.setHours(0, 0, 0, 0);
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarDays.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/differenceInCalendarDays.js
 function differenceInCalendarDays(laterDate, earlierDate, options) {
   const [laterDate_, earlierDate_] = normalizeDates(
     options?.in,
@@ -3963,7 +4124,7 @@ function differenceInCalendarDays(laterDate, earlierDate, options) {
   return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeekYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfISOWeekYear.js
 function startOfISOWeekYear(date, options) {
   const year = getISOWeekYear(date, options);
   const fourthOfJanuary = constructFrom(date, 0);
@@ -3972,17 +4133,17 @@ function startOfISOWeekYear(date, options) {
   return startOfISOWeek(fourthOfJanuary);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addWeeks.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/addWeeks.js
 function addWeeks(date, amount, options) {
   return addDays(date, amount * 7, options);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addYears.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/addYears.js
 function addYears(date, amount, options) {
   return addMonths(date, amount * 12, options);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/max.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/max.js
 function max(dates, options) {
   let result;
   let context = options?.in;
@@ -3995,7 +4156,7 @@ function max(dates, options) {
   return constructFrom(context, result || NaN);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/min.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/min.js
 function min(dates, options) {
   let result;
   let context = options?.in;
@@ -4008,7 +4169,7 @@ function min(dates, options) {
   return constructFrom(context, result || NaN);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isSameDay.js
 function isSameDay(laterDate, earlierDate, options) {
   const [dateLeft_, dateRight_] = normalizeDates(
     options?.in,
@@ -4018,17 +4179,17 @@ function isSameDay(laterDate, earlierDate, options) {
   return +startOfDay(dateLeft_) === +startOfDay(dateRight_);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isDate.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isDate.js
 function isDate(value) {
   return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[object Date]";
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isValid.js
 function isValid(date) {
   return !(!isDate(date) && typeof date !== "number" || isNaN(+toDate(date)));
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarMonths.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/differenceInCalendarMonths.js
 function differenceInCalendarMonths(laterDate, earlierDate, options) {
   const [laterDate_, earlierDate_] = normalizeDates(
     options?.in,
@@ -4040,7 +4201,7 @@ function differenceInCalendarMonths(laterDate, earlierDate, options) {
   return yearsDiff * 12 + monthsDiff;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/endOfMonth.js
 function endOfMonth(date, options) {
   const _date = toDate(date, options?.in);
   const month = _date.getMonth();
@@ -4049,13 +4210,13 @@ function endOfMonth(date, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/normalizeInterval.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/normalizeInterval.js
 function normalizeInterval(context, interval) {
   const [start, end] = normalizeDates(context, interval.start, interval.end);
   return { start, end };
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachMonthOfInterval.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/eachMonthOfInterval.js
 function eachMonthOfInterval(interval, options) {
   const { start, end } = normalizeInterval(options?.in, interval);
   let reversed = +start > +end;
@@ -4072,7 +4233,7 @@ function eachMonthOfInterval(interval, options) {
   return reversed ? dates.reverse() : dates;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMonth.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfMonth.js
 function startOfMonth(date, options) {
   const _date = toDate(date, options?.in);
   _date.setDate(1);
@@ -4080,7 +4241,7 @@ function startOfMonth(date, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/endOfYear.js
 function endOfYear(date, options) {
   const _date = toDate(date, options?.in);
   const year = _date.getFullYear();
@@ -4089,7 +4250,7 @@ function endOfYear(date, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfYear.js
 function startOfYear(date, options) {
   const date_ = toDate(date, options?.in);
   date_.setFullYear(date_.getFullYear(), 0, 1);
@@ -4097,7 +4258,7 @@ function startOfYear(date, options) {
   return date_;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachYearOfInterval.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/eachYearOfInterval.js
 function eachYearOfInterval(interval, options) {
   const { start, end } = normalizeInterval(options?.in, interval);
   let reversed = +start > +end;
@@ -4114,7 +4275,7 @@ function eachYearOfInterval(interval, options) {
   return reversed ? dates.reverse() : dates;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfWeek.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/endOfWeek.js
 function endOfWeek(date, options) {
   const defaultOptions2 = getDefaultOptions();
   const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
@@ -4126,12 +4287,12 @@ function endOfWeek(date, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfISOWeek.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/endOfISOWeek.js
 function endOfISOWeek(date, options) {
   return endOfWeek(date, { ...options, weekStartsOn: 1 });
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/formatDistance.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/formatDistance.js
 var formatDistanceLocale = {
   lessThanXSeconds: {
     one: "less than a second",
@@ -4215,7 +4376,7 @@ var formatDistance = (token, count, options) => {
   return result;
 };
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.js
 function buildFormatLongFn(args) {
   return (options = {}) => {
     const width = options.width ? String(options.width) : args.defaultWidth;
@@ -4224,7 +4385,7 @@ function buildFormatLongFn(args) {
   };
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/formatLong.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/formatLong.js
 var dateFormats = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
@@ -4258,7 +4419,7 @@ var formatLong = {
   })
 };
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/formatRelative.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/formatRelative.js
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
@@ -4269,7 +4430,7 @@ var formatRelativeLocale = {
 };
 var formatRelative = (token, _date, _baseDate, _options) => formatRelativeLocale[token];
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.js
 function buildLocalizeFn(args) {
   return (value, options) => {
     const context = options?.context ? String(options.context) : "standalone";
@@ -4288,7 +4449,7 @@ function buildLocalizeFn(args) {
   };
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/localize.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/localize.js
 var eraValues = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
@@ -4450,7 +4611,7 @@ var localize = {
   })
 };
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchFn.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildMatchFn.js
 function buildMatchFn(args) {
   return (string, options = {}) => {
     const width = options.width;
@@ -4492,7 +4653,7 @@ function findIndex(array, predicate) {
   return void 0;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
 function buildMatchPatternFn(args) {
   return (string, options = {}) => {
     const matchResult = string.match(args.matchPattern);
@@ -4507,7 +4668,7 @@ function buildMatchPatternFn(args) {
   };
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/match.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US/_lib/match.js
 var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
 var parseOrdinalNumberPattern = /\d+/i;
 var matchEraPatterns = {
@@ -4626,7 +4787,7 @@ var match = {
   })
 };
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/en-US.js
 var enUS = {
   code: "en-US",
   formatDistance,
@@ -4640,7 +4801,7 @@ var enUS = {
   }
 };
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDayOfYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getDayOfYear.js
 function getDayOfYear(date, options) {
   const _date = toDate(date, options?.in);
   const diff = differenceInCalendarDays(_date, startOfYear(_date));
@@ -4648,14 +4809,14 @@ function getDayOfYear(date, options) {
   return dayOfYear;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getISOWeek.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getISOWeek.js
 function getISOWeek(date, options) {
   const _date = toDate(date, options?.in);
   const diff = +startOfISOWeek(_date) - +startOfISOWeekYear(_date);
   return Math.round(diff / millisecondsInWeek) + 1;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeekYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getWeekYear.js
 function getWeekYear(date, options) {
   const _date = toDate(date, options?.in);
   const year = _date.getFullYear();
@@ -4678,7 +4839,7 @@ function getWeekYear(date, options) {
   }
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeekYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/startOfWeekYear.js
 function startOfWeekYear(date, options) {
   const defaultOptions2 = getDefaultOptions();
   const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
@@ -4690,21 +4851,21 @@ function startOfWeekYear(date, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getWeek.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getWeek.js
 function getWeek(date, options) {
   const _date = toDate(date, options?.in);
   const diff = +startOfWeek(_date, options) - +startOfWeekYear(_date, options);
   return Math.round(diff / millisecondsInWeek) + 1;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/addLeadingZeros.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/addLeadingZeros.js
 function addLeadingZeros(number, targetLength) {
   const sign = number < 0 ? "-" : "";
   const output = Math.abs(number).toString().padStart(targetLength, "0");
   return sign + output;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/lightFormatters.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/lightFormatters.js
 var lightFormatters = {
   // Year
   y(date, token) {
@@ -4764,7 +4925,7 @@ var lightFormatters = {
   }
 };
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/formatters.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/formatters.js
 var dayPeriodEnum = {
   midnight: "midnight",
   noon: "noon",
@@ -5408,7 +5569,7 @@ function formatTimezone(offset, delimiter = "") {
   return sign + hours + delimiter + minutes;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/format/longFormatters.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/longFormatters.js
 var dateLongFormatter = (pattern, formatLong2) => {
   switch (pattern) {
     case "P":
@@ -5465,7 +5626,7 @@ var longFormatters = {
   P: dateTimeLongFormatter
 };
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/protectedTokens.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/protectedTokens.js
 var dayOfYearTokenRE = /^D+$/;
 var weekYearTokenRE = /^Y+$/;
 var throwTokens = ["D", "DD", "YY", "YYYY"];
@@ -5485,7 +5646,7 @@ function message(token, format2, input) {
   return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format2}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/format.js
 var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
 var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
 var escapedStringRegExp = /^'([^]*?)'?$/;
@@ -5551,7 +5712,7 @@ function cleanEscapedString(input) {
   return matched[1].replace(doubleQuoteRegExp, "'");
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getDaysInMonth.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getDaysInMonth.js
 function getDaysInMonth(date, options) {
   const _date = toDate(date, options?.in);
   const year = _date.getFullYear();
@@ -5562,27 +5723,27 @@ function getDaysInMonth(date, options) {
   return lastDayOfMonth.getDate();
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getMonth.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getMonth.js
 function getMonth(date, options) {
   return toDate(date, options?.in).getMonth();
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/getYear.js
 function getYear(date, options) {
   return toDate(date, options?.in).getFullYear();
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isAfter.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isAfter.js
 function isAfter(date, dateToCompare) {
   return +toDate(date) > +toDate(dateToCompare);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isBefore.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isBefore.js
 function isBefore(date, dateToCompare) {
   return +toDate(date) < +toDate(dateToCompare);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameMonth.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isSameMonth.js
 function isSameMonth(laterDate, earlierDate, options) {
   const [laterDate_, earlierDate_] = normalizeDates(
     options?.in,
@@ -5592,7 +5753,7 @@ function isSameMonth(laterDate, earlierDate, options) {
   return laterDate_.getFullYear() === earlierDate_.getFullYear() && laterDate_.getMonth() === earlierDate_.getMonth();
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isSameYear.js
 function isSameYear(laterDate, earlierDate, options) {
   const [laterDate_, earlierDate_] = normalizeDates(
     options?.in,
@@ -5602,7 +5763,7 @@ function isSameYear(laterDate, earlierDate, options) {
   return laterDate_.getFullYear() === earlierDate_.getFullYear();
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMonth.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/setMonth.js
 function setMonth(date, month, options) {
   const _date = toDate(date, options?.in);
   const year = _date.getFullYear();
@@ -5615,7 +5776,7 @@ function setMonth(date, month, options) {
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setYear.js
+// ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/setYear.js
 function setYear(date, year, options) {
   const date_ = toDate(date, options?.in);
   if (isNaN(+date_)) return constructFrom(date, NaN);
@@ -6013,7 +6174,7 @@ __export(custom_components_exports, {
   MonthsDropdown: () => MonthsDropdown,
   Nav: () => Nav,
   NextMonthButton: () => NextMonthButton,
-  Option: () => Option,
+  Option: () => Option2,
   PreviousMonthButton: () => PreviousMonthButton,
   Root: () => Root8,
   Select: () => Select,
@@ -6189,7 +6350,7 @@ function Nav(props) {
 function NextMonthButton(props) {
   return React26__default.default.createElement("button", { ...props });
 }
-function Option(props) {
+function Option2(props) {
   return React26__default.default.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
@@ -7947,27 +8108,27 @@ function DayPicker(initialProps) {
   );
 }
 var dayPickerClassNames = {
-  selected: `tw-bg-primary tw-border-primary tw-font-medium hover:tw-bg-primary/90 hover:tw-border-primary/90 tw-text-primary-foreground tw-rounded`
+  selected: `tw:bg-primary tw:border-primary tw:font-medium tw:hover:bg-primary/90 tw:hover:border-primary/90 tw:text-primary-foreground tw:rounded`
 };
 var rangePickerClassNames = {
-  range_start: `tw-bg-primary tw-rounded-r-none tw-font-medium tw-border-primary hover:tw-bg-primary/90 hover:tw-border-primary/90 tw-text-primary-foreground`,
-  range_end: `tw-bg-primary tw-rounded-l-none tw-font-medium tw-border-primary hover:tw-bg-primary/90 hover:tw-border-primary/90 tw-text-primary-foreground`,
-  selected: `tw-font-medium tw-rounded`,
-  range_middle: `tw-bg-accent tw-border-accent tw-text-accent-foreground tw-rounded-none tw-font-medium`
+  range_start: `tw:bg-primary tw:rounded-r-none tw:font-medium tw:border-primary tw:hover:bg-primary/90 tw:hover:border-primary/90 tw:text-primary-foreground`,
+  range_end: `tw:bg-primary tw:rounded-l-none tw:font-medium tw:border-primary tw:hover:bg-primary/90 tw:hover:border-primary/90 tw:text-primary-foreground`,
+  selected: `tw:font-medium tw:rounded`,
+  range_middle: `tw:bg-accent tw:border-accent tw:text-accent-foreground tw:rounded-none tw:font-medium`
 };
-var Calendar = ({ className, classNames, ...props }) => {
+var Calendar2 = ({ className, classNames, ...props }) => {
   const defaultClassNames = getDefaultClassNames();
   return /* @__PURE__ */ jsxRuntime.jsx(
     DayPicker,
     {
       ...props,
       captionLayout: "dropdown",
-      className: cn(className, "tw-p-3"),
+      className: cn(className, "tw:p-3"),
       classNames: {
-        chevron: `${defaultClassNames.chevron} tw-fill-foreground`,
-        day: `${defaultClassNames.day} hover:tw-bg-accent tw-rounded`,
-        day_button: `${defaultClassNames.day_button} tw-rounded`,
-        today: `tw-bg-accent tw-text-accent-foreground tw-font-medium`,
+        chevron: `${defaultClassNames.chevron} tw:fill-foreground`,
+        day: `${defaultClassNames.day} tw:hover:bg-accent tw:rounded`,
+        day_button: `${defaultClassNames.day_button} tw:rounded`,
+        today: `tw:bg-accent tw:text-accent-foreground tw:font-medium`,
         ...dayPickerClassNames,
         ...rangePickerClassNames,
         selected: `${props.mode === "range" ? rangePickerClassNames.selected : dayPickerClassNames.selected}`,
@@ -7977,47 +8138,47 @@ var Calendar = ({ className, classNames, ...props }) => {
     }
   );
 };
-Calendar.displayName = "Calendar";
+Calendar2.displayName = "Calendar";
 var variants2 = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
-    "tw-group/popover-content",
-    "tw-z-[1055]",
-    "focus-visible:tw-outline-none",
+    "tw:group/popover-content",
+    "tw:z-[1055]",
+    "tw:focus-visible:outline-hidden",
     // An open Radix Dialog locks `pointer-events: none` on <body>. Popover content
     // is portalled to <body> as a sibling of the dialog, so it inherits the lock
     // and clicks fall through — re-enable pointer events on the content itself
     // (dismiss-on-outside-click still works, it listens on document).
-    "tw-pointer-events-auto",
+    "tw:pointer-events-auto",
     // sizing
-    "tw-min-w-32",
-    "tw-max-h-[var(--radix-popover-content-available-height)]",
-    "tw-origin-[--radix-popover-content-transform-origin]",
+    "tw:min-w-32",
+    "tw:max-h-[var(--radix-popover-content-available-height)]",
+    "tw:origin-(--radix-popover-content-transform-origin)",
     // layout
-    "tw-flex",
-    "tw-flex-col",
-    "tw-overflow-y-auto",
+    "tw:flex",
+    "tw:flex-col",
+    "tw:overflow-y-auto",
     // border
-    "tw-box-border",
-    "tw-border",
-    "tw-border-solid",
-    "tw-shadow-lg",
+    "tw:box-border",
+    "tw:border",
+    "tw:border-solid",
+    "tw:shadow-lg",
     // open animation
-    "data-[state=open]:tw-animate-in",
-    "data-[state=open]:tw-fade-in-0",
-    "data-[state=open]:tw-zoom-in-95",
+    "tw:data-[state=open]:animate-in",
+    "tw:data-[state=open]:fade-in-0",
+    "tw:data-[state=open]:zoom-in-95",
     // closed animation
-    "data-[state=closed]:tw-animate-out",
-    "data-[state=closed]:tw-fade-out-0",
-    "data-[state=closed]:tw-zoom-out-95",
+    "tw:data-[state=closed]:animate-out",
+    "tw:data-[state=closed]:fade-out-0",
+    "tw:data-[state=closed]:zoom-out-95",
     // position animation
-    "data-[side=bottom]:tw-slide-in-from-top-2",
-    "data-[side=left]:tw-slide-in-from-right-2",
-    "data-[side=right]:tw-slide-in-from-left-2",
-    "data-[side=top]:tw-slide-in-from-bottom-2",
+    "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",
     // Default size for nested Lucide icons; callers can override on the icon.
-    "[&_svg.lucide:not([class*='tw-size-'])]:tw-size-4",
-    "[&_svg]:tw-shrink-0"
+    "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
+    "tw:[&_svg]:shrink-0"
   ],
   {
     defaultVariants: {
@@ -8027,12 +8188,12 @@ var variants2 = classVarianceAuthority.cva(
     variants: {
       variant: {
         // Legacy surface — fixed white panel.
-        default: ["tw-rounded-md", "tw-border-neutral-100", "tw-bg-white", "tw-text-neutral-800"],
+        default: ["tw:rounded-md", "tw:border-neutral-100", "tw:bg-white", "tw:text-neutral-800"],
         // Argo surface — semantic popover tokens (brand + dark aware).
-        argo: ["tw-rounded-2xl", "tw-border-border", "tw-bg-popover", "tw-text-popover-foreground"]
+        argo: ["tw:rounded-2xl", "tw:border-border", "tw:bg-popover", "tw:text-popover-foreground"]
       },
       matchTriggerWidth: {
-        true: ["tw-w-[var(--radix-popover-trigger-width)]"],
+        true: ["tw:w-[var(--radix-popover-trigger-width)]"],
         false: []
       }
     }
@@ -8085,9 +8246,9 @@ var DatePicker = ({
     {
       align,
       alignOffset,
-      className: "tw-w-auto tw-p-0",
+      className: "tw:w-auto tw:p-0",
       sideOffset,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar, { ...calendarProps })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar2, { ...calendarProps })
     }
   )
 ] });
@@ -8245,7 +8406,7 @@ var DateInput = ({
               "aria-label": "Clear date",
               onMouseDown: (event) => event.preventDefault(),
               onClick: handleClear,
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" })
             }
           ),
           showPicker2 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -8261,7 +8422,7 @@ var DateInput = ({
               open: isOpen,
               selected: currentValue ?? void 0,
               startMonth,
-              children: /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Button, { "aria-label": "Select Date", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Calendar, { className: "tw-size-4" }) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Button, { "aria-label": "Select Date", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "tw:size-4" }) })
             }
           )
         ] })
@@ -8315,14 +8476,14 @@ var DateWidget = ({
 };
 var addonVariants2 = classVarianceAuthority.cva(
   [
-    "tw-flex",
-    "tw-items-center",
-    "tw-shrink-0",
-    "tw-bg-inherit",
-    "tw-self-stretch",
-    "tw-px-1",
-    "has-[button]:tw-px-0",
-    '[&_svg:not([class*="tw-size-"])]:tw-size-3'
+    "tw:flex",
+    "tw:items-center",
+    "tw:shrink-0",
+    "tw:bg-inherit",
+    "tw:self-stretch",
+    "tw:px-1",
+    "tw:has-[button]:px-0",
+    'tw:[&_svg:not([class*="tw:size-"])]:size-3'
   ],
   {
     defaultVariants: {
@@ -8331,24 +8492,24 @@ var addonVariants2 = classVarianceAuthority.cva(
     },
     variants: {
       align: {
-        "inline-start": ["tw-order-first"],
-        "inline-end": ["tw-order-last"]
+        "inline-start": ["tw:order-first"],
+        "inline-end": ["tw:order-last"]
       },
       variant: {
         inline: [],
         floating: [
-          "tw-hidden",
-          "group-hover/badge:tw-flex",
-          "tw-absolute",
-          "tw-top-0",
-          "tw-bottom-0",
-          "focus-within:tw-flex"
+          "tw:hidden",
+          "tw:group-hover/badge:flex",
+          "tw:absolute",
+          "tw:top-0",
+          "tw:bottom-0",
+          "tw:focus-within:flex"
         ]
       }
     },
     compoundVariants: [
-      { variant: "floating", align: "inline-end", className: ["tw-right-0"] },
-      { variant: "floating", align: "inline-start", className: ["tw-left-0"] }
+      { variant: "floating", align: "inline-end", className: ["tw:right-0"] },
+      { variant: "floating", align: "inline-start", className: ["tw:left-0"] }
     ]
   }
 );
@@ -8376,18 +8537,18 @@ var BadgeButton = ({ ref, className, type = "button", children, ...rest }) => /*
     type,
     className: cn(
       "tailwindcss-preflight",
-      "tw-inline-flex",
-      "tw-items-center",
-      "tw-justify-center",
-      "tw-cursor-pointer",
-      "tw-bg-inherit",
-      "tw-text-inherit",
-      "hover:tw-brightness-95",
-      "tw-px-1",
+      "tw:inline-flex",
+      "tw:items-center",
+      "tw:justify-center",
+      "tw:cursor-pointer",
+      "tw:bg-inherit",
+      "tw:text-inherit",
+      "tw:hover:brightness-95",
+      "tw:px-1",
       // Default sizing for Lucide-icon children (which ship at 24×24); keeps
       // the visual baseline aligned with the previous FA-icon API and other
       // icon-wrapper components (ItemIcon, SidebarMenuIcon).
-      '[&_svg:not([class*="tw-size-"])]:tw-size-3',
+      'tw:[&_svg:not([class*="tw:size-"])]:size-3',
       className
     ),
     children
@@ -8402,75 +8563,75 @@ var BadgeLabel = ({ ref, className, asChild = false, ...rest }) => {
       ref,
       "data-slot": "badge-label",
       className: cn(
-        "tw-max-w-56",
-        "tw-truncate",
-        "tw-px-2",
-        "tw-py-0.5",
+        "tw:max-w-56",
+        "tw:truncate",
+        "tw:px-2",
+        "tw:py-0.5",
         // Drop side padding only when an *inline* addon is present —
         // floating addons overlay the label without taking layout space,
         // so the label still needs full padding behind them.
-        "group-has-[[data-align=inline-start][data-variant=inline]:not(:empty)]/badge:tw-pl-0",
-        "group-has-[[data-align=inline-end][data-variant=inline]:not(:empty)]/badge:tw-pr-0",
+        "tw:group-has-[[data-align=inline-start][data-variant=inline]:not(:empty)]/badge:pl-0",
+        "tw:group-has-[[data-align=inline-end][data-variant=inline]:not(:empty)]/badge:pr-0",
         className
       )
     }
   );
 };
 var badgeColors = {
-  gray: "tw-bg-neutral-400 tw-text-white tw-decoration-neutral-400",
-  "gray-darker": "tw-bg-neutral-500 tw-text-white tw-decoration-neutral-500",
-  "gray-inverse": "tw-bg-neutral-100 tw-text-neutral-500 tw-decoration-neutral-100 [[data-theme=dark]_&]:tw-bg-neutral-700 [[data-theme=dark]_&]:tw-text-neutral-300 [[data-theme=dark]_&]:tw-decoration-neutral-700",
-  green: "tw-bg-green-500 tw-text-white tw-decoration-green-500",
-  "green-darker": "tw-bg-green-600 tw-text-white tw-decoration-green-600",
-  "green-inverse": "tw-bg-green-100 tw-text-green-900 tw-decoration-green-100 [[data-theme=dark]_&]:tw-bg-green-900 [[data-theme=dark]_&]:tw-text-green-200 [[data-theme=dark]_&]:tw-decoration-green-900",
-  blue: "tw-bg-blue-500 tw-text-white tw-decoration-blue-500",
-  "blue-inverse": "tw-bg-blue-100 tw-text-blue-600 tw-decoration-blue-100 [[data-theme=dark]_&]:tw-bg-blue-900 [[data-theme=dark]_&]:tw-text-blue-200 [[data-theme=dark]_&]:tw-decoration-blue-900",
-  red: "tw-bg-error-500 tw-text-white tw-decoration-error-500",
-  orange: "tw-bg-warning-500 tw-text-white tw-decoration-warning-500",
-  "orange-inverse": "tw-bg-warning-100 tw-text-warning-500 tw-decoration-warning-100 [[data-theme=dark]_&]:tw-bg-warning-900 [[data-theme=dark]_&]:tw-text-warning-200 [[data-theme=dark]_&]:tw-decoration-warning-900",
-  amber: "tw-bg-warning-300 tw-text-warning-800 tw-decoration-warning-300",
-  "amber-inverse": "tw-bg-warning-100 tw-text-warning-700 tw-decoration-warning-100",
-  teal: "tw-bg-teal-500 tw-text-white tw-decoration-teal-500",
-  "teal-inverse": "tw-bg-teal-100 tw-text-teal-800 tw-decoration-teal-100 [[data-theme=dark]_&]:tw-bg-teal-900 [[data-theme=dark]_&]:tw-text-teal-200 [[data-theme=dark]_&]:tw-decoration-teal-900",
-  purple: "tw-bg-purple-500 tw-text-white tw-decoration-purple-500",
-  "purple-inverse": "tw-bg-purple-100 tw-text-purple-800 tw-decoration-purple-100 [[data-theme=dark]_&]:tw-bg-purple-900 [[data-theme=dark]_&]:tw-text-purple-200 [[data-theme=dark]_&]:tw-decoration-purple-900",
-  cyan: "tw-bg-cyan-500 tw-text-white tw-decoration-cyan-500",
-  "cyan-inverse": "tw-bg-cyan-100 tw-text-cyan-800 tw-decoration-cyan-100 [[data-theme=dark]_&]:tw-bg-cyan-900 [[data-theme=dark]_&]:tw-text-cyan-200 [[data-theme=dark]_&]:tw-decoration-cyan-900",
-  "sidebar-primary": "tw-bg-sidebar-primary tw-text-white tw-decoration-sidebar-primary",
-  white: "tw-bg-white/90 tw-text-neutral-600 tw-decoration-white/90"
+  gray: "tw:bg-neutral-400 tw:text-white tw:decoration-neutral-400",
+  "gray-darker": "tw:bg-neutral-500 tw:text-white tw:decoration-neutral-500",
+  "gray-inverse": "tw:bg-neutral-100 tw:text-neutral-500 tw:decoration-neutral-100 tw:[[data-theme=dark]_&]:bg-neutral-700 tw:[[data-theme=dark]_&]:text-neutral-300 tw:[[data-theme=dark]_&]:decoration-neutral-700",
+  green: "tw:bg-green-500 tw:text-white tw:decoration-green-500",
+  "green-darker": "tw:bg-green-600 tw:text-white tw:decoration-green-600",
+  "green-inverse": "tw:bg-green-100 tw:text-green-900 tw:decoration-green-100 tw:[[data-theme=dark]_&]:bg-green-900 tw:[[data-theme=dark]_&]:text-green-200 tw:[[data-theme=dark]_&]:decoration-green-900",
+  blue: "tw:bg-blue-500 tw:text-white tw:decoration-blue-500",
+  "blue-inverse": "tw:bg-blue-100 tw:text-blue-600 tw:decoration-blue-100 tw:[[data-theme=dark]_&]:bg-blue-900 tw:[[data-theme=dark]_&]:text-blue-200 tw:[[data-theme=dark]_&]:decoration-blue-900",
+  red: "tw:bg-error-500 tw:text-white tw:decoration-error-500",
+  orange: "tw:bg-warning-500 tw:text-white tw:decoration-warning-500",
+  "orange-inverse": "tw:bg-warning-100 tw:text-warning-500 tw:decoration-warning-100 tw:[[data-theme=dark]_&]:bg-warning-900 tw:[[data-theme=dark]_&]:text-warning-200 tw:[[data-theme=dark]_&]:decoration-warning-900",
+  amber: "tw:bg-warning-300 tw:text-warning-800 tw:decoration-warning-300",
+  "amber-inverse": "tw:bg-warning-100 tw:text-warning-700 tw:decoration-warning-100",
+  teal: "tw:bg-teal-500 tw:text-white tw:decoration-teal-500",
+  "teal-inverse": "tw:bg-teal-100 tw:text-teal-800 tw:decoration-teal-100 tw:[[data-theme=dark]_&]:bg-teal-900 tw:[[data-theme=dark]_&]:text-teal-200 tw:[[data-theme=dark]_&]:decoration-teal-900",
+  purple: "tw:bg-purple-500 tw:text-white tw:decoration-purple-500",
+  "purple-inverse": "tw:bg-purple-100 tw:text-purple-800 tw:decoration-purple-100 tw:[[data-theme=dark]_&]:bg-purple-900 tw:[[data-theme=dark]_&]:text-purple-200 tw:[[data-theme=dark]_&]:decoration-purple-900",
+  cyan: "tw:bg-cyan-500 tw:text-white tw:decoration-cyan-500",
+  "cyan-inverse": "tw:bg-cyan-100 tw:text-cyan-800 tw:decoration-cyan-100 tw:[[data-theme=dark]_&]:bg-cyan-900 tw:[[data-theme=dark]_&]:text-cyan-200 tw:[[data-theme=dark]_&]:decoration-cyan-900",
+  "sidebar-primary": "tw:bg-sidebar-primary tw:text-white tw:decoration-sidebar-primary",
+  white: "tw:bg-white/90 tw:text-neutral-600 tw:decoration-white/90"
 };
 var badgeRootVariants = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
-    "tw-group/badge",
+    "tw:group/badge",
     // display
-    "tw-relative",
-    "tw-inline-flex",
-    "tw-justify-center",
-    "tw-items-center",
-    "tw-min-h-5",
-    "tw-h-fit",
-    "tw-shrink-0",
-    "tw-overflow-hidden",
+    "tw:relative",
+    "tw:inline-flex",
+    "tw:justify-center",
+    "tw:items-center",
+    "tw:min-h-5",
+    "tw:h-fit",
+    "tw:shrink-0",
+    "tw:overflow-hidden",
     // text — chrome weight/tracking are brand-overridable tokens
     // (`--font-weight-medium` / `--letter-spacing-chrome`); casing lives on the
-    // `default` variant below via `tw-uppercase`.
-    "tw-whitespace-pre-wrap",
-    "tw-break-normal",
-    "tw-text-xs",
-    "tw-font-medium",
-    "tw-tracking-chrome",
-    "tw-text-center",
-    "tw-underline",
+    // `default` variant below via `tw:uppercase`.
+    "tw:whitespace-pre-wrap",
+    "tw:break-normal",
+    "tw:text-xs",
+    "tw:font-medium",
+    "tw:tracking-chrome",
+    "tw:text-center",
+    "tw:underline",
     // content
-    "tw-border-none",
-    "[&>svg]:tw-self-center",
-    "[button&]:tw-cursor-pointer",
+    "tw:border-none",
+    "tw:[&>svg]:self-center",
+    "tw:[button&]:cursor-pointer",
     // focus
-    "focus-visible:tw-outline-none",
-    "focus-visible:tw-ring-2",
-    "focus-visible:tw-ring-inset",
-    "focus-visible:tw-ring-ring"
+    "tw:focus-visible:outline-hidden",
+    "tw:focus-visible:ring-2",
+    "tw:focus-visible:ring-inset",
+    "tw:focus-visible:ring-ring"
   ],
   {
     defaultVariants: {
@@ -8479,9 +8640,14 @@ var badgeRootVariants = classVarianceAuthority.cva(
     },
     variants: {
       variant: {
-        default: ["tw-rounded tw-uppercase"],
-        tag: ["tw-rounded tw-normal-case"],
-        pill: ["tw-min-w-5 tw-rounded-full tw-normal-case tw-tracking-normal"]
+        // Legacy chrome uppercases the default badge; the Keboola V2 brand
+        // (`data-brand="keboola"`) renders it in standard case instead.
+        default: [
+          "tw:rounded tw:uppercase",
+          "tw:[[data-brand=keboola]_&]:normal-case tw:[[data-brand=keboola]_&]:tracking-normal"
+        ],
+        tag: ["tw:rounded tw:normal-case"],
+        pill: ["tw:min-w-5 tw:rounded-full tw:normal-case tw:tracking-normal"]
       },
       color: badgeColors
     }
@@ -8503,7 +8669,7 @@ var BadgeInner = ({
   variant,
   color,
   // custom props
-  prefix,
+  prefix: prefix2,
   prefixVariant = "inline",
   suffix,
   suffixVariant = "inline",
@@ -8511,11 +8677,11 @@ var BadgeInner = ({
   labelClassName,
   ...labelProps
 }) => /* @__PURE__ */ jsxRuntime.jsxs(BadgeRoot, { className, variant, color, children: [
-  prefix && /* @__PURE__ */ jsxRuntime.jsx(BadgeAddon, { align: "inline-start", variant: prefixVariant, children: prefix }),
+  prefix2 && /* @__PURE__ */ jsxRuntime.jsx(BadgeAddon, { align: "inline-start", variant: prefixVariant, children: prefix2 }),
   /* @__PURE__ */ jsxRuntime.jsx(BadgeLabel, { ...labelProps, ref, className: labelClassName }),
   suffix && /* @__PURE__ */ jsxRuntime.jsx(BadgeAddon, { align: "inline-end", variant: suffixVariant, children: suffix })
 ] });
-var Badge = Object.assign(BadgeInner, {
+var Badge2 = Object.assign(BadgeInner, {
   Root: BadgeRoot,
   Button: BadgeButton,
   Label: BadgeLabel,
@@ -8593,26 +8759,26 @@ var ComboboxChips = ({
       combobox.Combobox.Chip,
       {
         render: /* @__PURE__ */ jsxRuntime.jsx(
-          Badge.Root,
+          Badge2.Root,
           {
             color: itemToChipColor?.(value),
-            className: "tw-max-w-40",
+            className: "tw:max-w-40",
             variant
           }
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Badge.Label, { children: itemToChipLabel(value) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Badge.Addon, { variant: "inline", align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(Badge2.Label, { children: itemToChipLabel(value) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Badge2.Addon, { variant: "inline", align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx(
             combobox.Combobox.ChipRemove,
             {
-              render: /* @__PURE__ */ jsxRuntime.jsx(Badge.Button, { "aria-label": "Remove value", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-3" }) })
+              render: /* @__PURE__ */ jsxRuntime.jsx(Badge2.Button, { "aria-label": "Remove value", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-3" }) })
             }
           ) })
         ]
       },
       index
     )),
-    overflow.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Root, { variant: "pill", children: /* @__PURE__ */ jsxRuntime.jsxs(Badge.Label, { children: [
+    overflow.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge2.Root, { variant: "pill", children: /* @__PURE__ */ jsxRuntime.jsxs(Badge2.Label, { children: [
       "+",
       overflow.length
     ] }) })
@@ -8639,7 +8805,7 @@ var ComboboxContent = ({
       sideOffset,
       alignOffset,
       anchor,
-      className: "tailwindcss-preflight tw-isolate tw-z-[1055]",
+      className: "tw:isolate tw:z-[1055] tailwindcss-preflight",
       children: /* @__PURE__ */ jsxRuntime.jsx(
         combobox.Combobox.Popup,
         {
@@ -8647,25 +8813,25 @@ var ComboboxContent = ({
           "data-chips": !!anchor,
           "data-variant": effectiveVariant,
           className: cn(
-            "!tw-pointer-events-auto",
-            "tw-group/combobox-content",
-            "tw-relative",
-            "tw-flex tw-flex-col tw-overflow-hidden",
+            "tw:!pointer-events-auto",
+            "tw:group/combobox-content",
+            "tw:relative",
+            "tw:flex tw:flex-col tw:overflow-hidden",
             // sizing
-            "tw-max-h-[var(--available-height)]",
-            "tw-w-[var(--anchor-width)]",
-            "tw-max-w-[var(--available-width)]",
-            "tw-origin-[var(--transform-origin)]",
-            "data-[chips=true]:tw-min-w-[var(--anchor-width)]",
+            "tw:max-h-[var(--available-height)]",
+            "tw:w-[var(--anchor-width)]",
+            "tw:max-w-[var(--available-width)]",
+            "tw:origin-[var(--transform-origin)]",
+            "tw:data-[chips=true]:min-w-[var(--anchor-width)]",
             // appearance
-            "tw-rounded-lg",
-            "data-[variant=default]:tw-rounded",
-            "tw-bg-popover",
-            "tw-text-popover-foreground",
-            "tw-shadow-md",
-            "tw-ring-1",
-            "tw-ring-foreground/10",
-            "tw-duration-100",
+            "tw:rounded-lg",
+            "tw:data-[variant=default]:rounded",
+            "tw:bg-popover",
+            "tw:text-popover-foreground",
+            "tw:shadow-md",
+            "tw:ring-1",
+            "tw:ring-foreground/10",
+            "tw:duration-100",
             // open animation
             "data-open:animate-in",
             "data-open:fade-in-0",
@@ -8675,12 +8841,12 @@ var ComboboxContent = ({
             "data-closed:fade-out-0",
             "data-closed:zoom-out-95",
             // position animations
-            "data-[side=bottom]:tw-slide-in-from-top-2",
-            "data-[side=top]:tw-slide-in-from-bottom-2",
-            "data-[side=left]:tw-slide-in-from-right-2",
-            "data-[side=right]:tw-slide-in-from-left-2",
-            "data-[side=inline-start]:tw-slide-in-from-right-2",
-            "data-[side=inline-end]:tw-slide-in-from-left-2",
+            "tw:data-[side=bottom]:slide-in-from-top-2",
+            "tw:data-[side=top]:slide-in-from-bottom-2",
+            "tw:data-[side=left]:slide-in-from-right-2",
+            "tw:data-[side=right]:slide-in-from-left-2",
+            "tw:data-[side=inline-start]:slide-in-from-right-2",
+            "tw:data-[side=inline-end]:slide-in-from-left-2",
             className
           ),
           ...popupProps,
@@ -8695,14 +8861,14 @@ var ComboboxEmpty = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime
   {
     ref,
     className: cn(
-      "tw-hidden",
-      "group-data-[empty]/combobox-content:tw-flex",
-      "tw-justify-center",
-      "tw-items-center",
-      "tw-text-center",
-      "tw-px-2",
-      "tw-text-muted-foreground",
-      "tw-py-6",
+      "tw:hidden",
+      "tw:group-data-[empty]/combobox-content:flex",
+      "tw:justify-center",
+      "tw:items-center",
+      "tw:text-center",
+      "tw:px-2",
+      "tw:text-muted-foreground",
+      "tw:py-6",
       className
     ),
     ...props
@@ -8742,30 +8908,30 @@ var ComboboxItemIndicator = ({ ref, className, variant = "check", ...props }) =>
         ref,
         keepMounted: true,
         className: cn(
-          "tw-group/combobox-item-indicator",
-          "tw-inline-flex",
-          "tw-items-center",
-          "tw-justify-center",
-          "tw-size-4",
-          "tw-shrink-0",
-          "tw-rounded",
-          "tw-border",
-          "tw-border-input",
-          "tw-bg-background",
-          "data-[selected]:tw-bg-primary",
-          "data-[selected]:tw-border-primary",
+          "tw:group/combobox-item-indicator",
+          "tw:inline-flex",
+          "tw:items-center",
+          "tw:justify-center",
+          "tw:size-4",
+          "tw:shrink-0",
+          "tw:rounded",
+          "tw:border",
+          "tw:border-input",
+          "tw:bg-background",
+          "tw:data-[selected]:bg-primary",
+          "tw:data-[selected]:border-primary",
           className
         ),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          icons_exports.Check,
+          lucideReact.Check,
           {
             className: cn(
-              "tw-hidden",
-              "tw-size-3",
-              "tw-stroke-[4px]",
-              "!tw-text-primary-foreground",
-              "group-data-[selected]/combobox-item-indicator:tw-block"
+              "tw:hidden",
+              "tw:size-3",
+              "tw:stroke-[4px]",
+              "tw:!text-primary-foreground",
+              "tw:group-data-[selected]/combobox-item-indicator:block"
             )
           }
         )
@@ -8778,18 +8944,18 @@ var ComboboxItemIndicator = ({ ref, className, variant = "check", ...props }) =>
       ...props,
       ref,
       className: cn(
-        "tw-pointer-events-none",
-        "tw-absolute",
-        "tw-right-2",
-        "group-data-[variant=default]/combobox-content:tw-right-4",
+        "tw:pointer-events-none",
+        "tw:absolute",
+        "tw:right-2",
+        "tw:group-data-[variant=default]/combobox-content:right-4",
         // Lucide SVGs default to 24×24 — constrain the rendered child so the
         // 16px indicator slot owns the actual size.
-        '[&_svg:not([class*="tw-size-"])]:tw-size-4',
-        "group-data-[highlighted]/combobox-item:tw-text-accent-foreground",
-        "group-data-[variant=default]/combobox-content:group-data-[highlighted]/combobox-item:tw-text-foreground",
+        'tw:[&_svg:not([class*="tw:size-"])]:size-4',
+        "tw:group-data-[highlighted]/combobox-item:text-accent-foreground",
+        "tw:group-data-[variant=default]/combobox-content:group-data-[highlighted]/combobox-item:text-foreground",
         className
       ),
-      render: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Check, {})
+      render: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {})
     }
   );
 };
@@ -8807,43 +8973,43 @@ var ComboboxItem = ({
     ref,
     "data-slot": "combobox-item",
     className: cn(
-      "tw-group/combobox-item",
+      "tw:group/combobox-item",
       // layout
-      "tw-relative",
-      "tw-flex",
-      "tw-flex-1",
-      "tw-items-center",
-      "tw-gap-2",
+      "tw:relative",
+      "tw:flex",
+      "tw:flex-1",
+      "tw:items-center",
+      "tw:gap-2",
       // spacing
-      "tw-py-2",
-      "tw-px-2",
-      "group-data-[variant=default]/combobox-content:tw-px-4",
-      "tw-rounded-lg",
-      "group-data-[variant=default]/combobox-content:tw-rounded-none",
+      "tw:py-2",
+      "tw:px-2",
+      "tw:group-data-[variant=default]/combobox-content:px-4",
+      "tw:rounded-lg",
+      "tw:group-data-[variant=default]/combobox-content:rounded-none",
       // typography
-      "tw-text-sm",
-      "tw-select-none",
-      "tw-cursor-default",
-      "tw-outline-hidden",
+      "tw:text-sm",
+      "tw:select-none",
+      "tw:cursor-default",
+      "tw:outline-hidden",
       // highlighted (keyboard / hover)
-      "data-[highlighted]:tw-bg-accent",
-      "group-data-[variant=default]/combobox-content:data-[highlighted]:tw-bg-neutral-100",
-      "data-[highlighted]:tw-text-accent-foreground",
-      "group-data-[variant=default]/combobox-content:data-[highlighted]:tw-text-foreground",
+      "tw:data-[highlighted]:bg-accent",
+      "tw:group-data-[variant=default]/combobox-content:data-[highlighted]:bg-neutral-100",
+      "tw:data-[highlighted]:text-accent-foreground",
+      "tw:group-data-[variant=default]/combobox-content:data-[highlighted]:text-foreground",
       // disabled
-      "data-disabled:tw-pointer-events-none",
-      "data-disabled:tw-opacity-50",
+      "tw:data-disabled:pointer-events-none",
+      "tw:data-disabled:opacity-50",
       // child svg defaults
-      "[&_svg]:tw-pointer-events-none",
-      "[&_svg]:tw-shrink-0",
-      "[&_svg]:tw-text-muted-foreground",
-      "[&_svg:not([class*='size-'])]:tw-size-4",
+      "tw:[&_svg]:pointer-events-none",
+      "tw:[&_svg]:shrink-0",
+      "tw:[&_svg]:text-muted-foreground",
+      "tw:[&_svg:not([class*='size-'])]:size-4",
       className
     ),
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(ComboboxItemIndicator, { variant }),
       icon,
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-truncate", children })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw:truncate", children })
     ]
   }
 );
@@ -8852,15 +9018,15 @@ var ComboboxList = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.
   {
     ref,
     className: cn(
-      "tw-no-scrollbar",
-      "tw-scroll-py-1",
-      "tw-overflow-y-auto",
-      "tw-overscroll-contain",
-      "tw-min-h-0",
-      "tw-flex-1",
-      "tw-p-2",
-      "data-[empty]:tw-p-0",
-      "group-data-[variant=default]/combobox-content:tw-p-0",
+      "tw:no-scrollbar",
+      "tw:scroll-py-1",
+      "tw:overflow-y-auto",
+      "tw:overscroll-contain",
+      "tw:min-h-0",
+      "tw:flex-1",
+      "tw:p-2",
+      "tw:data-[empty]:p-0",
+      "tw:group-data-[variant=default]/combobox-content:p-0",
       className
     ),
     ...props
@@ -8871,7 +9037,7 @@ var ComboboxSeparator = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRun
   combobox.Combobox.Separator,
   {
     ref,
-    className: cn("tw-mx-2 tw-my-1 tw-h-px tw-bg-border", className),
+    className: cn("tw:mx-2 tw:my-1 tw:h-px tw:bg-border", className),
     ...props
   }
 );
@@ -8879,7 +9045,7 @@ var ComboboxGroup = ({ ref, className, children, ...props }) => /* @__PURE__ */
   combobox.Combobox.Group,
   {
     ref,
-    className: cn("tw-flex tw-flex-col tw-gap-0.5", className),
+    className: cn("tw:flex tw:flex-col tw:gap-0.5", className),
     ...props,
     children
   }
@@ -8891,19 +9057,19 @@ var ComboboxGroupLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRu
     ref,
     className: cn(
       // Base (argo variant) — soft gray section label.
-      "tw-px-2",
-      "tw-py-1.5",
-      "tw-text-xs",
-      "tw-font-medium",
-      "tw-leading-none",
-      "tw-text-muted-foreground",
-      "group-data-[variant=default]/combobox-content:tw-uppercase",
-      "group-data-[variant=default]/combobox-content:tw-font-semibold",
-      "group-data-[variant=default]/combobox-content:tw-tracking-wider",
-      "group-data-[variant=default]/combobox-content:tw-text-[11px]",
-      "group-data-[variant=default]/combobox-content:tw-text-black",
-      "group-data-[variant=default]/combobox-content:tw-pt-2",
-      "group-data-[variant=default]/combobox-content:tw-px-4",
+      "tw:px-2",
+      "tw:py-1.5",
+      "tw:text-xs",
+      "tw:font-medium",
+      "tw:leading-none",
+      "tw:text-muted-foreground",
+      "tw:group-data-[variant=default]/combobox-content:uppercase",
+      "tw:group-data-[variant=default]/combobox-content:font-semibold",
+      "tw:group-data-[variant=default]/combobox-content:tracking-wider",
+      "tw:group-data-[variant=default]/combobox-content:text-[11px]",
+      "tw:group-data-[variant=default]/combobox-content:text-black",
+      "tw:group-data-[variant=default]/combobox-content:pt-2",
+      "tw:group-data-[variant=default]/combobox-content:px-4",
       className
     )
   }
@@ -8934,7 +9100,7 @@ var Combobox = ({
   // own props
   empty = "No items",
   indicator,
-  prefix,
+  prefix: prefix2,
   // creatable
   allowCreate,
   queryToCreateValue,
@@ -9056,11 +9222,11 @@ var Combobox = ({
             focusVariant,
             className,
             children: [
-              prefix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
+              prefix2 && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix2 }),
               /* @__PURE__ */ jsxRuntime.jsx(ComboboxInput, { id, placeholder, disabled }),
               /* @__PURE__ */ jsxRuntime.jsxs(InputGroup.Addon, { align: "inline-end", children: [
-                allowClear && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Button, { asChild: true, "aria-label": "Clear", disabled, children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Clear, { children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Button, { disabled, asChild: true, "aria-label": "Open combobox", children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronDown, { className: "tw-size-4" }) }) })
+                allowClear && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Button, { asChild: true, "aria-label": "Clear", disabled, children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Clear, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Button, { disabled, asChild: true, "aria-label": "Open combobox", children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "tw:size-4" }) }) })
               ] })
             ]
           }
@@ -9069,11 +9235,11 @@ var Combobox = ({
           /* @__PURE__ */ jsxRuntime.jsx(ComboboxEmpty, { children: empty }),
           /* @__PURE__ */ jsxRuntime.jsx(ComboboxList, { children: (itemOrGroup) => {
             if (isCreatableItem(itemOrGroup))
-              return /* @__PURE__ */ jsxRuntime.jsx(Combobox.Item, { value: itemOrGroup, icon: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Plus, {}), children: queryToCreateLabel(itemOrGroup.value) });
+              return /* @__PURE__ */ jsxRuntime.jsx(Combobox.Item, { value: itemOrGroup, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}), children: queryToCreateLabel(itemOrGroup.value) });
             if (isGroupItem(itemOrGroup)) {
               const maybeCreatable = itemOrGroup.items[0];
               if (isCreatableItem(maybeCreatable)) {
-                return /* @__PURE__ */ jsxRuntime.jsx(Combobox.Item, { value: maybeCreatable, icon: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Plus, {}), children: queryToCreateLabel(maybeCreatable.value) });
+                return /* @__PURE__ */ jsxRuntime.jsx(Combobox.Item, { value: maybeCreatable, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}), children: queryToCreateLabel(maybeCreatable.value) });
               }
               const groupLabel = groupToLabel(itemOrGroup);
               return /* @__PURE__ */ jsxRuntime.jsxs(Combobox.Group, { items: itemOrGroup.items, children: [
@@ -9256,14 +9422,14 @@ var PasswordInput = ({
           }
         ),
         (capsLock || canClear || allowPasswordToggle) && /* @__PURE__ */ jsxRuntime.jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          capsLock && /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ArrowBigUpDash, { className: "tw-size-4 tw-text-primary", children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Caps Lock is on" }) }),
+          capsLock && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowBigUpDash, { className: "tw:size-4 tw:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Caps Lock is on" }) }),
           canClear && /* @__PURE__ */ jsxRuntime.jsx(
             InputGroup.Button,
             {
               "aria-label": "Clear password",
               onMouseDown: (event) => event.preventDefault(),
               onClick: handleClear,
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "tw:size-4" })
             }
           ),
           allowPasswordToggle && /* @__PURE__ */ jsxRuntime.jsx(
@@ -9272,7 +9438,7 @@ var PasswordInput = ({
               "aria-label": `${isPasswordVisible ? "Hide password" : "Show password"}${passwordToggleLabel ? `: ${passwordToggleLabel}` : ""}`,
               onMouseDown: (event) => event.preventDefault(),
               onClick: handleTogglePasswordVisibility,
-              children: isPasswordVisible ? /* @__PURE__ */ jsxRuntime.jsx(icons_exports.EyeOff, { className: "tw-size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Eye, { className: "tw-size-4" })
+              children: isPasswordVisible ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "tw:size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "tw:size-4" })
             }
           )
         ] })
@@ -9317,22 +9483,22 @@ var useRadioGroupContext = () => React26.use(RadioGroupContext);
 var radioVariants = classVarianceAuthority.cva(
   [
     // reset
-    "tw-bg-transparent",
-    "tw-p-0",
-    "tw-peer",
-    "tw-cursor-pointer",
-    "tw-whitespace-nowrap",
-    "tw-shrink-0",
+    "tw:bg-transparent",
+    "tw:p-0",
+    "tw:peer",
+    "tw:cursor-pointer",
+    "tw:whitespace-nowrap",
+    "tw:shrink-0",
     // position
-    "tw-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "disabled:tw-cursor-not-allowed",
-    "tw-size-4",
+    "tw:flex",
+    "tw:items-center",
+    "tw:justify-center",
+    "tw:disabled:cursor-not-allowed",
+    "tw:size-4",
     // border
-    "tw-rounded-full",
-    "tw-border",
-    "tw-border-solid"
+    "tw:rounded-full",
+    "tw:border",
+    "tw:border-solid"
   ],
   {
     defaultVariants: {
@@ -9341,71 +9507,71 @@ var radioVariants = classVarianceAuthority.cva(
     variants: {
       variant: {
         default: [
-          "disabled:tw-opacity-40",
-          "data-[state=checked]:tw-border-primary",
-          "data-[state=unchecked]:tw-border-neutral-200",
-          "data-[state=unchecked]:hover:tw-border-primary",
-          "data-[state=unchecked]:disabled:hover:tw-border-neutral-200",
-          "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-ring/30"
+          "tw:disabled:opacity-40",
+          "tw:data-[state=checked]:border-primary",
+          "tw:data-[state=unchecked]:border-neutral-200",
+          "tw:data-[state=unchecked]:hover:border-primary",
+          "tw:data-[state=unchecked]:disabled:hover:border-neutral-200",
+          "tw:focus-visible:ring-2",
+          "tw:focus-visible:ring-ring/30"
         ],
         argo: [
-          "disabled:tw-opacity-50",
-          "tw-border-input",
-          "tw-transition-colors",
-          "data-[state=checked]:tw-bg-primary",
-          "data-[state=checked]:tw-border-primary",
-          "data-[state=unchecked]:not-disabled:hover:tw-bg-accent",
-          "data-[state=checked]:not-disabled:hover:tw-bg-primary",
-          "focus-visible:tw-outline-none",
-          "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-ring/50"
+          "tw:disabled:opacity-50",
+          "tw:border-input",
+          "tw:transition-colors",
+          "tw:data-[state=checked]:bg-primary",
+          "tw:data-[state=checked]:border-primary",
+          "tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
+          "tw:data-[state=checked]:not-disabled:hover:bg-primary",
+          "tw:focus-visible:outline-hidden",
+          "tw:focus-visible:border-primary",
+          "tw:focus-visible:ring-2",
+          "tw:focus-visible:ring-ring/50"
         ]
       }
     }
   }
 );
-var radioIndicatorVariants = classVarianceAuthority.cva(["tw-size-2.5", "tw-fill-current"], {
+var radioIndicatorVariants = classVarianceAuthority.cva(["tw:size-2.5", "tw:fill-current"], {
   defaultVariants: {
     variant: "default"
   },
   variants: {
     variant: {
-      default: ["tw-text-primary"],
-      argo: ["tw-text-primary-foreground"]
+      default: ["tw:text-primary"],
+      argo: ["tw:text-primary-foreground"]
     }
   }
 });
 var radioItemButtonVariants = classVarianceAuthority.cva(
   [
     // reset
-    "tw-bg-transparent",
-    "tw-p-0",
-    "tw-peer",
-    "tw-cursor-pointer",
-    "tw-whitespace-nowrap",
+    "tw:bg-transparent",
+    "tw:p-0",
+    "tw:peer",
+    "tw:cursor-pointer",
+    "tw:whitespace-nowrap",
     // position
-    "tw-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "disabled:tw-cursor-not-allowed",
+    "tw:flex",
+    "tw:items-center",
+    "tw:justify-center",
+    "tw:disabled:cursor-not-allowed",
     // layouts
-    "tw-w-full",
-    "tw-px-2",
-    "tw-py-1.5",
+    "tw:w-full",
+    "tw:px-2",
+    "tw:py-1.5",
     // fonts
-    "tw-uppercase",
-    "tw-font-semibold",
-    "tw-font-sans",
-    "tw-text-[11px]",
-    "tw-whitespace-nowrap",
-    "tw-tracking-widest",
-    "tw-leading-[18px]",
+    "tw:uppercase",
+    "tw:font-semibold",
+    "tw:font-sans",
+    "tw:text-[11px]",
+    "tw:whitespace-nowrap",
+    "tw:tracking-widest",
+    "tw:leading-[18px]",
     // border
-    "tw-border",
-    "tw-border-solid",
-    "tw-rounded"
+    "tw:border",
+    "tw:border-solid",
+    "tw:rounded"
   ],
   {
     defaultVariants: {
@@ -9414,46 +9580,46 @@ var radioItemButtonVariants = classVarianceAuthority.cva(
     variants: {
       variant: {
         default: [
-          "disabled:tw-opacity-40",
-          "tw-text-secondary-600",
-          "tw-border-secondary-500",
-          "data-[state=unchecked]:hover:tw-bg-secondary-500",
-          "data-[state=unchecked]:hover:tw-text-white",
-          "data-[state=unchecked]:disabled:hover:tw-bg-white",
-          "data-[state=unchecked]:disabled:hover:tw-text-secondary-500",
-          "data-[state=checked]:disabled:tw-cursor-not-allowed",
-          "data-[state=unchecked]:tw-bg-white",
-          "data-[state=checked]:tw-bg-secondary-500",
-          "data-[state=checked]:tw-text-white",
-          "data-[state=checked]:tw-cursor-default",
-          "focus-visible:tw-outline",
-          "focus-visible:tw-outline-ring",
-          "focus-visible:tw-ring-4",
-          "focus-visible:tw-ring-ring/30"
+          "tw:disabled:opacity-40",
+          "tw:text-secondary-600",
+          "tw:border-secondary-500",
+          "tw:data-[state=unchecked]:hover:bg-secondary-500",
+          "tw:data-[state=unchecked]:hover:text-white",
+          "tw:data-[state=unchecked]:disabled:hover:bg-white",
+          "tw:data-[state=unchecked]:disabled:hover:text-secondary-500",
+          "tw:data-[state=checked]:disabled:cursor-not-allowed",
+          "tw:data-[state=unchecked]:bg-white",
+          "tw:data-[state=checked]:bg-secondary-500",
+          "tw:data-[state=checked]:text-white",
+          "tw:data-[state=checked]:cursor-default",
+          "tw:focus-visible:outline",
+          "tw:focus-visible:outline-ring",
+          "tw:focus-visible:ring-4",
+          "tw:focus-visible:ring-ring/30"
         ],
         argo: [
-          "disabled:tw-opacity-50",
-          "tw-text-foreground",
-          "tw-border-input",
-          "tw-transition-colors",
+          "tw:disabled:opacity-50",
+          "tw:text-foreground",
+          "tw:border-input",
+          "tw:transition-colors",
           // muted filled control surface — gray, distinct from white containers; not the app-background token
-          "data-[state=unchecked]:tw-bg-muted",
-          "data-[state=unchecked]:not-disabled:hover:tw-bg-accent",
-          "data-[state=unchecked]:not-disabled:hover:tw-text-accent-foreground",
-          "data-[state=checked]:tw-bg-primary",
-          "data-[state=checked]:tw-border-primary",
-          "data-[state=checked]:tw-text-primary-foreground",
-          "data-[state=checked]:not-disabled:tw-cursor-default",
-          "focus-visible:tw-outline-none",
-          "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-ring/50"
+          "tw:data-[state=unchecked]:bg-muted",
+          "tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
+          "tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground",
+          "tw:data-[state=checked]:bg-primary",
+          "tw:data-[state=checked]:border-primary",
+          "tw:data-[state=checked]:text-primary-foreground",
+          "tw:data-[state=checked]:not-disabled:cursor-default",
+          "tw:focus-visible:outline-hidden",
+          "tw:focus-visible:border-primary",
+          "tw:focus-visible:ring-2",
+          "tw:focus-visible:ring-ring/50"
         ]
       }
     }
   }
 );
-var Radio = ({ className, styleVariant = "default", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(RRadioGroup.Item, { ...props, className: cn(radioVariants({ variant: styleVariant }), className), children: /* @__PURE__ */ jsxRuntime.jsx(RRadioGroup.Indicator, { className: cn("tw-flex", "tw-items-center", "tw-justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Circle, { className: radioIndicatorVariants({ variant: styleVariant }) }) }) });
+var Radio2 = ({ className, styleVariant = "default", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(RRadioGroup.Item, { ...props, className: cn(radioVariants({ variant: styleVariant }), className), children: /* @__PURE__ */ jsxRuntime.jsx(RRadioGroup.Indicator, { className: cn("tw:flex", "tw:items-center", "tw:justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: radioIndicatorVariants({ variant: styleVariant }) }) }) });
 var RadioGroupItemButton = ({
   ref,
   className,
@@ -9488,8 +9654,8 @@ var RadioGroupItem = ({
       {
         variant: variant === "radio-block" ? "boxed" : "default",
         htmlFor: id,
-        control: /* @__PURE__ */ jsxRuntime.jsx(Radio, { styleVariant, ...props, id }),
-        className: variant === "radio-block" ? "tw-flex-1" : void 0,
+        control: /* @__PURE__ */ jsxRuntime.jsx(Radio2, { styleVariant, ...props, id }),
+        className: variant === "radio-block" ? "tw:flex-1" : void 0,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(FieldBox.Title, { children }),
           description && /* @__PURE__ */ jsxRuntime.jsx(FieldBox.Description, { children: description })
@@ -9505,13 +9671,13 @@ var RadioGroupItem = ({
 var separatorVariants = classVarianceAuthority.cva(
   [
     // position
-    "tw-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "tw-self-stretch",
+    "tw:flex",
+    "tw:items-center",
+    "tw:justify-center",
+    "tw:self-stretch",
     // before
-    "before:tw-content-['']",
-    "before:tw-bg-border"
+    "tw:before:content-['']",
+    "tw:before:bg-border"
   ],
   {
     defaultVariants: {
@@ -9522,43 +9688,43 @@ var separatorVariants = classVarianceAuthority.cva(
       {
         orientation: "horizontal",
         size: "full",
-        className: ["before:tw-w-full"]
+        className: ["tw:before:w-full"]
       },
       {
         orientation: "horizontal",
         size: "1/2",
-        className: ["before:tw-w-1/2"]
+        className: ["tw:before:w-1/2"]
       },
       {
         orientation: "horizontal",
         size: "3/4",
-        className: ["before:tw-w-3/4"]
+        className: ["tw:before:w-3/4"]
       },
       {
         orientation: "vertical",
         size: "full",
-        className: ["before:tw-h-full"]
+        className: ["tw:before:h-full"]
       },
       {
         orientation: "vertical",
         size: "1/2",
-        className: ["before:tw-h-1/2"]
+        className: ["tw:before:h-1/2"]
       },
       {
         orientation: "vertical",
         size: "3/4",
-        className: ["before:tw-h-3/4"]
+        className: ["tw:before:h-3/4"]
       }
     ],
     variants: {
       size: {
-        full: ["before:tw-h-full"],
+        full: ["tw:before:h-full"],
         "1/2": [],
         "3/4": []
       },
       orientation: {
-        vertical: ["before:tw-w-px"],
-        horizontal: ["before:tw-h-px"]
+        vertical: ["tw:before:w-px"],
+        horizontal: ["tw:before:h-px"]
       }
     }
   }
@@ -9578,10 +9744,10 @@ var Separator = ({
         decorative: true,
         orientation: "horizontal",
         className: cn(
-          "tw-flex tw-w-full tw-items-center tw-gap-3 tw-self-stretch",
-          "tw-text-xs tw-font-medium tw-text-muted-foreground",
-          "before:tw-content-[''] before:tw-h-px before:tw-flex-1 before:tw-bg-border",
-          "after:tw-content-[''] after:tw-h-px after:tw-flex-1 after:tw-bg-border",
+          "tw:flex tw:w-full tw:items-center tw:gap-3 tw:self-stretch",
+          "tw:text-xs tw:font-medium tw:text-muted-foreground",
+          "tw:before:content-[''] tw:before:h-px tw:before:flex-1 tw:before:bg-border",
+          "tw:after:content-[''] tw:after:h-px tw:after:flex-1 tw:after:bg-border",
           className
         ),
         children: label
@@ -9602,19 +9768,19 @@ var RadioGroupSeparator = () => {
   const { orientation } = useRadioGroupContext();
   const invertedOrientation = orientation === "horizontal" ? "vertical" : "horizontal";
   const size = orientation === "horizontal" ? "1/2" : "full";
-  const className = orientation === "horizontal" ? "tw-mx-2" : "tw-my-2";
+  const className = orientation === "horizontal" ? "tw:mx-2" : "tw:my-2";
   return /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: invertedOrientation, size, className });
 };
-var radioGroupVariants = classVarianceAuthority.cva(["tw-flex"], {
+var radioGroupVariants = classVarianceAuthority.cva(["tw:flex"], {
   variants: {
     orientation: {
-      horizontal: ["tw-gap-2"],
-      vertical: ["tw-flex-col", "tw-gap-3"]
+      horizontal: ["tw:gap-2"],
+      vertical: ["tw:flex-col", "tw:gap-3"]
     },
     variant: {
       button: [],
       radio: [],
-      "radio-block": ["tw-w-full"]
+      "radio-block": ["tw:w-full"]
     }
   }
 });
@@ -9888,7 +10054,14 @@ var generateUiSchema = (schema, readOnly = false, definitions, globalConfig, has
         } else {
           fieldUi["ui:widget"] = "code-editor";
         }
-        fieldUi["ui:options"] = { editor: options?.editor ?? {} };
+        fieldUi["ui:options"] = {
+          editor: options?.editor ?? {},
+          // A JSON editor stores parsed keys, so `#` prefixes really are encrypted here.
+          // Fields whose JSON is not Keboola configuration (a query filter tree, a payload
+          // template) opt out with `encryption_hint: false` — encrypting a key there would
+          // hand the component ciphertext it cannot use.
+          encryptionHint: options?.encryption_hint !== false
+        };
       } else if (type === "object" && format2 === "ssh-editor") {
         fieldUi["ui:field"] = "sshForm";
         fieldUi["ui:options"] = { only_keys: !!options?.only_keys };
@@ -10335,7 +10508,7 @@ var RjsfSchemaEditor = ({
     }
   }, [onRegisterValidate, formKey]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json-editor", children: /* @__PURE__ */ jsxRuntime.jsx(RenderMarkdownProvider, { value: renderMarkdown ?? defaultRenderMarkdown, children: /* @__PURE__ */ jsxRuntime.jsx(RootFormDataProvider, { value: rootFormData, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Form__default.default,
+    Form2__default.default,
     {
       ref: formRef,
       schema: schemaJs,