@keboola/design 6.4.0 → 6.5.0

package/dist/rjsf.cjs

@@ -30,10 +30,10 @@ var DOMPurify = require('dompurify');
 var reactCollapsible = require('@radix-ui/react-collapsible');
 var RadixTabs = require('@radix-ui/react-tabs');
 var ScrollAreaPrimitive2 = require('@radix-ui/react-scroll-area');
-var TextareaAutosize = require('react-textarea-autosize');
-var reactPopover = require('@radix-ui/react-popover');
 var RLabel = require('@radix-ui/react-label');
+var TextareaAutosize = require('react-textarea-autosize');
 var reactCheckbox = require('@radix-ui/react-checkbox');
+var reactPopover = require('@radix-ui/react-popover');
 var combobox = require('@base-ui/react/combobox');
 var RRadioGroup = require('@radix-ui/react-radio-group');
 var RSeparator = require('@radix-ui/react-separator');
@@ -67,8 +67,8 @@ var colors__default = /*#__PURE__*/_interopDefault(colors);
 var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 var RadixTabs__namespace = /*#__PURE__*/_interopNamespace(RadixTabs);
 var ScrollAreaPrimitive2__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive2);
-var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
 var RLabel__namespace = /*#__PURE__*/_interopNamespace(RLabel);
+var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
 var RRadioGroup__namespace = /*#__PURE__*/_interopNamespace(RRadioGroup);
 var RSeparator__namespace = /*#__PURE__*/_interopNamespace(RSeparator);
 
@@ -333,6 +333,7 @@ var Tooltip = ({
   placement = "right",
   forceHide = false,
   forceShow = false,
+  delayDuration,
   // trigger props
   triggerAsChild = false
 }) => {
@@ -352,6 +353,7 @@ var Tooltip = ({
     {
       open: !!tooltip && (open || forceShow) && !forceHide,
       onOpenChange: setOpen,
+      delayDuration,
       disableHoverableContent: isActionVariant,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -475,6 +477,7 @@ var Keboola = React26.forwardRef(
       width: size,
       height: size,
       viewBox: "0 0 300 512",
+      overflow: "visible",
       fill: color,
       className: cn("lucide", className),
       ...rest,
@@ -1039,14 +1042,9 @@ var getLanguageMode = (mode) => {
       return langJson.json();
   }
 };
+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 KbdGroup = ({
-  ref,
-  className,
-  children,
-  separator,
-  ...props
-}) => {
+var KbdGroup = ({ ref, className, children, separator, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "kbd",
     {
@@ -1137,7 +1135,7 @@ var CodeEditor = ({
   const commonExtensions = React26.useMemo(() => {
     return [
       getLanguageMode(mode),
-      mode === "application/json" && lint.linter(langJson.jsonParseLinter()),
+      shouldLintJson(mode, readOnly) && lint.linter(langJson.jsonParseLinter()),
       withLineWrapping ? view.EditorView.lineWrapping : [],
       CodeMirror.EditorState.languageData.of(() => [
         { autocomplete: completeAny ? autocomplete.completeAnyWord : autocompletions }
@@ -1155,7 +1153,7 @@ var CodeEditor = ({
       autocomplete.autocompletion({ activateOnTyping: completeAny }),
       baseTheme
     ].filter(Boolean);
-  }, [autocompletions, completeAny, extraKeys, mode, withLineWrapping, baseTheme]);
+  }, [autocompletions, completeAny, extraKeys, mode, readOnly, withLineWrapping, baseTheme]);
   const extensions = React26.useMemo(() => {
     return [
       ...commonExtensions,
@@ -1626,12 +1624,7 @@ var GridObjectField = ({
     gridContent
   ] });
 };
-var CollapsibleContent = ({
-  ref,
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleContent = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   reactCollapsible.Content,
   {
     ref,
@@ -1647,12 +1640,7 @@ var CollapsibleContent = ({
 var Collapsible = (props) => /* @__PURE__ */ jsxRuntime.jsx(reactCollapsible.Root, { ...props });
 Collapsible.Trigger = reactCollapsible.CollapsibleTrigger;
 Collapsible.Content = CollapsibleContent;
-var AlertAction = ({
-  ref,
-  className,
-  asChild = false,
-  ...props
-}) => {
+var AlertAction = ({ ref, className, asChild = false, ...props }) => {
   const Comp = asChild ? reactSlot.Slot : "div";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -1690,12 +1678,7 @@ var AlertCollapsibleIcon = ({ open }) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip,
     )
   }
 ) });
-var AlertDescription = ({
-  ref,
-  children,
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDescription = ({ ref, children, className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ...rest,
@@ -1748,13 +1731,7 @@ var AlertIcon = ({ variant, icon, className, ...rest }) => /* @__PURE__ */ jsxRu
     children: icon ?? VARIANT_ICONS[variant]
   }
 );
-var AlertRoot = ({
-  ref,
-  children,
-  className,
-  variant,
-  ...rest
-}) => {
+var AlertRoot = ({ ref, children, className, variant, ...rest }) => {
   const renderArgo = useArgoDesign();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -1811,11 +1788,7 @@ var AlertRoot = ({
     }
   );
 };
-var AlertTitle = ({
-  ref,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ...props,
@@ -2345,6 +2318,55 @@ 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}`)) });
 };
+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,
+  {
+    ...rest,
+    id: id?.toString(),
+    htmlFor: htmlFor?.toString(),
+    className: cn(
+      "tw-m-0 tw-text-foreground tw-font-normal peer-disabled:tw-opacity-50",
+      className
+    ),
+    children
+  }
+);
+Label.Optional = Optional;
+Label.Required = Required;
+var Link = ({
+  ref,
+  children,
+  target = "_blank",
+  rel = "noopener noreferrer",
+  onClick,
+  className,
+  ...rest
+}) => {
+  const handleOnClick = (event) => {
+    event.stopPropagation();
+    onClick?.(event);
+  };
+  return (
+    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        ...rest,
+        ref,
+        target,
+        rel,
+        onClick: handleOnClick,
+        className: cn(
+          "tw-text-primary tw-underline hover:tw-text-primary/90 hover:tw-no-underline",
+          className
+        ),
+        children
+      }
+    )
+  );
+};
 var FormGroupContext = React26.createContext({
   state: "default"
 });
@@ -2392,12 +2414,7 @@ var InputGroupAddon = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, "data-align": align, className: cn(addonVariants({ align, className })), children });
-var InputGroupButton = ({
-  ref,
-  className,
-  tabIndex = -1,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupButton = ({ ref, className, tabIndex = -1, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   Button,
   {
     ...props,
@@ -2408,11 +2425,7 @@ var InputGroupButton = ({
     className: cn("tw-size-5", "[&_svg]:tw-text-muted-foreground", className)
   }
 );
-var InputGroupInput = ({
-  ref,
-  className,
-  ...inputProps
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupInput = ({ ref, className, ...inputProps }) => /* @__PURE__ */ jsxRuntime.jsx(
   "input",
   {
     ...inputProps,
@@ -2740,6 +2753,29 @@ InputGroup.Addon = InputGroupAddon;
 InputGroup.Button = InputGroupButton;
 InputGroup.TextArea = InputGroupTextArea;
 InputGroup.Text = InputGroupText;
+var useControllableState = ({
+  prop,
+  defaultProp,
+  onChange
+}) => {
+  const [uncontrolled, setUncontrolled] = React26.useState(defaultProp);
+  const isControlled = prop !== void 0;
+  const value = prop !== void 0 ? prop : uncontrolled;
+  const valueRef = React26.useRef(value);
+  valueRef.current = value;
+  const onChangeRef = React26.useRef(onChange);
+  onChangeRef.current = onChange;
+  const setValue = React26.useCallback(
+    (next) => {
+      const nextValue = typeof next === "function" ? next(valueRef.current) : next;
+      valueRef.current = nextValue;
+      if (!isControlled) setUncontrolled(nextValue);
+      onChangeRef.current?.(nextValue);
+    },
+    [isControlled]
+  );
+  return [value, setValue];
+};
 
 // src/blocks/ColorInput/utils.ts
 var HEX_CHARSET = /^[0-9a-fA-F]+$/;
@@ -2831,13 +2867,13 @@ var ColorInput = ({
   ...restInputProps
 }) => {
   const inputRef = React26.useRef(null);
-  const [internalValue, setInternalValue] = React26.useState(defaultValue ?? "");
+  const [value, setValue] = useControllableState({
+    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.
+    prop: valueProp === null ? "" : valueProp,
+    defaultProp: defaultValue ?? "",
+    onChange: onValueChange
+  });
   const isControlled = valueProp !== void 0;
-  const value = isControlled ? valueProp ?? "" : internalValue;
-  const setValue = (nextValue) => {
-    if (!isControlled) setInternalValue(nextValue);
-    onValueChange?.(nextValue);
-  };
   const canClear = allowClear && !!value && !disabled && !readOnly;
   const swatchColor = coerceHexInputValue(value);
   const isValidSwatch = isCompleteHexColor(swatchColor);
@@ -2940,10 +2976,7 @@ var ColorInput = ({
     }
   );
 };
-var FormGroupColorInput = ({
-  ref,
-  ...props
-}) => {
+var FormGroupColorInput = ({ ref, ...props }) => {
   const { state } = useFormGroupContext();
   return /* @__PURE__ */ jsxRuntime.jsx(ColorInput, { state, ...props, ref });
 };
@@ -3017,10 +3050,7 @@ var NumberInput = ({
     }
   );
 };
-var FormGroupNumberInput = ({
-  ref,
-  ...props
-}) => {
+var FormGroupNumberInput = ({ ref, ...props }) => {
   const { state } = useFormGroupContext();
   return /* @__PURE__ */ jsxRuntime.jsx(NumberInput, { ...props, ref, state });
 };
@@ -3032,8 +3062,18 @@ var Textarea = ({
   variant,
   sizing,
   focusVariant,
+  // value handling
+  value: valueProp,
+  defaultValue,
+  onValueChange,
   ...rest
 }) => {
+  const [value, setValue] = useControllableState({
+    // `undefined` stays uncontrolled; any provided value (incl. `null`) is controlled, coerced to ''.
+    prop: valueProp === void 0 ? void 0 : valueProp ?? "",
+    defaultProp: defaultValue ?? "",
+    onChange: onValueChange
+  });
   return /* @__PURE__ */ jsxRuntime.jsx(
     InputGroup,
     {
@@ -3042,7 +3082,7 @@ var Textarea = ({
       focusVariant,
       variant,
       className: containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx(InputGroup.TextArea, { ...rest, ref })
+      children: /* @__PURE__ */ jsxRuntime.jsx(InputGroup.TextArea, { ...rest, ref, value, onValueChange: setValue })
     }
   );
 };
@@ -3051,495 +3091,1004 @@ var FormGroupTextarea = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea, { state, ...props });
 };
 
-// ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzName/index.js
-function tzName(timeZone, date, format2 = "long") {
-  return new Intl.DateTimeFormat("en-US", {
-    // Enforces engine to render the time. Without the option JavaScriptCore omits it.
-    hour: "numeric",
-    timeZone,
-    timeZoneName: format2
-  }).format(date).split(/\s/g).slice(2).join(" ");
-}
-
-// ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzOffset/index.js
-var offsetFormatCache = {};
-var offsetCache = {};
-function tzOffset(timeZone, date) {
-  try {
-    const format2 = offsetFormatCache[timeZone] ||= new Intl.DateTimeFormat("en-US", {
-      timeZone,
-      timeZoneName: "longOffset"
-    }).format;
-    const offsetStr = format2(date).split("GMT")[1];
-    if (offsetStr in offsetCache) return offsetCache[offsetStr];
-    return calcOffset(offsetStr, offsetStr.split(":"));
-  } catch {
-    if (timeZone in offsetCache) return offsetCache[timeZone];
-    const captures = timeZone?.match(offsetRe);
-    if (captures) return calcOffset(timeZone, captures.slice(1));
-    return NaN;
-  }
-}
-var offsetRe = /([+-]\d\d):?(\d\d)?/;
-function calcOffset(cacheStr, values) {
-  const hours = +(values[0] || 0);
-  const minutes = +(values[1] || 0);
-  const seconds = +(values[2] || 0) / 60;
-  return offsetCache[cacheStr] = hours * 60 + minutes > 0 ? hours * 60 + minutes + seconds : hours * 60 - minutes - seconds;
-}
-
-// ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/date/mini.js
-var TZDateMini = class _TZDateMini extends Date {
-  //#region static
-  constructor(...args) {
-    super();
-    if (args.length > 1 && typeof args[args.length - 1] === "string") {
-      this.timeZone = args.pop();
-    }
-    this.internal = /* @__PURE__ */ new Date();
-    if (isNaN(tzOffset(this.timeZone, this))) {
-      this.setTime(NaN);
-    } else {
-      if (!args.length) {
-        this.setTime(Date.now());
-      } else if (typeof args[0] === "number" && (args.length === 1 || args.length === 2 && typeof args[1] !== "number")) {
-        this.setTime(args[0]);
-      } else if (typeof args[0] === "string") {
-        this.setTime(+new Date(args[0]));
-      } else if (args[0] instanceof Date) {
-        this.setTime(+args[0]);
-      } else {
-        this.setTime(+new Date(...args));
-        adjustToSystemTZ(this);
-        syncToInternal(this);
-      }
-    }
-  }
-  static tz(tz, ...args) {
-    return args.length ? new _TZDateMini(...args, tz) : new _TZDateMini(Date.now(), tz);
-  }
-  //#endregion
-  //#region time zone
-  withTimeZone(timeZone) {
-    return new _TZDateMini(+this, timeZone);
-  }
-  getTimezoneOffset() {
-    const offset = -tzOffset(this.timeZone, this);
-    return offset > 0 ? Math.floor(offset) : Math.ceil(offset);
-  }
-  //#endregion
-  //#region time
-  setTime(time) {
-    Date.prototype.setTime.apply(this, arguments);
-    syncToInternal(this);
-    return +this;
-  }
-  //#endregion
-  //#region date-fns integration
-  [/* @__PURE__ */ Symbol.for("constructDateFrom")](date) {
-    return new _TZDateMini(+new Date(date), this.timeZone);
-  }
-  //#endregion
+// src/blocks/TextInput/utils.ts
+var genInputTestId = (prefix = "") => {
+  const ps = createPrefixedString(prefix);
+  return {
+    toString: () => prefix,
+    inputWrapper: ps`input-wrapper`,
+    input: ps`input`,
+    clearButton: ps`clear-button`
+  };
 };
-var re = /^(get|set)(?!UTC)/;
-Object.getOwnPropertyNames(Date.prototype).forEach((method) => {
-  if (!re.test(method)) return;
-  const utcMethod = method.replace(re, "$1UTC");
-  if (!TZDateMini.prototype[utcMethod]) return;
-  if (method.startsWith("get")) {
-    TZDateMini.prototype[method] = function() {
-      return this.internal[utcMethod]();
-    };
-  } else {
-    TZDateMini.prototype[method] = function() {
-      Date.prototype[utcMethod].apply(this.internal, arguments);
-      syncFromInternal(this);
-      return +this;
-    };
-    TZDateMini.prototype[utcMethod] = function() {
-      Date.prototype[utcMethod].apply(this, arguments);
-      syncToInternal(this);
-      return +this;
-    };
-  }
-});
-function syncToInternal(date) {
-  date.internal.setTime(+date);
-  date.internal.setUTCSeconds(date.internal.getUTCSeconds() - Math.round(-tzOffset(date.timeZone, date) * 60));
-}
-function syncFromInternal(date) {
-  Date.prototype.setFullYear.call(date, date.internal.getUTCFullYear(), date.internal.getUTCMonth(), date.internal.getUTCDate());
-  Date.prototype.setHours.call(date, date.internal.getUTCHours(), date.internal.getUTCMinutes(), date.internal.getUTCSeconds(), date.internal.getUTCMilliseconds());
-  adjustToSystemTZ(date);
-}
-function adjustToSystemTZ(date) {
-  const baseOffset = tzOffset(date.timeZone, date);
-  const offset = baseOffset > 0 ? Math.floor(baseOffset) : Math.ceil(baseOffset);
-  const prevHour = /* @__PURE__ */ new Date(+date);
-  prevHour.setUTCHours(prevHour.getUTCHours() - 1);
-  const systemOffset = -(/* @__PURE__ */ new Date(+date)).getTimezoneOffset();
-  const prevHourSystemOffset = -(/* @__PURE__ */ new Date(+prevHour)).getTimezoneOffset();
-  const systemDSTChange = systemOffset - prevHourSystemOffset;
-  const dstShift = Date.prototype.getHours.apply(date) !== date.internal.getUTCHours();
-  if (systemDSTChange && dstShift) date.internal.setUTCMinutes(date.internal.getUTCMinutes() + systemDSTChange);
-  const offsetDiff = systemOffset - offset;
-  if (offsetDiff) Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + offsetDiff);
-  const systemDate = /* @__PURE__ */ new Date(+date);
-  systemDate.setUTCSeconds(0);
-  const systemSecondsOffset = systemOffset > 0 ? systemDate.getSeconds() : (systemDate.getSeconds() - 60) % 60;
-  const secondsOffset = Math.round(-(tzOffset(date.timeZone, date) * 60)) % 60;
-  if (secondsOffset || systemSecondsOffset) {
-    date.internal.setUTCSeconds(date.internal.getUTCSeconds() + secondsOffset);
-    Date.prototype.setUTCSeconds.call(date, Date.prototype.getUTCSeconds.call(date) + secondsOffset + systemSecondsOffset);
-  }
-  const postBaseOffset = tzOffset(date.timeZone, date);
-  const postOffset = postBaseOffset > 0 ? Math.floor(postBaseOffset) : Math.ceil(postBaseOffset);
-  const postSystemOffset = -(/* @__PURE__ */ new Date(+date)).getTimezoneOffset();
-  const postOffsetDiff = postSystemOffset - postOffset;
-  const offsetChanged = postOffset !== offset;
-  const postDiff = postOffsetDiff - offsetDiff;
-  if (offsetChanged && postDiff) {
-    Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + postDiff);
-    const newBaseOffset = tzOffset(date.timeZone, date);
-    const newOffset = newBaseOffset > 0 ? Math.floor(newBaseOffset) : Math.ceil(newBaseOffset);
-    const offsetChange = postOffset - newOffset;
-    if (offsetChange) {
-      date.internal.setUTCMinutes(date.internal.getUTCMinutes() + offsetChange);
-      Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + offsetChange);
+var sanitizeTextInputValue = (value) => {
+  if (typeof value === "string" && value.trim() === "") return "";
+  return value;
+};
+var TextInput = ({
+  ref: forwardedRef,
+  state = "default",
+  sizing = "default",
+  className,
+  prefix = null,
+  rightSuffix = null,
+  rightSuffixVariant = "default",
+  leftSuffix = null,
+  allowClear = false,
+  onClear,
+  disabled = false,
+  testId: prefixTestId = "",
+  autoFocus = false,
+  id,
+  name,
+  variant,
+  readOnly,
+  type = "text",
+  focusVariant = "default",
+  onChange,
+  onBlur,
+  onValueChange,
+  onValueBlur,
+  value: valueProp,
+  defaultValue,
+  ...inputProps
+}) => {
+  const inputRef = React26.useRef(null);
+  const [value, setValue] = useControllableState({
+    // `undefined` stays uncontrolled; any provided value (incl. `null`) is controlled and coerced
+    // to a string. Whitespace-only input collapses to '' via `sanitizeTextInputValue`.
+    prop: valueProp === void 0 ? void 0 : sanitizeTextInputValue(valueProp) ?? "",
+    defaultProp: sanitizeTextInputValue(defaultValue) ?? "",
+    onChange: onValueChange
+  });
+  const testId = genInputTestId(prefixTestId);
+  const isClearButtonVisible = !!value && !disabled && !readOnly || !!onClear;
+  const handleChange = (event) => {
+    setValue(event.target.value);
+    onChange?.(event);
+  };
+  const handleBlur = (event) => {
+    onValueBlur?.(event.target.value);
+    onBlur?.(event);
+  };
+  const handleClear = () => {
+    if (inputRef.current === null) return;
+    inputRef.current.value = "";
+    inputRef.current.focus();
+    onClear?.();
+    handleChange(createChangeInputEvent(inputRef.current));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    InputGroup,
+    {
+      state,
+      variant,
+      sizing,
+      focusVariant,
+      className,
+      "data-testid": testId.inputWrapper,
+      children: [
+        prefix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          InputGroup.Input,
+          {
+            ...inputProps,
+            value,
+            autoFocus,
+            type,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            ref: mergeRefs(forwardedRef ?? null, inputRef),
+            disabled,
+            id,
+            name,
+            readOnly,
+            "data-testid": testId.input
+          }
+        ),
+        (leftSuffix || allowClear || rightSuffix) && /* @__PURE__ */ jsxRuntime.jsxs(InputGroup.Addon, { align: "inline-end", children: [
+          leftSuffix,
+          allowClear && isClearButtonVisible && /* @__PURE__ */ jsxRuntime.jsx(
+            InputGroup.Button,
+            {
+              "aria-label": "Clear",
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: handleClear,
+              "data-testid": testId.clearButton,
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
+            }
+          ),
+          rightSuffix && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn({
+                "tw-whitespace-nowrap tw-bg-muted tw-px-4 -tw-mr-4 tw-py-2.5": rightSuffixVariant === "addon"
+              }),
+              children: rightSuffix
+            }
+          )
+        ] })
+      ]
     }
+  );
+};
+var FormGroupTextInput = ({ ref, ...props }) => {
+  const { state } = useFormGroupContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { state, ...props, ref });
+};
+var FormGroup = ({ className, children, state, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormGroupProvider, { value: { state }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: cn("tw-flex tw-flex-col tw-gap-1", className), children }) });
+};
+FormGroup.Help = FormGroupHelp;
+FormGroup.Error = FormGroupError;
+FormGroup.TextInput = FormGroupTextInput;
+FormGroup.NumberInput = FormGroupNumberInput;
+FormGroup.ColorInput = FormGroupColorInput;
+FormGroup.Textarea = FormGroupTextarea;
+var RootFormDataContext = React26.createContext({});
+var RootFormDataProvider = RootFormDataContext;
+var useRootFormData = () => React26.use(RootFormDataContext);
+var resolveByPath2 = (parts, data) => {
+  let current = data;
+  for (const part of parts) {
+    if (current == null || typeof current !== "object") return void 0;
+    current = current[part];
   }
-}
-
-// ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/date/index.js
-var TZDate = class _TZDate extends TZDateMini {
-  //#region static
-  static tz(tz, ...args) {
-    return args.length ? new _TZDate(...args, tz) : new _TZDate(Date.now(), tz);
-  }
-  //#endregion
-  //#region representation
-  toISOString() {
-    const [sign, hours, minutes] = this.tzComponents();
-    const tz = `${sign}${hours}:${minutes}`;
-    return this.internal.toISOString().slice(0, -1) + tz;
-  }
-  toString() {
-    return `${this.toDateString()} ${this.toTimeString()}`;
-  }
-  toDateString() {
-    const [day, date, month, year] = this.internal.toUTCString().split(" ");
-    return `${day?.slice(0, -1)} ${month} ${date} ${year}`;
-  }
-  toTimeString() {
-    const time = this.internal.toUTCString().split(" ")[4];
-    const [sign, hours, minutes] = this.tzComponents();
-    return `${time} GMT${sign}${hours}${minutes} (${tzName(this.timeZone, this)})`;
+  return current;
+};
+var resolveDependencyValue = (path, formData, parentPath) => {
+  if (path.startsWith("root.")) {
+    return resolveByPath2(path.replace(/^root\./, "").split("."), formData);
   }
-  toLocaleString(locales, options) {
-    return Date.prototype.toLocaleString.call(this, locales, {
-      ...options,
-      timeZone: options?.timeZone || this.timeZone
-    });
+  const parent = resolveByPath2(parentPath.map(String), formData);
+  if (parent && typeof parent === "object") {
+    const sibling = resolveByPath2(path.split("."), parent);
+    if (sibling !== void 0) return sibling;
   }
-  toLocaleDateString(locales, options) {
-    return Date.prototype.toLocaleDateString.call(this, locales, {
-      ...options,
-      timeZone: options?.timeZone || this.timeZone
-    });
+  return resolveByPath2(path.split("."), formData);
+};
+var evaluateDependencies = (dependencies, formData, parentPath) => {
+  for (const [path, expected] of Object.entries(dependencies)) {
+    const actual = resolveDependencyValue(path, formData, parentPath);
+    if (Array.isArray(expected)) {
+      if (!expected.includes(actual)) return false;
+    } else if (expected === "") {
+      if (actual !== "" && actual !== void 0 && actual !== null) return false;
+    } else {
+      if (actual !== expected) return false;
+    }
   }
-  toLocaleTimeString(locales, options) {
-    return Date.prototype.toLocaleTimeString.call(this, locales, {
-      ...options,
-      timeZone: options?.timeZone || this.timeZone
-    });
+  return true;
+};
+var DocumentationLinkIcon = ({
+  documentation
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  Tooltip,
+  {
+    placement: "top",
+    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" }) }) })
   }
-  //#endregion
-  //#region private
-  tzComponents() {
-    const offset = this.getTimezoneOffset();
-    const sign = offset > 0 ? "-" : "+";
-    const hours = String(Math.floor(Math.abs(offset) / 60)).padStart(2, "0");
-    const minutes = String(Math.abs(offset) % 60).padStart(2, "0");
-    return [sign, hours, minutes];
+);
+var FieldTemplateBody = ({
+  id,
+  label,
+  rawHelp,
+  rawDescription,
+  rawErrors,
+  children,
+  schema,
+  uiSchema,
+  displayLabel
+}) => {
+  const widget = uiSchema?.["ui:widget"];
+  if (widget === "test-connection" || widget === "sync-action") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  //#endregion
-  withTimeZone(timeZone) {
-    return new _TZDate(+this, timeZone);
+  if (schema.type === "object") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  //#region date-fns integration
-  [/* @__PURE__ */ Symbol.for("constructDateFrom")](date) {
-    return new _TZDate(+new Date(date), this.timeZone);
+  if (schema.type === "array" && !uiSchema?.["ui:widget"]) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  //#endregion
-};
-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
-function constructFrom(date, value) {
-  if (typeof date === "function") return date(value);
-  if (date && typeof date === "object" && constructFromSymbol in date)
-    return date[constructFromSymbol](value);
-  if (date instanceof Date) return new date.constructor(value);
-  return new Date(value);
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.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
-function addDays(date, amount, options) {
-  const _date = toDate(date, options?.in);
-  if (isNaN(amount)) return constructFrom(date, NaN);
-  if (!amount) return _date;
-  _date.setDate(_date.getDate() + amount);
-  return _date;
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.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);
-  if (!amount) {
-    return _date;
+  const uiOptions = uiSchema?.["ui:options"];
+  const documentation = uiOptions?.documentation;
+  const hasErrors = rawErrors && rawErrors.length > 0;
+  const isCheckbox = schema.type === "boolean" && uiSchema?.["ui:widget"] !== "select";
+  const showLabel = displayLabel && label && !isCheckbox;
+  const hasHelpIcons = Boolean(rawHelp || documentation);
+  const helpIcons = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    rawHelp && /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { rawHelp }),
+    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: [
+      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: [
+      children,
+      helpIcons
+    ] }) : children,
+    rawDescription && /* @__PURE__ */ jsxRuntime.jsx(FormGroup.Help, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: DOMPurify__default.default.sanitize(rawDescription) } }) }),
+    hasErrors && /* @__PURE__ */ jsxRuntime.jsx(FormGroup.Help, { children: rawErrors.join(". ") })
+  ] });
+};
+var FieldTemplateWithDependencies = ({
+  dependencies,
+  ...props
+}) => {
+  const rootFormData = useRootFormData();
+  const parentPath = props.fieldPathId.path.slice(0, -1);
+  if (!evaluateDependencies(dependencies, rootFormData, parentPath)) {
+    return null;
   }
-  const dayOfMonth = _date.getDate();
-  const endOfDesiredMonth = constructFrom(date, _date.getTime());
-  endOfDesiredMonth.setMonth(_date.getMonth() + amount + 1, 0);
-  const daysInMonth = endOfDesiredMonth.getDate();
-  if (dayOfMonth >= daysInMonth) {
-    return endOfDesiredMonth;
-  } else {
-    _date.setFullYear(
-      endOfDesiredMonth.getFullYear(),
-      endOfDesiredMonth.getMonth(),
-      dayOfMonth
+  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.uiSchema?.["ui:widget"] === "template-watch") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-hidden", children: props.children });
+  }
+  const uiOptions = props.uiSchema?.["ui:options"];
+  const dependencies = uiOptions?.dependencies;
+  if (dependencies) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldTemplateWithDependencies, { dependencies, ...props });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(FieldTemplateBody, { ...props });
+};
+var ObjectFieldTemplate = ({
+  title,
+  description,
+  properties,
+  formData,
+  uiSchema,
+  schema,
+  fieldPathId
+}) => {
+  const isRoot = !fieldPathId?.path?.length;
+  const uiOptions = uiSchema?.["ui:options"];
+  const hasCollapsed = uiOptions?.collapsed !== void 0;
+  const collapsed = !!uiOptions?.collapsed;
+  const disableCollapse = !!uiOptions?.disableCollapse;
+  const lastPathSegment = fieldPathId?.path?.at(-1);
+  const isArrayItem = typeof lastPathSegment === "number";
+  const childSchemas = schema.properties;
+  const isContainerSchema = (s) => {
+    if (!s) return false;
+    if (s.properties || s.items) return true;
+    if (Array.isArray(s.type)) return s.type.includes("object") || s.type.includes("array");
+    return s.type === "object" || s.type === "array";
+  };
+  const visibleProperties = properties.filter((prop) => {
+    const childUi = uiSchema?.[prop.name];
+    if (childUi?.["ui:widget"] !== "hidden") return true;
+    return !isContainerSchema(childSchemas?.[prop.name]);
+  });
+  const isHiddenMount = (name) => {
+    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));
+  if (isRoot) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-4 [&>div:empty]:tw-hidden", children: renderChildren(visibleProperties) });
+  }
+  const childrenContent = renderChildren(visibleProperties);
+  if (hasCollapsed && !disableCollapse) {
+    const data = formData ?? {};
+    const hasValues = Object.values(data).some(
+      (v) => v !== void 0 && v !== null && v !== "" && v !== false
+    );
+    const defaultExpanded = hasValues ? !collapsed : true;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      CollapsiblePanel,
+      {
+        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",
+        children: [
+          description,
+          childrenContent
+        ]
+      }
     );
-    return _date;
   }
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.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
-function startOfWeek(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const _date = toDate(date, options?.in);
-  const day = _date.getDay();
-  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
-  _date.setDate(_date.getDate() - diff);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.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
-function getISOWeekYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  const fourthOfJanuaryOfNextYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
-  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
-  const fourthOfJanuaryOfThisYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
-  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
-  if (_date.getTime() >= startOfNextYear.getTime()) {
-    return year + 1;
-  } else if (_date.getTime() >= startOfThisYear.getTime()) {
-    return year;
-  } else {
-    return year - 1;
+  if (isArrayItem) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-4 [&>div:empty]:tw-hidden", children: childrenContent });
   }
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
-function getTimezoneOffsetInMilliseconds(date) {
-  const _date = toDate(date);
-  const utcDate = new Date(
-    Date.UTC(
-      _date.getFullYear(),
-      _date.getMonth(),
-      _date.getDate(),
-      _date.getHours(),
-      _date.getMinutes(),
-      _date.getSeconds(),
-      _date.getMilliseconds()
+  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 })
+  ] });
+};
+var FieldBoxDescription = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    ...props,
+    "data-slot": "field-box-description",
+    className: cn(
+      "tw-text-xs",
+      "tw-text-muted-foreground",
+      "group-has-[:disabled]/field-box:tw-opacity-50",
+      className
     )
-  );
-  utcDate.setUTCFullYear(_date.getFullYear());
-  return +date - +utcDate;
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/normalizeDates.js
-function normalizeDates(context, ...dates) {
-  const normalize = constructFrom.bind(
-    null,
-    dates.find((date) => typeof date === "object")
-  );
-  return dates.map(normalize);
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.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
-function differenceInCalendarDays(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  const laterStartOfDay = startOfDay(laterDate_);
-  const earlierStartOfDay = startOfDay(earlierDate_);
-  const laterTimestamp = +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
-  const earlierTimestamp = +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);
-  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeekYear.js
-function startOfISOWeekYear(date, options) {
-  const year = getISOWeekYear(date, options);
-  const fourthOfJanuary = constructFrom(date, 0);
-  fourthOfJanuary.setFullYear(year, 0, 4);
-  fourthOfJanuary.setHours(0, 0, 0, 0);
-  return startOfISOWeek(fourthOfJanuary);
-}
-
-// ../../node_modules/.pnpm/date-fns@4.1.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
-function addYears(date, amount, options) {
-  return addMonths(date, amount * 12, options);
+  }
+);
+var FieldBoxTitle = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    ...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",
+      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"
+  ],
+  {
+    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"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var FieldBoxRoot = ({
+  ref,
+  className,
+  variant,
+  position = "start",
+  control,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "label",
+  {
+    ...rest,
+    ref,
+    className: cn(
+      fieldBoxVariants({ variant, className }),
+      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 })
+    ]
+  }
+);
+var FieldBox = Object.assign(FieldBoxRoot, {
+  Title: FieldBoxTitle,
+  Description: FieldBoxDescription
+});
+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",
+    // border
+    "tw-border",
+    "tw-border-solid",
+    // disabled
+    "disabled:tw-opacity-50",
+    "disabled:tw-cursor-not-allowed"
+  ],
+  {
+    defaultVariants: {
+      variant: "default"
+    },
+    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"
+        ],
+        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",
+          // focus
+          "focus-visible:tw-outline-none",
+          "focus-visible:tw-border-primary",
+          "focus-visible:tw-ring-2",
+          "focus-visible:tw-ring-ring/50"
+        ]
+      }
+    }
+  }
+);
+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"
+      ],
+      argo: ["tw-text-primary-foreground"]
+    }
+  }
+});
+function Checkbox({
+  className,
+  id: idProp,
+  children,
+  description,
+  variant,
+  position,
+  tooltip,
+  tooltipPlacement = "top",
+  ...rest
+}) {
+  const fallbackId = React26.useId();
+  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" })
+  ] }) });
+  const rendered = !children ? checkboxElement : /* @__PURE__ */ jsxRuntime.jsxs(FieldBox, { htmlFor: id, variant, position, control: checkboxElement, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FieldBox.Title, { children }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(FieldBox.Description, { children: description })
+  ] });
+  if (!tooltip) return rendered;
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { tooltip, placement: tooltipPlacement, triggerAsChild: !!children, children: rendered });
 }
+var CheckboxWidget = ({
+  id,
+  value,
+  onChange,
+  disabled,
+  readonly,
+  label,
+  hideLabel
+}) => {
+  const checked = !!value;
+  return /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { id, checked, onCheckedChange: onChange, disabled: disabled || readonly, children: hideLabel ? void 0 : label });
+};
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/max.js
-function max(dates, options) {
-  let result;
-  let context = options?.in;
-  dates.forEach((date) => {
-    if (!context && typeof date === "object")
-      context = constructFrom.bind(null, date);
-    const date_ = toDate(date, context);
-    if (!result || result < date_ || isNaN(+date_)) result = date_;
-  });
-  return constructFrom(context, result || NaN);
+// ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzName/index.js
+function tzName(timeZone, date, format2 = "long") {
+  return new Intl.DateTimeFormat("en-US", {
+    // Enforces engine to render the time. Without the option JavaScriptCore omits it.
+    hour: "numeric",
+    timeZone,
+    timeZoneName: format2
+  }).format(date).split(/\s/g).slice(2).join(" ");
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/min.js
-function min(dates, options) {
-  let result;
-  let context = options?.in;
-  dates.forEach((date) => {
-    if (!context && typeof date === "object")
-      context = constructFrom.bind(null, date);
-    const date_ = toDate(date, context);
-    if (!result || result > date_ || isNaN(+date_)) result = date_;
-  });
-  return constructFrom(context, result || NaN);
+// ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzOffset/index.js
+var offsetFormatCache = {};
+var offsetCache = {};
+function tzOffset(timeZone, date) {
+  try {
+    const format2 = offsetFormatCache[timeZone] ||= new Intl.DateTimeFormat("en-US", {
+      timeZone,
+      timeZoneName: "longOffset"
+    }).format;
+    const offsetStr = format2(date).split("GMT")[1];
+    if (offsetStr in offsetCache) return offsetCache[offsetStr];
+    return calcOffset(offsetStr, offsetStr.split(":"));
+  } catch {
+    if (timeZone in offsetCache) return offsetCache[timeZone];
+    const captures = timeZone?.match(offsetRe);
+    if (captures) return calcOffset(timeZone, captures.slice(1));
+    return NaN;
+  }
 }
-
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.js
-function isSameDay(laterDate, earlierDate, options) {
-  const [dateLeft_, dateRight_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  return +startOfDay(dateLeft_) === +startOfDay(dateRight_);
+var offsetRe = /([+-]\d\d):?(\d\d)?/;
+function calcOffset(cacheStr, values) {
+  const hours = +(values[0] || 0);
+  const minutes = +(values[1] || 0);
+  const seconds = +(values[2] || 0) / 60;
+  return offsetCache[cacheStr] = hours * 60 + minutes > 0 ? hours * 60 + minutes + seconds : hours * 60 - minutes - seconds;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.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+tz@1.4.1/node_modules/@date-fns/tz/date/mini.js
+var TZDateMini = class _TZDateMini extends Date {
+  //#region static
+  constructor(...args) {
+    super();
+    if (args.length > 1 && typeof args[args.length - 1] === "string") {
+      this.timeZone = args.pop();
+    }
+    this.internal = /* @__PURE__ */ new Date();
+    if (isNaN(tzOffset(this.timeZone, this))) {
+      this.setTime(NaN);
+    } else {
+      if (!args.length) {
+        this.setTime(Date.now());
+      } else if (typeof args[0] === "number" && (args.length === 1 || args.length === 2 && typeof args[1] !== "number")) {
+        this.setTime(args[0]);
+      } else if (typeof args[0] === "string") {
+        this.setTime(+new Date(args[0]));
+      } else if (args[0] instanceof Date) {
+        this.setTime(+args[0]);
+      } else {
+        this.setTime(+new Date(...args));
+        adjustToSystemTZ(this);
+        syncToInternal(this);
+      }
+    }
+  }
+  static tz(tz, ...args) {
+    return args.length ? new _TZDateMini(...args, tz) : new _TZDateMini(Date.now(), tz);
+  }
+  //#endregion
+  //#region time zone
+  withTimeZone(timeZone) {
+    return new _TZDateMini(+this, timeZone);
+  }
+  getTimezoneOffset() {
+    const offset = -tzOffset(this.timeZone, this);
+    return offset > 0 ? Math.floor(offset) : Math.ceil(offset);
+  }
+  //#endregion
+  //#region time
+  setTime(time) {
+    Date.prototype.setTime.apply(this, arguments);
+    syncToInternal(this);
+    return +this;
+  }
+  //#endregion
+  //#region date-fns integration
+  [/* @__PURE__ */ Symbol.for("constructDateFrom")](date) {
+    return new _TZDateMini(+new Date(date), this.timeZone);
+  }
+  //#endregion
+};
+var re = /^(get|set)(?!UTC)/;
+Object.getOwnPropertyNames(Date.prototype).forEach((method) => {
+  if (!re.test(method)) return;
+  const utcMethod = method.replace(re, "$1UTC");
+  if (!TZDateMini.prototype[utcMethod]) return;
+  if (method.startsWith("get")) {
+    TZDateMini.prototype[method] = function() {
+      return this.internal[utcMethod]();
+    };
+  } else {
+    TZDateMini.prototype[method] = function() {
+      Date.prototype[utcMethod].apply(this.internal, arguments);
+      syncFromInternal(this);
+      return +this;
+    };
+    TZDateMini.prototype[utcMethod] = function() {
+      Date.prototype[utcMethod].apply(this, arguments);
+      syncToInternal(this);
+      return +this;
+    };
+  }
+});
+function syncToInternal(date) {
+  date.internal.setTime(+date);
+  date.internal.setUTCSeconds(date.internal.getUTCSeconds() - Math.round(-tzOffset(date.timeZone, date) * 60));
 }
-
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.js
-function isValid(date) {
-  return !(!isDate(date) && typeof date !== "number" || isNaN(+toDate(date)));
+function syncFromInternal(date) {
+  Date.prototype.setFullYear.call(date, date.internal.getUTCFullYear(), date.internal.getUTCMonth(), date.internal.getUTCDate());
+  Date.prototype.setHours.call(date, date.internal.getUTCHours(), date.internal.getUTCMinutes(), date.internal.getUTCSeconds(), date.internal.getUTCMilliseconds());
+  adjustToSystemTZ(date);
 }
-
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarMonths.js
-function differenceInCalendarMonths(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();
-  const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();
-  return yearsDiff * 12 + monthsDiff;
+function adjustToSystemTZ(date) {
+  const baseOffset = tzOffset(date.timeZone, date);
+  const offset = baseOffset > 0 ? Math.floor(baseOffset) : Math.ceil(baseOffset);
+  const prevHour = /* @__PURE__ */ new Date(+date);
+  prevHour.setUTCHours(prevHour.getUTCHours() - 1);
+  const systemOffset = -(/* @__PURE__ */ new Date(+date)).getTimezoneOffset();
+  const prevHourSystemOffset = -(/* @__PURE__ */ new Date(+prevHour)).getTimezoneOffset();
+  const systemDSTChange = systemOffset - prevHourSystemOffset;
+  const dstShift = Date.prototype.getHours.apply(date) !== date.internal.getUTCHours();
+  if (systemDSTChange && dstShift) date.internal.setUTCMinutes(date.internal.getUTCMinutes() + systemDSTChange);
+  const offsetDiff = systemOffset - offset;
+  if (offsetDiff) Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + offsetDiff);
+  const systemDate = /* @__PURE__ */ new Date(+date);
+  systemDate.setUTCSeconds(0);
+  const systemSecondsOffset = systemOffset > 0 ? systemDate.getSeconds() : (systemDate.getSeconds() - 60) % 60;
+  const secondsOffset = Math.round(-(tzOffset(date.timeZone, date) * 60)) % 60;
+  if (secondsOffset || systemSecondsOffset) {
+    date.internal.setUTCSeconds(date.internal.getUTCSeconds() + secondsOffset);
+    Date.prototype.setUTCSeconds.call(date, Date.prototype.getUTCSeconds.call(date) + secondsOffset + systemSecondsOffset);
+  }
+  const postBaseOffset = tzOffset(date.timeZone, date);
+  const postOffset = postBaseOffset > 0 ? Math.floor(postBaseOffset) : Math.ceil(postBaseOffset);
+  const postSystemOffset = -(/* @__PURE__ */ new Date(+date)).getTimezoneOffset();
+  const postOffsetDiff = postSystemOffset - postOffset;
+  const offsetChanged = postOffset !== offset;
+  const postDiff = postOffsetDiff - offsetDiff;
+  if (offsetChanged && postDiff) {
+    Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + postDiff);
+    const newBaseOffset = tzOffset(date.timeZone, date);
+    const newOffset = newBaseOffset > 0 ? Math.floor(newBaseOffset) : Math.ceil(newBaseOffset);
+    const offsetChange = postOffset - newOffset;
+    if (offsetChange) {
+      date.internal.setUTCMinutes(date.internal.getUTCMinutes() + offsetChange);
+      Date.prototype.setUTCMinutes.call(date, Date.prototype.getUTCMinutes.call(date) + offsetChange);
+    }
+  }
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js
-function endOfMonth(date, options) {
-  const _date = toDate(date, options?.in);
-  const month = _date.getMonth();
-  _date.setFullYear(_date.getFullYear(), month + 1, 0);
-  _date.setHours(23, 59, 59, 999);
-  return _date;
-}
+// ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/date/index.js
+var TZDate = class _TZDate extends TZDateMini {
+  //#region static
+  static tz(tz, ...args) {
+    return args.length ? new _TZDate(...args, tz) : new _TZDate(Date.now(), tz);
+  }
+  //#endregion
+  //#region representation
+  toISOString() {
+    const [sign, hours, minutes] = this.tzComponents();
+    const tz = `${sign}${hours}:${minutes}`;
+    return this.internal.toISOString().slice(0, -1) + tz;
+  }
+  toString() {
+    return `${this.toDateString()} ${this.toTimeString()}`;
+  }
+  toDateString() {
+    const [day, date, month, year] = this.internal.toUTCString().split(" ");
+    return `${day?.slice(0, -1)} ${month} ${date} ${year}`;
+  }
+  toTimeString() {
+    const time = this.internal.toUTCString().split(" ")[4];
+    const [sign, hours, minutes] = this.tzComponents();
+    return `${time} GMT${sign}${hours}${minutes} (${tzName(this.timeZone, this)})`;
+  }
+  toLocaleString(locales, options) {
+    return Date.prototype.toLocaleString.call(this, locales, {
+      ...options,
+      timeZone: options?.timeZone || this.timeZone
+    });
+  }
+  toLocaleDateString(locales, options) {
+    return Date.prototype.toLocaleDateString.call(this, locales, {
+      ...options,
+      timeZone: options?.timeZone || this.timeZone
+    });
+  }
+  toLocaleTimeString(locales, options) {
+    return Date.prototype.toLocaleTimeString.call(this, locales, {
+      ...options,
+      timeZone: options?.timeZone || this.timeZone
+    });
+  }
+  //#endregion
+  //#region private
+  tzComponents() {
+    const offset = this.getTimezoneOffset();
+    const sign = offset > 0 ? "-" : "+";
+    const hours = String(Math.floor(Math.abs(offset) / 60)).padStart(2, "0");
+    const minutes = String(Math.abs(offset) % 60).padStart(2, "0");
+    return [sign, hours, minutes];
+  }
+  //#endregion
+  withTimeZone(timeZone) {
+    return new _TZDate(+this, timeZone);
+  }
+  //#region date-fns integration
+  [/* @__PURE__ */ Symbol.for("constructDateFrom")](date) {
+    return new _TZDate(+new Date(date), this.timeZone);
+  }
+  //#endregion
+};
+var millisecondsInWeek = 6048e5;
+var millisecondsInDay = 864e5;
+var constructFromSymbol = /* @__PURE__ */ Symbol.for("constructDateFrom");
 
-// ../../node_modules/.pnpm/date-fns@4.1.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/constructFrom.js
+function constructFrom(date, value) {
+  if (typeof date === "function") return date(value);
+  if (date && typeof date === "object" && constructFromSymbol in date)
+    return date[constructFromSymbol](value);
+  if (date instanceof Date) return new date.constructor(value);
+  return new Date(value);
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/eachMonthOfInterval.js
-function eachMonthOfInterval(interval, options) {
-  const { start, end } = normalizeInterval(options?.in, interval);
-  let reversed = +start > +end;
-  const endTime = reversed ? +start : +end;
-  const date = reversed ? end : start;
-  date.setHours(0, 0, 0, 0);
-  date.setDate(1);
-  let step = 1;
-  const dates = [];
-  while (+date <= endTime) {
-    dates.push(constructFrom(start, date));
-    date.setMonth(date.getMonth() + step);
-  }
-  return reversed ? dates.reverse() : dates;
+// ../../node_modules/.pnpm/date-fns@4.1.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/startOfMonth.js
-function startOfMonth(date, options) {
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addDays.js
+function addDays(date, amount, options) {
   const _date = toDate(date, options?.in);
-  _date.setDate(1);
-  _date.setHours(0, 0, 0, 0);
+  if (isNaN(amount)) return constructFrom(date, NaN);
+  if (!amount) return _date;
+  _date.setDate(_date.getDate() + amount);
   return _date;
 }
 
-// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfYear.js
-function endOfYear(date, options) {
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/addMonths.js
+function addMonths(date, amount, options) {
   const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  _date.setFullYear(year + 1, 0, 0);
-  _date.setHours(23, 59, 59, 999);
-  return _date;
-}
-
+  if (isNaN(amount)) return constructFrom(date, NaN);
+  if (!amount) {
+    return _date;
+  }
+  const dayOfMonth = _date.getDate();
+  const endOfDesiredMonth = constructFrom(date, _date.getTime());
+  endOfDesiredMonth.setMonth(_date.getMonth() + amount + 1, 0);
+  const daysInMonth = endOfDesiredMonth.getDate();
+  if (dayOfMonth >= daysInMonth) {
+    return endOfDesiredMonth;
+  } else {
+    _date.setFullYear(
+      endOfDesiredMonth.getFullYear(),
+      endOfDesiredMonth.getMonth(),
+      dayOfMonth
+    );
+    return _date;
+  }
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.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
+function startOfWeek(date, options) {
+  const defaultOptions2 = getDefaultOptions();
+  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
+  const _date = toDate(date, options?.in);
+  const day = _date.getDay();
+  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+  _date.setDate(_date.getDate() - diff);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.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
+function getISOWeekYear(date, options) {
+  const _date = toDate(date, options?.in);
+  const year = _date.getFullYear();
+  const fourthOfJanuaryOfNextYear = constructFrom(_date, 0);
+  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
+  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
+  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
+  const fourthOfJanuaryOfThisYear = constructFrom(_date, 0);
+  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
+  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
+  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
+  if (_date.getTime() >= startOfNextYear.getTime()) {
+    return year + 1;
+  } else if (_date.getTime() >= startOfThisYear.getTime()) {
+    return year;
+  } else {
+    return year - 1;
+  }
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
+function getTimezoneOffsetInMilliseconds(date) {
+  const _date = toDate(date);
+  const utcDate = new Date(
+    Date.UTC(
+      _date.getFullYear(),
+      _date.getMonth(),
+      _date.getDate(),
+      _date.getHours(),
+      _date.getMinutes(),
+      _date.getSeconds(),
+      _date.getMilliseconds()
+    )
+  );
+  utcDate.setUTCFullYear(_date.getFullYear());
+  return +date - +utcDate;
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/_lib/normalizeDates.js
+function normalizeDates(context, ...dates) {
+  const normalize = constructFrom.bind(
+    null,
+    dates.find((date) => typeof date === "object")
+  );
+  return dates.map(normalize);
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.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
+function differenceInCalendarDays(laterDate, earlierDate, options) {
+  const [laterDate_, earlierDate_] = normalizeDates(
+    options?.in,
+    laterDate,
+    earlierDate
+  );
+  const laterStartOfDay = startOfDay(laterDate_);
+  const earlierStartOfDay = startOfDay(earlierDate_);
+  const laterTimestamp = +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
+  const earlierTimestamp = +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);
+  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeekYear.js
+function startOfISOWeekYear(date, options) {
+  const year = getISOWeekYear(date, options);
+  const fourthOfJanuary = constructFrom(date, 0);
+  fourthOfJanuary.setFullYear(year, 0, 4);
+  fourthOfJanuary.setHours(0, 0, 0, 0);
+  return startOfISOWeek(fourthOfJanuary);
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.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
+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
+function max(dates, options) {
+  let result;
+  let context = options?.in;
+  dates.forEach((date) => {
+    if (!context && typeof date === "object")
+      context = constructFrom.bind(null, date);
+    const date_ = toDate(date, context);
+    if (!result || result < date_ || isNaN(+date_)) result = date_;
+  });
+  return constructFrom(context, result || NaN);
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/min.js
+function min(dates, options) {
+  let result;
+  let context = options?.in;
+  dates.forEach((date) => {
+    if (!context && typeof date === "object")
+      context = constructFrom.bind(null, date);
+    const date_ = toDate(date, context);
+    if (!result || result > date_ || isNaN(+date_)) result = date_;
+  });
+  return constructFrom(context, result || NaN);
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.js
+function isSameDay(laterDate, earlierDate, options) {
+  const [dateLeft_, dateRight_] = normalizeDates(
+    options?.in,
+    laterDate,
+    earlierDate
+  );
+  return +startOfDay(dateLeft_) === +startOfDay(dateRight_);
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.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
+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
+function differenceInCalendarMonths(laterDate, earlierDate, options) {
+  const [laterDate_, earlierDate_] = normalizeDates(
+    options?.in,
+    laterDate,
+    earlierDate
+  );
+  const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();
+  const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();
+  return yearsDiff * 12 + monthsDiff;
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js
+function endOfMonth(date, options) {
+  const _date = toDate(date, options?.in);
+  const month = _date.getMonth();
+  _date.setFullYear(_date.getFullYear(), month + 1, 0);
+  _date.setHours(23, 59, 59, 999);
+  return _date;
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.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
+function eachMonthOfInterval(interval, options) {
+  const { start, end } = normalizeInterval(options?.in, interval);
+  let reversed = +start > +end;
+  const endTime = reversed ? +start : +end;
+  const date = reversed ? end : start;
+  date.setHours(0, 0, 0, 0);
+  date.setDate(1);
+  let step = 1;
+  const dates = [];
+  while (+date <= endTime) {
+    dates.push(constructFrom(start, date));
+    date.setMonth(date.getMonth() + step);
+  }
+  return reversed ? dates.reverse() : dates;
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMonth.js
+function startOfMonth(date, options) {
+  const _date = toDate(date, options?.in);
+  _date.setDate(1);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+// ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfYear.js
+function endOfYear(date, options) {
+  const _date = toDate(date, options?.in);
+  const year = _date.getFullYear();
+  _date.setFullYear(year + 1, 0, 0);
+  _date.setHours(23, 59, 59, 999);
+  return _date;
+}
+
 // ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfYear.js
 function startOfYear(date, options) {
   const date_ = toDate(date, options?.in);
@@ -5466,7 +6015,7 @@ __export(custom_components_exports, {
   NextMonthButton: () => NextMonthButton,
   Option: () => Option,
   PreviousMonthButton: () => PreviousMonthButton,
-  Root: () => Root6,
+  Root: () => Root8,
   Select: () => Select,
   Week: () => Week,
   WeekNumber: () => WeekNumber,
@@ -5646,7 +6195,7 @@ function Option(props) {
 function PreviousMonthButton(props) {
   return React26__default.default.createElement("button", { ...props });
 }
-function Root6(props) {
+function Root8(props) {
   const { rootRef, ...rest } = props;
   return React26__default.default.createElement("div", { ...rest, ref: rootRef });
 }
@@ -7338,948 +7887,387 @@ function DayPicker(initialProps) {
               })(),
               React26__default.default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
-                clip: "rect(0 0 0 0)",
-                height: "1px",
-                margin: "-1px",
-                overflow: "hidden",
-                padding: 0,
-                position: "absolute",
-                width: "1px",
-                whiteSpace: "nowrap",
-                wordWrap: "normal"
-              } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React26__default.default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], style: styles?.[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
-            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React26__default.default.createElement(
-              components.NextMonthButton,
-              { type: "button", className: classNames[UI.NextMonthButton], style: styles?.[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React26__default.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], style: styles?.[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
-            ),
-            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React26__default.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
-            React26__default.default.createElement(
-              components.MonthGrid,
-              { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
-              !props.hideWeekdays && React26__default.default.createElement(
-                components.Weekdays,
-                { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
-                showWeekNumber && React26__default.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => React26__default.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
-              ),
-              React26__default.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
-                return React26__default.default.createElement(
-                  components.Week,
-                  { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week },
-                  showWeekNumber && React26__default.default.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
-                    locale
-                  }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
-                  week.days.map((day) => {
-                    const { date } = day;
-                    const modifiers = getModifiers(day);
-                    modifiers[DayFlag.focused] = !modifiers.hidden && Boolean(focused?.isEqualTo(day));
-                    modifiers[SelectionState.selected] = isSelected?.(date) || modifiers.selected;
-                    if (isDateRange(selectedValue)) {
-                      const { from, to } = selectedValue;
-                      modifiers[SelectionState.range_start] = Boolean(from && to && dateLib.isSameDay(date, from));
-                      modifiers[SelectionState.range_end] = Boolean(from && to && dateLib.isSameDay(date, to));
-                      modifiers[SelectionState.range_middle] = rangeIncludesDate(selectedValue, date, true, dateLib);
-                    }
-                    const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
-                    const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
-                    const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return React26__default.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React26__default.default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
-                  })
-                );
-              }))
-            )
-          );
-        })
-      ),
-      props.footer && React26__default.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
-    )
-  );
-}
-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`
-};
-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`
-};
-var Calendar = ({ className, classNames, ...props }) => {
-  const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DayPicker,
-    {
-      ...props,
-      captionLayout: "dropdown",
-      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`,
-        ...dayPickerClassNames,
-        ...rangePickerClassNames,
-        selected: `${props.mode === "range" ? rangePickerClassNames.selected : dayPickerClassNames.selected}`,
-        ...classNames
-      },
-      required: false
-    }
-  );
-};
-Calendar.displayName = "Calendar";
-var variants2 = classVarianceAuthority.cva(
-  [
-    "tailwindcss-preflight",
-    "tw-group/popover-content",
-    "tw-z-[1055]",
-    "focus-visible:tw-outline-none",
-    // 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",
-    // sizing
-    "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",
-    // border
-    "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",
-    // closed animation
-    "data-[state=closed]:tw-animate-out",
-    "data-[state=closed]:tw-fade-out-0",
-    "data-[state=closed]:tw-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",
-    // 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"
-  ],
-  {
-    defaultVariants: {
-      matchTriggerWidth: false,
-      variant: "default"
-    },
-    variants: {
-      variant: {
-        // Legacy surface — fixed white panel.
-        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"]
-      },
-      matchTriggerWidth: {
-        true: ["tw-w-[var(--radix-popover-trigger-width)]"],
-        false: []
-      }
-    }
-  }
-);
-var PopoverContent = ({
-  ref,
-  className,
-  align = "center",
-  sideOffset = 4,
-  matchTriggerWidth = false,
-  children,
-  onEscapeKeyDown,
-  ...props
-}) => {
-  const effectiveVariant = useArgoDesign() ? "argo" : "default";
-  return /* @__PURE__ */ jsxRuntime.jsx(reactPopover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactPopover.Content,
-    {
-      ref,
-      align: matchTriggerWidth ? "start" : align,
-      sideOffset,
-      className: cn(variants2({ className, matchTriggerWidth, variant: effectiveVariant })),
-      onEscapeKeyDown: (event) => {
-        event.stopPropagation();
-        onEscapeKeyDown?.(event);
-      },
-      ...props,
-      children
-    }
-  ) });
-};
-var Popover = (props) => /* @__PURE__ */ jsxRuntime.jsx(reactPopover.Root, { ...props });
-Popover.Content = PopoverContent;
-Popover.Trigger = reactPopover.Trigger;
-Popover.Close = reactPopover.Close;
-var DatePicker = ({
-  align = "end",
-  alignOffset = -18,
-  children,
-  defaultOpen,
-  onOpenChange,
-  open,
-  sideOffset = 12,
-  ...calendarProps
-}) => /* @__PURE__ */ jsxRuntime.jsxs(Popover, { defaultOpen, open, onOpenChange, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Popover.Trigger, { asChild: true, children }),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    Popover.Content,
-    {
-      align,
-      alignOffset,
-      className: "tw-w-auto tw-p-0",
-      sideOffset,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar, { ...calendarProps })
-    }
-  )
-] });
-DatePicker.displayName = "DatePicker";
-
-// src/components/Input/utils.ts
-var genInputTestId = (prefix = "") => {
-  const ps = createPrefixedString(prefix);
-  return {
-    toString: () => prefix,
-    inputWrapper: ps`input-wrapper`,
-    input: ps`input`,
-    clearButton: ps`clear-button`
-  };
-};
-var Input = ({
-  ref: forwardedRef,
-  state = "default",
-  sizing = "default",
-  className,
-  prefix = null,
-  rightSuffix = null,
-  rightSuffixVariant = "default",
-  leftSuffix = null,
-  allowClear = false,
-  onClear,
-  disabled = false,
-  testId: prefixTestId = "",
-  autoFocus = false,
-  id,
-  name,
-  variant,
-  readOnly,
-  type = "text",
-  focusVariant = "default",
-  onChange,
-  onBlur,
-  value,
-  defaultValue,
-  ...inputProps
-}) => {
-  const [hasUncontrolledValue, setHasUncontrolledValue] = React26.useState(() => !!defaultValue);
-  const hasValue = !!value || hasUncontrolledValue;
-  const inputRef = React26.useRef(null);
-  const testId = genInputTestId(prefixTestId);
-  const isClearButtonVisible = hasValue && !disabled && !readOnly || !!onClear;
-  const handleChange = (event) => {
-    const val = event.target.value;
-    setHasUncontrolledValue(val !== "");
-    onChange?.(event);
-  };
-  const handleBlur = (event) => {
-    const val = event.target.value;
-    setHasUncontrolledValue(val !== "");
-    onBlur?.(event);
-  };
-  const handleClear = () => {
-    if (inputRef.current === null) return;
-    inputRef.current.value = "";
-    inputRef.current.focus();
-    onClear?.();
-    setHasUncontrolledValue(false);
-    onChange?.(createChangeInputEvent(inputRef.current));
-  };
-  const isControlled = value !== void 0;
-  const valueProp = isControlled ? { value: value ?? "" } : { defaultValue: defaultValue ?? "" };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      "data-testid": testId.inputWrapper,
-      children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          InputGroup.Input,
-          {
-            ...inputProps,
-            ...valueProp,
-            autoFocus,
-            type,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            ref: mergeRefs(forwardedRef ?? null, inputRef),
-            disabled,
-            id,
-            name,
-            readOnly,
-            "data-testid": testId.input
-          }
-        ),
-        (leftSuffix || allowClear || rightSuffix) && /* @__PURE__ */ jsxRuntime.jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          leftSuffix,
-          allowClear && isClearButtonVisible && /* @__PURE__ */ jsxRuntime.jsx(
-            InputGroup.Button,
-            {
-              "aria-label": "Clear",
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: handleClear,
-              "data-testid": testId.clearButton,
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
-            }
-          ),
-          rightSuffix && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn({
-                "tw-whitespace-nowrap tw-bg-muted tw-px-4 -tw-mr-4 tw-py-2.5": rightSuffixVariant === "addon"
-              }),
-              children: rightSuffix
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-
-// src/components/Input/DateInput/helpers.ts
-var formatDate = (date, inputValue) => {
-  if (!date) {
-    return inputValue;
-  }
-  return date.toLocaleDateString();
-};
-var datePartOrder = new Intl.DateTimeFormat().formatToParts(new Date(2e3, 0, 2)).filter(
-  (p) => p.type === "day" || p.type === "month" || p.type === "year"
-).map((p) => p.type);
-var parseDate = (value) => {
-  if (!value.trim()) return null;
-  const nums = value.match(/\d+/g)?.map(Number);
-  if (nums && nums.length >= 3) {
-    const parts = Object.fromEntries(datePartOrder.map((type, i) => [type, nums[i]]));
-    const year = parts.year;
-    const month = parts.month;
-    const day = parts.day;
-    if (year != null && month != null && day != null && month >= 1 && month <= 12 && day >= 1 && day <= 31) {
-      const date = new Date(year, month - 1, day);
-      if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day) {
-        return date;
-      }
-    }
-  }
-  const isoMatch = value.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);
-  if (isoMatch) {
-    const y = Number(isoMatch[1]);
-    const m = Number(isoMatch[2]) - 1;
-    const d = Number(isoMatch[3]);
-    const date = new Date(y, m, d);
-    if (date.getFullYear() === y && date.getMonth() === m && date.getDate() === d) {
-      return date;
-    }
-    return null;
-  }
-  const fallback = new Date(value);
-  return isNaN(fallback.getTime()) ? null : fallback;
-};
-var DateInput = ({
-  ref,
-  defaultValue,
-  disabled,
-  disabledDays,
-  endMonth,
-  onBlur,
-  onChange,
-  onValueBlur,
-  onValueChange,
-  placeholder = "Select a date",
-  readOnly,
-  startMonth,
-  value,
-  variant,
-  ...props
-}) => {
-  const [inputValue, setInputValue] = React26.useState("");
-  const [hasFocus, setHasFocus] = React26.useState(false);
-  const [isOpen, setIsOpen] = React26.useState(false);
-  const [internalValue, setInternalValue] = React26.useState(defaultValue ?? null);
-  const [month, setMonth2] = React26.useState(/* @__PURE__ */ new Date());
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
-  const handleChange = (event) => {
-    const newValue = event.target.value;
-    setInputValue(newValue);
-    onChange?.(event);
-    const parsedDate = parseDate(newValue);
-    if (parsedDate !== null || !newValue.trim()) {
-      onValueChange?.(parsedDate);
-    }
-  };
-  const handleFocus = (event) => {
-    const formatted = formatDate(currentValue, "");
-    setInputValue(formatted);
-    setHasFocus(true);
-    props.onFocus?.(event);
-  };
-  const handleBlur = (event) => {
-    setHasFocus(false);
-    onBlur?.(event);
-    const parsedDate = parseDate(event.target.value);
-    onValueBlur?.(parsedDate);
-    if (!isControlled) {
-      setInternalValue(parsedDate);
-    }
-  };
-  const handleDatePickerChange = (newValue) => {
-    const dateValue = newValue ?? null;
-    if (isControlled) {
-      onValueChange?.(dateValue);
-    } else {
-      setInternalValue(dateValue);
-      onValueChange?.(dateValue);
-    }
-    setHasFocus(false);
-    setIsOpen(false);
-  };
-  const handleClear = () => {
-    setInputValue("");
-    setInternalValue(null);
-    onValueChange?.(null);
-  };
-  const handleOpenChange = (open) => {
-    if (open) {
-      setMonth2(currentValue ?? /* @__PURE__ */ new Date());
-    }
-    setIsOpen(open);
-  };
-  const displayValue = hasFocus ? inputValue : formatDate(currentValue, "");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Input,
-    {
-      ...props,
-      disabled,
-      onBlur: handleBlur,
-      onChange: handleChange,
-      onClear: handleClear,
-      onFocus: handleFocus,
-      placeholder,
-      readOnly,
-      ref,
-      value: displayValue,
-      variant,
-      rightSuffix: !disabled && !readOnly ? /* @__PURE__ */ jsxRuntime.jsx(
-        DatePicker,
-        {
-          disabled: disabledDays,
-          endMonth,
-          mode: "single",
-          month,
-          onMonthChange: setMonth2,
-          onOpenChange: handleOpenChange,
-          onSelect: handleDatePickerChange,
-          open: isOpen,
-          selected: currentValue ?? void 0,
-          startMonth,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Button, { "aria-label": "Select Date", variant: "inline", size: "icon-3xs", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Calendar, { className: "tw-size-4" }) })
-        }
-      ) : void 0,
-      type: "text"
-    }
-  );
-};
-var sanitizeTextInputValue = (value) => {
-  if (typeof value === "string" && value.trim() === "") return "";
-  return value;
-};
-var TextInput = ({
-  ref,
-  value,
-  defaultValue,
-  type = "text",
-  variant,
-  onValueChange,
-  onChange,
-  onValueBlur,
-  onBlur,
-  ...props
-}) => {
-  const handleChange = (event) => {
-    onValueChange?.(event.target.value);
-    onChange?.(event);
-  };
-  const handleBlur = (event) => {
-    onValueBlur?.(event.target.value);
-    onBlur?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Input,
-    {
-      ...props,
-      ref,
-      onChange: handleChange,
-      onBlur: handleBlur,
-      type,
-      variant,
-      value: sanitizeTextInputValue(value),
-      defaultValue: sanitizeTextInputValue(defaultValue)
-    }
-  );
-};
-var FormGroupTextInput = ({
-  ref,
-  ...props
-}) => {
-  const { state } = useFormGroupContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { state, ...props, ref });
-};
-var FormGroup = ({ className, children, state, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(FormGroupProvider, { value: { state }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: cn("tw-flex tw-flex-col tw-gap-1", className), children }) });
-};
-FormGroup.Help = FormGroupHelp;
-FormGroup.Error = FormGroupError;
-FormGroup.TextInput = FormGroupTextInput;
-FormGroup.NumberInput = FormGroupNumberInput;
-FormGroup.ColorInput = FormGroupColorInput;
-FormGroup.Textarea = FormGroupTextarea;
-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,
-  {
-    ...rest,
-    id: id?.toString(),
-    htmlFor: htmlFor?.toString(),
-    className: cn(
-      "tw-m-0 tw-text-foreground tw-font-normal peer-disabled:tw-opacity-50",
-      className
-    ),
-    children
-  }
-);
-Label.Optional = Optional;
-Label.Required = Required;
-var Link = ({
-  ref,
-  children,
-  target = "_blank",
-  rel = "noopener noreferrer",
-  onClick,
-  className,
-  ...rest
-}) => {
-  const handleOnClick = (event) => {
-    event.stopPropagation();
-    onClick?.(event);
-  };
-  return (
-    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
-      {
-        ...rest,
-        ref,
-        target,
-        rel,
-        onClick: handleOnClick,
-        className: cn(
-          "tw-text-primary tw-underline hover:tw-text-primary/90 hover:tw-no-underline",
-          className
-        ),
-        children
-      }
-    )
-  );
-};
-var RootFormDataContext = React26.createContext({});
-var RootFormDataProvider = RootFormDataContext;
-var useRootFormData = () => React26.use(RootFormDataContext);
-var resolveByPath2 = (parts, data) => {
-  let current = data;
-  for (const part of parts) {
-    if (current == null || typeof current !== "object") return void 0;
-    current = current[part];
-  }
-  return current;
-};
-var resolveDependencyValue = (path, formData, parentPath) => {
-  if (path.startsWith("root.")) {
-    return resolveByPath2(path.replace(/^root\./, "").split("."), formData);
-  }
-  const parent = resolveByPath2(parentPath.map(String), formData);
-  if (parent && typeof parent === "object") {
-    const sibling = resolveByPath2(path.split("."), parent);
-    if (sibling !== void 0) return sibling;
-  }
-  return resolveByPath2(path.split("."), formData);
-};
-var evaluateDependencies = (dependencies, formData, parentPath) => {
-  for (const [path, expected] of Object.entries(dependencies)) {
-    const actual = resolveDependencyValue(path, formData, parentPath);
-    if (Array.isArray(expected)) {
-      if (!expected.includes(actual)) return false;
-    } else if (expected === "") {
-      if (actual !== "" && actual !== void 0 && actual !== null) return false;
-    } else {
-      if (actual !== expected) return false;
-    }
-  }
-  return true;
-};
-var DocumentationLinkIcon = ({
-  documentation
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  Tooltip,
-  {
-    placement: "top",
-    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" }) }) })
-  }
-);
-var FieldTemplateBody = ({
-  id,
-  label,
-  rawHelp,
-  rawDescription,
-  rawErrors,
-  children,
-  schema,
-  uiSchema,
-  displayLabel
-}) => {
-  const widget = uiSchema?.["ui:widget"];
-  if (widget === "test-connection" || widget === "sync-action") {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  if (schema.type === "object") {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  if (schema.type === "array" && !uiSchema?.["ui:widget"]) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  const uiOptions = uiSchema?.["ui:options"];
-  const documentation = uiOptions?.documentation;
-  const hasErrors = rawErrors && rawErrors.length > 0;
-  const isCheckbox = schema.type === "boolean" && uiSchema?.["ui:widget"] !== "select";
-  const showLabel = displayLabel && label && !isCheckbox;
-  const hasHelpIcons = Boolean(rawHelp || documentation);
-  const helpIcons = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    rawHelp && /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { rawHelp }),
-    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: [
-      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: [
-      children,
-      helpIcons
-    ] }) : children,
-    rawDescription && /* @__PURE__ */ jsxRuntime.jsx(FormGroup.Help, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: DOMPurify__default.default.sanitize(rawDescription) } }) }),
-    hasErrors && /* @__PURE__ */ jsxRuntime.jsx(FormGroup.Help, { children: rawErrors.join(". ") })
-  ] });
-};
-var FieldTemplateWithDependencies = ({
-  dependencies,
-  ...props
-}) => {
-  const rootFormData = useRootFormData();
-  const parentPath = props.fieldPathId.path.slice(0, -1);
-  if (!evaluateDependencies(dependencies, rootFormData, parentPath)) {
-    return null;
-  }
-  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.uiSchema?.["ui:widget"] === "template-watch") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-hidden", children: props.children });
-  }
-  const uiOptions = props.uiSchema?.["ui:options"];
-  const dependencies = uiOptions?.dependencies;
-  if (dependencies) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FieldTemplateWithDependencies, { dependencies, ...props });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(FieldTemplateBody, { ...props });
-};
-var ObjectFieldTemplate = ({
-  title,
-  description,
-  properties,
-  formData,
-  uiSchema,
-  schema,
-  fieldPathId
-}) => {
-  const isRoot = !fieldPathId?.path?.length;
-  const uiOptions = uiSchema?.["ui:options"];
-  const hasCollapsed = uiOptions?.collapsed !== void 0;
-  const collapsed = !!uiOptions?.collapsed;
-  const disableCollapse = !!uiOptions?.disableCollapse;
-  const lastPathSegment = fieldPathId?.path?.at(-1);
-  const isArrayItem = typeof lastPathSegment === "number";
-  const childSchemas = schema.properties;
-  const isContainerSchema = (s) => {
-    if (!s) return false;
-    if (s.properties || s.items) return true;
-    if (Array.isArray(s.type)) return s.type.includes("object") || s.type.includes("array");
-    return s.type === "object" || s.type === "array";
-  };
-  const visibleProperties = properties.filter((prop) => {
-    const childUi = uiSchema?.[prop.name];
-    if (childUi?.["ui:widget"] !== "hidden") return true;
-    return !isContainerSchema(childSchemas?.[prop.name]);
-  });
-  const isHiddenMount = (name) => {
-    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));
-  if (isRoot) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-flex-col tw-gap-4 [&>div:empty]:tw-hidden", children: renderChildren(visibleProperties) });
-  }
-  const childrenContent = renderChildren(visibleProperties);
-  if (hasCollapsed && !disableCollapse) {
-    const data = formData ?? {};
-    const hasValues = Object.values(data).some(
-      (v) => v !== void 0 && v !== null && v !== "" && v !== false
-    );
-    const defaultExpanded = hasValues ? !collapsed : true;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsiblePanel,
-      {
-        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",
-        children: [
-          description,
-          childrenContent
-        ]
-      }
-    );
-  }
-  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.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 })
-  ] });
-};
-var FieldBoxDescription = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    ...props,
-    "data-slot": "field-box-description",
-    className: cn(
-      "tw-text-xs",
-      "tw-text-muted-foreground",
-      "group-has-[:disabled]/field-box:tw-opacity-50",
-      className
-    )
-  }
-);
-var FieldBoxTitle = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    ...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",
-      className
+                clip: "rect(0 0 0 0)",
+                height: "1px",
+                margin: "-1px",
+                overflow: "hidden",
+                padding: 0,
+                position: "absolute",
+                width: "1px",
+                whiteSpace: "nowrap",
+                wordWrap: "normal"
+              } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
+            ) : React26__default.default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], style: styles?.[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React26__default.default.createElement(
+              components.NextMonthButton,
+              { type: "button", className: classNames[UI.NextMonthButton], style: styles?.[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
+              React26__default.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], style: styles?.[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+            ),
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React26__default.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+            React26__default.default.createElement(
+              components.MonthGrid,
+              { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
+              !props.hideWeekdays && React26__default.default.createElement(
+                components.Weekdays,
+                { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
+                showWeekNumber && React26__default.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => React26__default.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+              ),
+              React26__default.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
+                return React26__default.default.createElement(
+                  components.Week,
+                  { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week },
+                  showWeekNumber && React26__default.default.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                    locale
+                  }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
+                  week.days.map((day) => {
+                    const { date } = day;
+                    const modifiers = getModifiers(day);
+                    modifiers[DayFlag.focused] = !modifiers.hidden && Boolean(focused?.isEqualTo(day));
+                    modifiers[SelectionState.selected] = isSelected?.(date) || modifiers.selected;
+                    if (isDateRange(selectedValue)) {
+                      const { from, to } = selectedValue;
+                      modifiers[SelectionState.range_start] = Boolean(from && to && dateLib.isSameDay(date, from));
+                      modifiers[SelectionState.range_end] = Boolean(from && to && dateLib.isSameDay(date, to));
+                      modifiers[SelectionState.range_middle] = rangeIncludesDate(selectedValue, date, true, dateLib);
+                    }
+                    const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
+                    const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
+                    const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
+                    return React26__default.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React26__default.default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                  })
+                );
+              }))
+            )
+          );
+        })
+      ),
+      props.footer && React26__default.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
-  }
-);
-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"
-  ],
-  {
-    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"
-        ]
-      }
-    },
-    defaultVariants: {
-      variant: "default"
+  );
+}
+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`
+};
+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`
+};
+var Calendar = ({ className, classNames, ...props }) => {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DayPicker,
+    {
+      ...props,
+      captionLayout: "dropdown",
+      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`,
+        ...dayPickerClassNames,
+        ...rangePickerClassNames,
+        selected: `${props.mode === "range" ? rangePickerClassNames.selected : dayPickerClassNames.selected}`,
+        ...classNames
+      },
+      required: false
     }
-  }
-);
-var FieldBoxRoot = ({
-  ref,
-  className,
-  variant,
-  position = "start",
-  control,
-  children,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "label",
-  {
-    ...rest,
-    ref,
-    className: cn(
-      fieldBoxVariants({ variant, className }),
-      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", children: control }),
-      children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tw-flex tw-flex-1 tw-flex-col tw-gap-0.5", children })
-    ]
-  }
-);
-var FieldBox = Object.assign(FieldBoxRoot, {
-  Title: FieldBoxTitle,
-  Description: FieldBoxDescription
-});
-var rootVariants = classVarianceAuthority.cva(
+  );
+};
+Calendar.displayName = "Calendar";
+var variants2 = classVarianceAuthority.cva(
   [
-    // reset
     "tailwindcss-preflight",
-    // position
+    "tw-group/popover-content",
+    "tw-z-[1055]",
+    "focus-visible:tw-outline-none",
+    // 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",
+    // sizing
+    "tw-min-w-32",
+    "tw-max-h-[var(--radix-popover-content-available-height)]",
+    "tw-origin-[--radix-popover-content-transform-origin]",
+    // layout
     "tw-flex",
-    "tw-items-center",
-    "tw-justify-center",
-    "tw-peer",
-    "tw-size-4",
-    "tw-shrink-0",
-    "tw-cursor-pointer",
+    "tw-flex-col",
+    "tw-overflow-y-auto",
     // border
+    "tw-box-border",
     "tw-border",
     "tw-border-solid",
-    // disabled
-    "disabled:tw-opacity-50",
-    "disabled:tw-cursor-not-allowed"
+    "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",
+    // closed animation
+    "data-[state=closed]:tw-animate-out",
+    "data-[state=closed]:tw-fade-out-0",
+    "data-[state=closed]:tw-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",
+    // 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"
   ],
   {
     defaultVariants: {
+      matchTriggerWidth: false,
       variant: "default"
     },
     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"
-        ],
-        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",
-          // focus
-          "focus-visible:tw-outline-none",
-          "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-ring/50"
-        ]
+        // Legacy surface — fixed white panel.
+        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"]
+      },
+      matchTriggerWidth: {
+        true: ["tw-w-[var(--radix-popover-trigger-width)]"],
+        false: []
+      }
+    }
+  }
+);
+var PopoverContent = ({
+  ref,
+  className,
+  align = "center",
+  sideOffset = 4,
+  matchTriggerWidth = false,
+  children,
+  onEscapeKeyDown,
+  ...props
+}) => {
+  const effectiveVariant = useArgoDesign() ? "argo" : "default";
+  return /* @__PURE__ */ jsxRuntime.jsx(reactPopover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactPopover.Content,
+    {
+      ref,
+      align: matchTriggerWidth ? "start" : align,
+      sideOffset,
+      className: cn(variants2({ className, matchTriggerWidth, variant: effectiveVariant })),
+      onEscapeKeyDown: (event) => {
+        event.stopPropagation();
+        onEscapeKeyDown?.(event);
+      },
+      ...props,
+      children
+    }
+  ) });
+};
+var Popover = (props) => /* @__PURE__ */ jsxRuntime.jsx(reactPopover.Root, { ...props });
+Popover.Content = PopoverContent;
+Popover.Trigger = reactPopover.Trigger;
+Popover.Close = reactPopover.Close;
+var DatePicker = ({
+  align = "end",
+  alignOffset = -18,
+  children,
+  defaultOpen,
+  onOpenChange,
+  open,
+  sideOffset = 12,
+  ...calendarProps
+}) => /* @__PURE__ */ jsxRuntime.jsxs(Popover, { defaultOpen, open, onOpenChange, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(Popover.Trigger, { asChild: true, children }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    Popover.Content,
+    {
+      align,
+      alignOffset,
+      className: "tw-w-auto tw-p-0",
+      sideOffset,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar, { ...calendarProps })
+    }
+  )
+] });
+DatePicker.displayName = "DatePicker";
+
+// src/blocks/DateInput/helpers.ts
+var formatDate = (date, inputValue) => {
+  if (!date) {
+    return inputValue;
+  }
+  return date.toLocaleDateString();
+};
+var datePartOrder = new Intl.DateTimeFormat().formatToParts(new Date(2e3, 0, 2)).filter(
+  (p) => p.type === "day" || p.type === "month" || p.type === "year"
+).map((p) => p.type);
+var parseDate = (value) => {
+  if (!value.trim()) return null;
+  const nums = value.match(/\d+/g)?.map(Number);
+  if (nums && nums.length >= 3) {
+    const parts = Object.fromEntries(datePartOrder.map((type, i) => [type, nums[i]]));
+    const year = parts.year;
+    const month = parts.month;
+    const day = parts.day;
+    if (year != null && month != null && day != null && month >= 1 && month <= 12 && day >= 1 && day <= 31) {
+      const date = new Date(year, month - 1, day);
+      if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day) {
+        return date;
       }
     }
   }
-);
-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"
-      ],
-      argo: ["tw-text-primary-foreground"]
+  const isoMatch = value.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);
+  if (isoMatch) {
+    const y = Number(isoMatch[1]);
+    const m = Number(isoMatch[2]) - 1;
+    const d = Number(isoMatch[3]);
+    const date = new Date(y, m, d);
+    if (date.getFullYear() === y && date.getMonth() === m && date.getDate() === d) {
+      return date;
     }
+    return null;
   }
-});
-function Checkbox({
-  className,
-  id: idProp,
-  children,
-  description,
+  const fallback = new Date(value);
+  return isNaN(fallback.getTime()) ? null : fallback;
+};
+var DateInput = ({
+  ref,
+  // group props
+  state,
   variant,
-  position,
-  tooltip,
-  tooltipPlacement = "top",
-  ...rest
-}) {
-  const fallbackId = React26.useId();
-  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" })
-  ] }) });
-  const rendered = !children ? checkboxElement : /* @__PURE__ */ jsxRuntime.jsxs(FieldBox, { htmlFor: id, variant, position, control: checkboxElement, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FieldBox.Title, { children }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(FieldBox.Description, { children: description })
-  ] });
-  if (!tooltip) return rendered;
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { tooltip, placement: tooltipPlacement, triggerAsChild: !!children, children: rendered });
-}
-var CheckboxWidget = ({
-  id,
+  focusVariant,
+  sizing,
+  className,
+  // own props
   value,
+  defaultValue,
+  onValueChange,
+  onValueBlur,
   onChange,
+  onBlur,
+  onFocus,
+  allowClear = false,
+  disabledDays,
+  endMonth,
+  startMonth,
+  // input props
   disabled,
-  readonly,
-  label,
-  hideLabel
+  readOnly,
+  placeholder = "Select a date",
+  ...restInputProps
 }) => {
-  const checked = !!value;
-  return /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { id, checked, onCheckedChange: onChange, disabled: disabled || readonly, children: hideLabel ? void 0 : label });
+  const inputRef = React26.useRef(null);
+  const [inputValue, setInputValue] = React26.useState("");
+  const [hasFocus, setHasFocus] = React26.useState(false);
+  const [isOpen, setIsOpen] = React26.useState(false);
+  const [month, setMonth2] = React26.useState(/* @__PURE__ */ new Date());
+  const [currentValue, setCurrentValue] = useControllableState({
+    prop: value,
+    defaultProp: defaultValue ?? null
+  });
+  const canClear = allowClear && !!currentValue && !disabled && !readOnly;
+  const showPicker2 = !disabled && !readOnly;
+  const handleChange = (event) => {
+    const newValue = event.target.value;
+    setInputValue(newValue);
+    onChange?.(event);
+    const parsedDate = parseDate(newValue);
+    if (parsedDate !== null || !newValue.trim()) {
+      onValueChange?.(parsedDate);
+    }
+  };
+  const handleFocus = (event) => {
+    const formatted = formatDate(currentValue, "");
+    setInputValue(formatted);
+    setHasFocus(true);
+    onFocus?.(event);
+  };
+  const handleBlur = (event) => {
+    setHasFocus(false);
+    onBlur?.(event);
+    const text = event.target.value;
+    const parsedDate = text === formatDate(currentValue, "") ? currentValue : parseDate(text);
+    onValueBlur?.(parsedDate);
+    setCurrentValue(parsedDate);
+  };
+  const handleDatePickerChange = (newValue) => {
+    const dateValue = newValue ?? null;
+    setCurrentValue(dateValue);
+    onValueChange?.(dateValue);
+    setHasFocus(false);
+    setIsOpen(false);
+  };
+  const handleClear = () => {
+    if (!inputRef.current) return;
+    inputRef.current.value = "";
+    setInputValue("");
+    setCurrentValue(null);
+    onValueChange?.(null);
+    onChange?.(createChangeInputEvent(inputRef.current));
+  };
+  const handleOpenChange = (open) => {
+    if (open) {
+      setMonth2(currentValue ?? /* @__PURE__ */ new Date());
+    }
+    setIsOpen(open);
+  };
+  const displayValue = hasFocus ? inputValue : formatDate(currentValue, "");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    InputGroup,
+    {
+      state,
+      variant,
+      sizing,
+      focusVariant,
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          InputGroup.Input,
+          {
+            ...restInputProps,
+            ref: mergeRefs(ref ?? null, inputRef),
+            type: "text",
+            value: displayValue,
+            placeholder,
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            disabled,
+            readOnly
+          }
+        ),
+        (canClear || showPicker2) && /* @__PURE__ */ jsxRuntime.jsxs(InputGroup.Addon, { align: "inline-end", children: [
+          canClear && /* @__PURE__ */ jsxRuntime.jsx(
+            InputGroup.Button,
+            {
+              "aria-label": "Clear date",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: handleClear,
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.X, { className: "tw-size-4" })
+            }
+          ),
+          showPicker2 && /* @__PURE__ */ jsxRuntime.jsx(
+            DatePicker,
+            {
+              disabled: disabledDays,
+              endMonth,
+              mode: "single",
+              month,
+              onMonthChange: setMonth2,
+              onOpenChange: handleOpenChange,
+              onSelect: handleDatePickerChange,
+              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" }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 var DateWidget = ({
   id,
@@ -8380,13 +8368,7 @@ var BadgeAddon = ({
     className: cn(addonVariants2({ align, variant, className }))
   }
 );
-var BadgeButton = ({
-  ref,
-  className,
-  type = "button",
-  children,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var BadgeButton = ({ ref, className, type = "button", children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
     ...rest,
@@ -8411,12 +8393,7 @@ var BadgeButton = ({
     children
   }
 );
-var BadgeLabel = ({
-  ref,
-  className,
-  asChild = false,
-  ...rest
-}) => {
+var BadgeLabel = ({ ref, className, asChild = false, ...rest }) => {
   const Comp = asChild ? reactSlot.Slot : "span";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -8510,14 +8487,7 @@ var badgeRootVariants = classVarianceAuthority.cva(
     }
   }
 );
-var BadgeRoot = ({
-  ref,
-  variant,
-  color,
-  className,
-  children,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var BadgeRoot = ({ ref, variant, color, className, children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ...rest,
@@ -8720,11 +8690,7 @@ var ComboboxContent = ({
     }
   ) });
 };
-var ComboboxEmpty = ({
-  ref,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var ComboboxEmpty = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   combobox.Combobox.Empty,
   {
     ref,
@@ -8768,12 +8734,7 @@ var ComboboxInputGroup = ({
     )
   }
 );
-var ComboboxItemIndicator = ({
-  ref,
-  className,
-  variant = "check",
-  ...props
-}) => {
+var ComboboxItemIndicator = ({ ref, className, variant = "check", ...props }) => {
   if (variant === "checkbox") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       combobox.Combobox.ItemIndicator,
@@ -8886,11 +8847,7 @@ var ComboboxItem = ({
     ]
   }
 );
-var ComboboxList = ({
-  ref,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var ComboboxList = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   combobox.Combobox.List,
   {
     ref,
@@ -8910,11 +8867,7 @@ var ComboboxList = ({
   }
 );
 var ComboboxRoot = (props) => /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Root, { ...props });
-var ComboboxSeparator = ({
-  ref,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var ComboboxSeparator = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   combobox.Combobox.Separator,
   {
     ref,
@@ -8922,12 +8875,7 @@ var ComboboxSeparator = ({
     ...props
   }
 );
-var ComboboxGroup = ({
-  ref,
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var ComboboxGroup = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   combobox.Combobox.Group,
   {
     ref,
@@ -8936,11 +8884,7 @@ var ComboboxGroup = ({
     children
   }
 );
-var ComboboxGroupLabel = ({
-  ref,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var ComboboxGroupLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   combobox.Combobox.GroupLabel,
   {
     ...props,
@@ -9234,6 +9178,7 @@ var PasswordInput = ({
   onMouseDown,
   allowClear = false,
   allowPasswordToggle = false,
+  passwordToggleLabel,
   autoComplete = "new-password",
   defaultPasswordVisibility = false,
   // input props
@@ -9242,13 +9187,12 @@ var PasswordInput = ({
   ...restInputProps
 }) => {
   const inputRef = React26.useRef(null);
-  const [internalValue, setInternalValue] = React26.useState(defaultValue ?? "");
-  const isControlled = valueProp !== void 0;
-  const value = isControlled ? valueProp ?? "" : internalValue;
-  const setValue = (next) => {
-    if (!isControlled) setInternalValue(next);
-    onValueChange?.(next);
-  };
+  const [value, setValue] = useControllableState({
+    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.
+    prop: valueProp === null ? "" : valueProp,
+    defaultProp: defaultValue ?? "",
+    onChange: onValueChange
+  });
   const [capsLock, setCapsLock] = React26.useState(false);
   const [isPasswordVisible, setIsPasswordVisible] = React26.useState(defaultPasswordVisibility);
   const canClear = allowClear && !!value && !disabled && !readOnly;
@@ -9325,7 +9269,7 @@ var PasswordInput = ({
           allowPasswordToggle && /* @__PURE__ */ jsxRuntime.jsx(
             InputGroup.Button,
             {
-              "aria-label": isPasswordVisible ? "Hide password" : "Show password",
+              "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" })
@@ -10072,6 +10016,10 @@ var generateUiSchema = (schema, readOnly = false, definitions, globalConfig, has
             ...arrayOpts
           };
         }
+        const itemsEnumTitles = propSchema.items?.options?.enum_titles;
+        if (Array.isArray(itemsEnumTitles)) {
+          fieldUi.items = { "ui:options": { enumNames: itemsEnumTitles } };
+        }
       }
       if (type === "object" && propSchema.properties) {
         const nestedGlobal = globalValue && typeof globalValue === "object" && !Array.isArray(globalValue) ? globalValue : void 0;