@keboola/design 10.1.0 → 11.0.0

package/dist/{chunk-6FPEI4EM.js → chunk-YI3WLXEN.js}

@@ -1,251 +1,7 @@
-import { InputGroup, useControllableState, mergeRefs, createChangeInputEvent, ScrollArea } from './chunk-SYIEF644.js';
-import { Button } from './chunk-CTCFYWJC.js';
-import { Check, Minus, X, ChevronDown, Plus, Calendar, ArrowBigUpDash, EyeOff, Eye, Circle, CircleCheck, AlertTriangle, Info } from './chunk-BOHNXTMM.js';
-import { useArgoDesign, Tooltip, keyCodes } from './chunk-63NSN2VL.js';
-import { __export, cn } from './chunk-JP7PNHLH.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as RSeparator from '@radix-ui/react-separator';
-import { cva } from 'class-variance-authority';
-import { Root, Trigger, Close, Portal, Content } from '@radix-ui/react-popover';
-import React26, { createContext, useCallback, useContext, useId, useRef, useState, useEffect, useMemo, useLayoutEffect, use } from 'react';
-import * as RRadioGroup from '@radix-ui/react-radio-group';
-import { Item, Indicator as Indicator$1 } from '@radix-ui/react-radio-group';
-import { Root as Root$1, Indicator } from '@radix-ui/react-checkbox';
-import { Slot } from '@radix-ui/react-slot';
-import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { Root as Root$2, CollapsibleTrigger, Content as Content$1 } from '@radix-ui/react-collapsible';
-import * as RadixTabs from '@radix-ui/react-tabs';
-
-// src/utils/debounce.ts
-var debounce = (fn, delay) => {
-  let timeoutId;
-  const debounced = (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => fn(...args), delay);
-  };
-  debounced.cancel = () => clearTimeout(timeoutId);
-  return debounced;
-};
-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__ */ jsx(
-      "a",
-      {
-        ...rest,
-        ref,
-        target,
-        rel,
-        onClick: handleOnClick,
-        className: cn(
-          "tw:text-primary tw:underline tw:hover:text-primary/90 tw:hover:no-underline",
-          className
-        ),
-        children
-      }
-    )
-  );
-};
-var separatorVariants = cva(
-  [
-    // position
-    "tw:flex",
-    "tw:items-center",
-    "tw:justify-center",
-    "tw:self-stretch",
-    // before
-    "tw:before:content-['']",
-    "tw:before:bg-border"
-  ],
-  {
-    defaultVariants: {
-      orientation: "vertical",
-      size: "full"
-    },
-    compoundVariants: [
-      {
-        orientation: "horizontal",
-        size: "full",
-        className: ["tw:before:w-full"]
-      },
-      {
-        orientation: "horizontal",
-        size: "1/2",
-        className: ["tw:before:w-1/2"]
-      },
-      {
-        orientation: "horizontal",
-        size: "3/4",
-        className: ["tw:before:w-3/4"]
-      },
-      {
-        orientation: "vertical",
-        size: "full",
-        className: ["tw:before:h-full"]
-      },
-      {
-        orientation: "vertical",
-        size: "1/2",
-        className: ["tw:before:h-1/2"]
-      },
-      {
-        orientation: "vertical",
-        size: "3/4",
-        className: ["tw:before:h-3/4"]
-      }
-    ],
-    variants: {
-      size: {
-        full: ["tw:before:h-full"],
-        "1/2": [],
-        "3/4": []
-      },
-      orientation: {
-        vertical: ["tw:before:w-px"],
-        horizontal: ["tw:before:h-px"]
-      }
-    }
-  }
-);
-var Separator = ({
-  className,
-  orientation = "vertical",
-  size = "full",
-  label,
-  ...props
-}) => {
-  if (label != null && label !== false) {
-    return /* @__PURE__ */ jsx(
-      RSeparator.Root,
-      {
-        ...props,
-        decorative: true,
-        orientation: "horizontal",
-        className: cn(
-          "tw:flex tw:w-full tw:items-center tw:gap-3 tw:self-stretch",
-          "tw:text-xs tw:font-medium tw:text-muted-foreground",
-          "tw:before:content-[''] tw:before:h-px tw:before:flex-1 tw:before:bg-border",
-          "tw:after:content-[''] tw:after:h-px tw:after:flex-1 tw:after:bg-border",
-          className
-        ),
-        children: label
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    RSeparator.Root,
-    {
-      ...props,
-      decorative: true,
-      orientation,
-      className: separatorVariants({ size, orientation, className })
-    }
-  );
-};
-var variants = cva(
-  [
-    "tailwindcss-preflight",
-    "tw:group/popover-content",
-    "tw:z-[1055]",
-    "tw:focus-visible:outline-hidden",
-    // An open Radix Dialog locks `pointer-events: none` on <body>. Popover content
-    // is portalled to <body> as a sibling of the dialog, so it inherits the lock
-    // and clicks fall through — re-enable pointer events on the content itself
-    // (dismiss-on-outside-click still works, it listens on document).
-    "tw:pointer-events-auto",
-    // 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
-    "tw:data-[state=open]:animate-in",
-    "tw:data-[state=open]:fade-in-0",
-    "tw:data-[state=open]:zoom-in-95",
-    // closed animation
-    "tw:data-[state=closed]:animate-out",
-    "tw:data-[state=closed]:fade-out-0",
-    "tw:data-[state=closed]:zoom-out-95",
-    // position animation
-    "tw:data-[side=bottom]:slide-in-from-top-2",
-    "tw:data-[side=left]:slide-in-from-right-2",
-    "tw:data-[side=right]:slide-in-from-left-2",
-    "tw:data-[side=top]:slide-in-from-bottom-2",
-    // Default size for nested Lucide icons; callers can override on the icon.
-    "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
-    "tw:[&_svg]: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__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
-    Content,
-    {
-      ref,
-      align: matchTriggerWidth ? "start" : align,
-      sideOffset,
-      className: cn(variants({ className, matchTriggerWidth, variant: effectiveVariant })),
-      onEscapeKeyDown: (event) => {
-        event.stopPropagation();
-        onEscapeKeyDown?.(event);
-      },
-      ...props,
-      children
-    }
-  ) });
-};
-var Popover = (props) => /* @__PURE__ */ jsx(Root, { ...props });
-Popover.Content = PopoverContent;
-Popover.Trigger = Trigger;
-Popover.Close = Close;
+import { cn } from './chunk-LXLIQ2D6.js';
+import { __export } from './chunk-G3PMV62Z.js';
+import React26, { createContext, useCallback, useContext, useMemo, useRef, useEffect, useState, useLayoutEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 // ../../node_modules/.pnpm/@date-fns+tz@1.4.1/node_modules/@date-fns/tz/tzName/index.js
 function tzName(timeZone, date, format2 = "long") {
@@ -2308,13 +2064,13 @@ var enUS2 = {
   ...enUS,
   labels: {
     labelDayButton: (date, modifiers, options, dateLib) => {
-      let formatDate2;
+      let formatDate;
       if (dateLib && typeof dateLib.format === "function") {
-        formatDate2 = dateLib.format.bind(dateLib);
+        formatDate = dateLib.format.bind(dateLib);
       } else {
-        formatDate2 = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
       }
-      let label = formatDate2(date, "PPPP");
+      let label = formatDate(date, "PPPP");
       if (modifiers.today)
         label = `Today, ${label}`;
       if (modifiers.selected)
@@ -2327,22 +2083,22 @@ var enUS2 = {
     labelWeekNumber: (weekNumber) => `Week ${weekNumber}`,
     labelYearDropdown: "Choose the Year",
     labelGrid: (date, options, dateLib) => {
-      let formatDate2;
+      let formatDate;
       if (dateLib && typeof dateLib.format === "function") {
-        formatDate2 = dateLib.format.bind(dateLib);
+        formatDate = dateLib.format.bind(dateLib);
       } else {
-        formatDate2 = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
       }
-      return formatDate2(date, "LLLL yyyy");
+      return formatDate(date, "LLLL yyyy");
     },
     labelGridcell: (date, modifiers, options, dateLib) => {
-      let formatDate2;
+      let formatDate;
       if (dateLib && typeof dateLib.format === "function") {
-        formatDate2 = dateLib.format.bind(dateLib);
+        formatDate = dateLib.format.bind(dateLib);
       } else {
-        formatDate2 = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
       }
-      let label = formatDate2(date, "PPPP");
+      let label = formatDate(date, "PPPP");
       if (modifiers?.today) {
         label = `Today, ${label}`;
       }
@@ -2351,13 +2107,13 @@ var enUS2 = {
     labelNav: "Navigation bar",
     labelWeekNumberHeader: "Week Number",
     labelWeekday: (date, options, dateLib) => {
-      let formatDate2;
+      let formatDate;
       if (dateLib && typeof dateLib.format === "function") {
-        formatDate2 = dateLib.format.bind(dateLib);
+        formatDate = dateLib.format.bind(dateLib);
       } else {
-        formatDate2 = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS, ...options });
       }
-      return formatDate2(date, "cccc");
+      return formatDate(date, "cccc");
     }
   }
 };
@@ -2662,7 +2418,7 @@ __export(custom_components_exports, {
   NextMonthButton: () => NextMonthButton,
   Option: () => Option,
   PreviousMonthButton: () => PreviousMonthButton,
-  Root: () => Root3,
+  Root: () => Root,
   Select: () => Select,
   Week: () => Week,
   WeekNumber: () => WeekNumber,
@@ -2842,7 +2598,7 @@ function Option(props) {
 function PreviousMonthButton(props) {
   return React26.createElement("button", { ...props });
 }
-function Root3(props) {
+function Root(props) {
   const { rootRef, ...rest } = props;
   return React26.createElement("div", { ...rest, ref: rootRef });
 }
@@ -4602,7 +4358,7 @@ var rangePickerClassNames = {
   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 Calendar2 = ({ className, classNames, ...props }) => {
+var Calendar = ({ className, classNames, ...props }) => {
   const defaultClassNames = getDefaultClassNames();
   return /* @__PURE__ */ jsx(
     DayPicker,
@@ -4624,2060 +4380,8 @@ var Calendar2 = ({ className, classNames, ...props }) => {
     }
   );
 };
-Calendar2.displayName = "Calendar";
-var DatePicker = ({
-  align = "end",
-  alignOffset = -18,
-  children,
-  defaultOpen,
-  onOpenChange,
-  open,
-  sideOffset = 12,
-  ...calendarProps
-}) => /* @__PURE__ */ jsxs(Popover, { defaultOpen, open, onOpenChange, children: [
-  /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children }),
-  /* @__PURE__ */ jsx(
-    Popover.Content,
-    {
-      align,
-      alignOffset,
-      className: "tw:w-auto tw:p-0",
-      sideOffset,
-      children: /* @__PURE__ */ jsx(Calendar2, { ...calendarProps })
-    }
-  )
-] });
-DatePicker.displayName = "DatePicker";
-var RadioGroupContext = createContext({
-  variant: "radio",
-  orientation: "horizontal"
-});
-var RadioGroupProvider = RadioGroupContext;
-var useRadioGroupContext = () => use(RadioGroupContext);
-var FieldBoxDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ...props,
-    "data-slot": "field-box-description",
-    className: cn(
-      "tw:text-xs",
-      "tw:text-muted-foreground",
-      "tw:group-has-[:disabled]/field-box:opacity-50",
-      className
-    )
-  }
-);
-var FieldBoxTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ...props,
-    "data-slot": "field-box-title",
-    className: cn(
-      "tw:text-sm",
-      "tw:font-medium",
-      "tw:text-foreground",
-      "tw:group-has-[:disabled]/field-box:cursor-not-allowed",
-      "tw:group-has-[:disabled]/field-box:opacity-50",
-      className
-    )
-  }
-);
-var fieldBoxVariants = cva(
-  [
-    "tw:group/field-box",
-    "tw:m-0",
-    "tw:inline-flex",
-    "tw:gap-3",
-    "tw:items-start",
-    "tw:cursor-pointer",
-    "tw:select-none",
-    "tw:has-[:disabled]:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      variant: {
-        default: [],
-        boxed: [
-          "tw:rounded-lg",
-          "tw:border",
-          "tw:border-solid",
-          "tw:border-border",
-          "tw:p-3",
-          "tw:transition-colors",
-          "tw:has-[[data-state=checked]]:border-primary",
-          "tw:has-[[data-state=checked]]:bg-accent",
-          "tw:has-[[data-state=indeterminate]]:border-primary",
-          "tw:has-[[data-state=indeterminate]]:bg-accent"
-        ]
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var FieldBoxRoot = ({
-  ref,
-  className,
-  variant,
-  position = "start",
-  control,
-  children,
-  ...rest
-}) => /* @__PURE__ */ jsxs(
-  "label",
-  {
-    ...rest,
-    ref,
-    className: cn(
-      fieldBoxVariants({ variant, className }),
-      position === "end" && "tw:flex-row-reverse"
-    ),
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "tw:inline-flex tw:min-h-5 tw:shrink-0 tw:items-center tw:group-has-[[data-slot=field-box-description]]/field-box:mt-0.5", children: control }),
-      children != null && /* @__PURE__ */ 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 radioVariants = cva(
-  [
-    // reset
-    "tw:bg-transparent",
-    "tw:p-0",
-    "tw:peer",
-    "tw:cursor-pointer",
-    "tw:whitespace-nowrap",
-    "tw:shrink-0",
-    // position
-    "tw:flex",
-    "tw:items-center",
-    "tw:justify-center",
-    "tw:disabled:cursor-not-allowed",
-    "tw:size-4",
-    // border
-    "tw:rounded-full",
-    "tw:border",
-    "tw:border-solid"
-  ],
-  {
-    defaultVariants: {
-      variant: "default"
-    },
-    variants: {
-      variant: {
-        default: [
-          "tw:disabled:opacity-40",
-          "tw:data-[state=checked]:border-primary",
-          "tw:data-[state=unchecked]:border-neutral-200",
-          "tw:data-[state=unchecked]:hover:border-primary",
-          "tw:data-[state=unchecked]:disabled:hover:border-neutral-200",
-          "tw:focus-visible:ring-2",
-          "tw:focus-visible:ring-ring/30"
-        ],
-        argo: [
-          "tw:disabled:opacity-50",
-          "tw:border-input",
-          "tw:transition-colors",
-          "tw:data-[state=checked]:bg-primary",
-          "tw:data-[state=checked]:border-primary",
-          "tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
-          "tw:data-[state=checked]:not-disabled:hover:bg-primary",
-          "tw:focus-visible:outline-hidden",
-          "tw:focus-visible:border-primary",
-          "tw:focus-visible:ring-2",
-          "tw:focus-visible:ring-ring/50"
-        ]
-      }
-    }
-  }
-);
-var radioIndicatorVariants = cva(["tw:size-2.5", "tw:fill-current"], {
-  defaultVariants: {
-    variant: "default"
-  },
-  variants: {
-    variant: {
-      default: ["tw:text-primary"],
-      argo: ["tw:text-primary-foreground"]
-    }
-  }
-});
-var radioItemButtonVariants = cva(
-  [
-    // reset
-    "tw:bg-transparent",
-    "tw:p-0",
-    "tw:peer",
-    "tw:cursor-pointer",
-    "tw:whitespace-nowrap",
-    // position
-    "tw:flex",
-    "tw:items-center",
-    "tw:justify-center",
-    "tw:disabled:cursor-not-allowed",
-    // layouts
-    "tw:w-full",
-    "tw:px-2",
-    "tw:py-1.5",
-    // fonts
-    "tw:uppercase",
-    "tw:font-semibold",
-    "tw:font-sans",
-    "tw:text-[11px]",
-    "tw:whitespace-nowrap",
-    "tw:tracking-widest",
-    "tw:leading-[18px]",
-    // border
-    "tw:border",
-    "tw:border-solid",
-    "tw:rounded"
-  ],
-  {
-    defaultVariants: {
-      variant: "default"
-    },
-    variants: {
-      variant: {
-        default: [
-          "tw:disabled:opacity-40",
-          "tw:text-secondary-600",
-          "tw:border-secondary-500",
-          "tw:data-[state=unchecked]:hover:bg-secondary-500",
-          "tw:data-[state=unchecked]:hover:text-white",
-          "tw:data-[state=unchecked]:disabled:hover:bg-white",
-          "tw:data-[state=unchecked]:disabled:hover:text-secondary-500",
-          "tw:data-[state=checked]:disabled:cursor-not-allowed",
-          "tw:data-[state=unchecked]:bg-white",
-          "tw:data-[state=checked]:bg-secondary-500",
-          "tw:data-[state=checked]:text-white",
-          "tw:data-[state=checked]:cursor-default",
-          "tw:focus-visible:outline",
-          "tw:focus-visible:outline-ring",
-          "tw:focus-visible:ring-4",
-          "tw:focus-visible:ring-ring/30"
-        ],
-        argo: [
-          "tw:disabled:opacity-50",
-          "tw:text-foreground",
-          "tw:border-input",
-          "tw:transition-colors",
-          // muted filled control surface — gray, distinct from white containers; not the app-background token
-          "tw:data-[state=unchecked]:bg-muted",
-          "tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
-          "tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground",
-          "tw:data-[state=checked]:bg-primary",
-          "tw:data-[state=checked]:border-primary",
-          "tw:data-[state=checked]:text-primary-foreground",
-          "tw:data-[state=checked]:not-disabled:cursor-default",
-          "tw:focus-visible:outline-hidden",
-          "tw:focus-visible:border-primary",
-          "tw:focus-visible:ring-2",
-          "tw:focus-visible:ring-ring/50"
-        ]
-      }
-    }
-  }
-);
-var Radio = ({ className, styleVariant = "default", ...props }) => /* @__PURE__ */ jsx(Item, { ...props, className: cn(radioVariants({ variant: styleVariant }), className), children: /* @__PURE__ */ jsx(Indicator$1, { className: cn("tw:flex", "tw:items-center", "tw:justify-center"), children: /* @__PURE__ */ jsx(Circle, { className: radioIndicatorVariants({ variant: styleVariant }) }) }) });
-var RadioGroupItemButton = ({
-  ref,
-  className,
-  children,
-  styleVariant = "default",
-  ...props
-}) => /* @__PURE__ */ jsx(
-  Item,
-  {
-    ref,
-    ...props,
-    className: cn(radioItemButtonVariants({ variant: styleVariant }), className),
-    children
-  }
-);
-var RadioGroupItem = ({
-  children,
-  className,
-  tooltip,
-  tooltipVariant,
-  tooltipPlacement,
-  description,
-  ...props
-}) => {
-  const { variant } = useRadioGroupContext();
-  const styleVariant = useArgoDesign() ? "argo" : "default";
-  const id = useId();
-  const item = (() => {
-    if (variant === "button")
-      return /* @__PURE__ */ jsx(RadioGroupItemButton, { styleVariant, ...props, className, children });
-    return /* @__PURE__ */ jsxs(
-      FieldBox,
-      {
-        variant: variant === "radio-block" ? "boxed" : "default",
-        htmlFor: id,
-        control: /* @__PURE__ */ jsx(Radio, { styleVariant, ...props, id }),
-        className: cn(variant === "radio-block" && "tw:flex-1", className),
-        children: [
-          /* @__PURE__ */ jsx(FieldBox.Title, { children }),
-          description && /* @__PURE__ */ jsx(FieldBox.Description, { children: description })
-        ]
-      }
-    );
-  })();
-  if (!tooltip) {
-    return item;
-  }
-  return /* @__PURE__ */ jsx(Tooltip, { tooltip, variant: tooltipVariant, placement: tooltipPlacement, triggerAsChild: true, children: item });
-};
-var RadioGroupSeparator = () => {
-  const { orientation } = useRadioGroupContext();
-  const invertedOrientation = orientation === "horizontal" ? "vertical" : "horizontal";
-  const size = orientation === "horizontal" ? "1/2" : "full";
-  const className = orientation === "horizontal" ? "tw:mx-2" : "tw:my-2";
-  return /* @__PURE__ */ jsx(Separator, { orientation: invertedOrientation, size, className });
-};
-var radioGroupVariants = cva(["tw:flex"], {
-  variants: {
-    orientation: {
-      horizontal: ["tw:gap-2"],
-      vertical: ["tw:flex-col", "tw:gap-3"]
-    },
-    variant: {
-      button: [],
-      radio: [],
-      "radio-block": ["tw:w-full"]
-    }
-  }
-});
-var RadioGroup = ({
-  variant = "radio",
-  className,
-  disabled = false,
-  orientation = "horizontal",
-  onValueChange,
-  children,
-  value,
-  defaultValue,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  RRadioGroup.Root,
-  {
-    ...props,
-    onValueChange,
-    orientation,
-    className: cn(radioGroupVariants({ orientation, variant, className })),
-    disabled,
-    value: value ?? void 0,
-    defaultValue: defaultValue ?? void 0,
-    children: /* @__PURE__ */ jsx(RadioGroupProvider, { value: { variant, orientation }, children })
-  }
-);
-RadioGroup.Item = RadioGroupItem;
-RadioGroup.Separator = RadioGroupSeparator;
-var rootVariants = 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
-    "tw:disabled:opacity-50",
-    "tw:disabled:cursor-not-allowed"
-  ],
-  {
-    defaultVariants: {
-      variant: "default"
-    },
-    variants: {
-      variant: {
-        default: [
-          "tw:rounded",
-          "tw:border-neutral-200",
-          "tw:data-[state=checked]:bg-primary",
-          "tw:data-[state=checked]:border-primary",
-          "tw:data-[state=indeterminate]:bg-white",
-          "tw:data-[state=indeterminate]:border-neutral-200"
-        ],
-        argo: [
-          "tw:rounded",
-          "tw:border-input",
-          "tw:transition-colors",
-          "tw:data-[state=checked]:bg-primary",
-          "tw:data-[state=checked]:border-primary",
-          "tw:data-[state=indeterminate]:bg-primary",
-          "tw:data-[state=indeterminate]:border-primary",
-          // focus
-          "tw:focus-visible:outline-hidden",
-          "tw:focus-visible:border-primary",
-          "tw:focus-visible:ring-2",
-          "tw:focus-visible:ring-ring/50"
-        ]
-      }
-    }
-  }
-);
-var indicatorVariants = cva(["tw:group", "tw:flex", "tw:items-center"], {
-  defaultVariants: {
-    variant: "default"
-  },
-  variants: {
-    variant: {
-      default: [
-        "tw:data-[state=checked]:text-primary-foreground",
-        "tw:data-[state=indeterminate]:text-neutral-200"
-      ],
-      argo: ["tw:text-primary-foreground"]
-    }
-  }
-});
-function Checkbox({
-  className,
-  id: idProp,
-  children,
-  description,
-  variant,
-  position,
-  tooltip,
-  tooltipPlacement = "top",
-  ...rest
-}) {
-  const fallbackId = useId();
-  const id = idProp?.toString() ?? fallbackId;
-  const styleVariant = useArgoDesign() ? "argo" : "default";
-  const checkboxElement = /* @__PURE__ */ jsx(Root$1, { id, ...rest, className: cn(rootVariants({ variant: styleVariant, className })), children: /* @__PURE__ */ jsxs(Indicator, { className: cn(indicatorVariants({ variant: styleVariant })), children: [
-    /* @__PURE__ */ jsx(Check, { className: "tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=checked]:block" }),
-    /* @__PURE__ */ jsx(Minus, { className: "tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=indeterminate]:block" })
-  ] }) });
-  const rendered = !children ? checkboxElement : /* @__PURE__ */ jsxs(FieldBox, { htmlFor: id, variant, position, control: checkboxElement, children: [
-    /* @__PURE__ */ jsx(FieldBox.Title, { children }),
-    description && /* @__PURE__ */ jsx(FieldBox.Description, { children: description })
-  ] });
-  if (!tooltip) return rendered;
-  return /* @__PURE__ */ jsx(Tooltip, { tooltip, placement: tooltipPlacement, triggerAsChild: !!children, children: rendered });
-}
-var addonVariants = cva(
-  [
-    "tw:flex",
-    "tw:items-center",
-    "tw:shrink-0",
-    "tw:bg-inherit",
-    "tw:self-stretch",
-    "tw:px-1",
-    "tw:has-[button]:px-0",
-    'tw:[&_svg:not([class*="tw:size-"])]:size-3'
-  ],
-  {
-    defaultVariants: {
-      align: "inline-end",
-      variant: "inline"
-    },
-    variants: {
-      align: {
-        "inline-start": ["tw:order-first"],
-        "inline-end": ["tw:order-last"]
-      },
-      variant: {
-        inline: [],
-        floating: [
-          "tw:hidden",
-          "tw:group-hover/badge:flex",
-          "tw:absolute",
-          "tw:top-0",
-          "tw:bottom-0",
-          "tw:focus-within:flex"
-        ]
-      }
-    },
-    compoundVariants: [
-      { variant: "floating", align: "inline-end", className: ["tw:right-0"] },
-      { variant: "floating", align: "inline-start", className: ["tw:left-0"] }
-    ]
-  }
-);
-var BadgeAddon = ({
-  ref,
-  align = "inline-end",
-  variant = "inline",
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ...rest,
-    ref,
-    "data-align": align,
-    "data-variant": variant,
-    className: cn(addonVariants({ align, variant, className }))
-  }
-);
-var BadgeButton = ({ ref, className, type = "button", children, ...rest }) => /* @__PURE__ */ jsx(
-  "button",
-  {
-    ...rest,
-    ref,
-    type,
-    className: cn(
-      "tailwindcss-preflight",
-      "tw:inline-flex",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:cursor-pointer",
-      "tw:bg-inherit",
-      "tw:text-inherit",
-      "tw:hover:brightness-95",
-      "tw:px-1",
-      // Default sizing for Lucide-icon children (which ship at 24×24); keeps
-      // the visual baseline aligned with the previous FA-icon API and other
-      // icon-wrapper components (ItemIcon, SidebarMenuIcon).
-      'tw:[&_svg:not([class*="tw:size-"])]:size-3',
-      className
-    ),
-    children
-  }
-);
-var BadgeLabel = ({ ref, className, asChild = false, ...rest }) => {
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ...rest,
-      ref,
-      "data-slot": "badge-label",
-      className: cn(
-        "tw:max-w-56",
-        "tw:truncate",
-        "tw:px-2",
-        "tw:py-0.5",
-        // Drop side padding only when an *inline* addon is present —
-        // floating addons overlay the label without taking layout space,
-        // so the label still needs full padding behind them.
-        "tw:group-has-[[data-align=inline-start][data-variant=inline]:not(:empty)]/badge:pl-0",
-        "tw:group-has-[[data-align=inline-end][data-variant=inline]:not(:empty)]/badge:pr-0",
-        className
-      )
-    }
-  );
-};
-var badgeColors = {
-  gray: "tw:bg-neutral-400 tw:text-white tw:decoration-neutral-400",
-  "gray-darker": "tw:bg-neutral-500 tw:text-white tw:decoration-neutral-500",
-  "gray-inverse": "tw:bg-neutral-100 tw:text-neutral-500 tw:decoration-neutral-100 tw:[[data-theme=dark]_&]:bg-neutral-700 tw:[[data-theme=dark]_&]:text-neutral-300 tw:[[data-theme=dark]_&]:decoration-neutral-700",
-  green: "tw:bg-green-500 tw:text-white tw:decoration-green-500",
-  "green-darker": "tw:bg-green-600 tw:text-white tw:decoration-green-600",
-  "green-inverse": "tw:bg-green-100 tw:text-green-900 tw:decoration-green-100 tw:[[data-theme=dark]_&]:bg-green-900 tw:[[data-theme=dark]_&]:text-green-200 tw:[[data-theme=dark]_&]:decoration-green-900",
-  blue: "tw:bg-blue-500 tw:text-white tw:decoration-blue-500",
-  "blue-inverse": "tw:bg-blue-100 tw:text-blue-600 tw:decoration-blue-100 tw:[[data-theme=dark]_&]:bg-blue-900 tw:[[data-theme=dark]_&]:text-blue-200 tw:[[data-theme=dark]_&]:decoration-blue-900",
-  red: "tw:bg-error-500 tw:text-white tw:decoration-error-500",
-  orange: "tw:bg-warning-500 tw:text-white tw:decoration-warning-500",
-  "orange-inverse": "tw:bg-warning-100 tw:text-warning-500 tw:decoration-warning-100 tw:[[data-theme=dark]_&]:bg-warning-900 tw:[[data-theme=dark]_&]:text-warning-200 tw:[[data-theme=dark]_&]:decoration-warning-900",
-  amber: "tw:bg-warning-300 tw:text-warning-800 tw:decoration-warning-300",
-  "amber-inverse": "tw:bg-warning-100 tw:text-warning-700 tw:decoration-warning-100",
-  teal: "tw:bg-teal-500 tw:text-white tw:decoration-teal-500",
-  "teal-inverse": "tw:bg-teal-100 tw:text-teal-800 tw:decoration-teal-100 tw:[[data-theme=dark]_&]:bg-teal-900 tw:[[data-theme=dark]_&]:text-teal-200 tw:[[data-theme=dark]_&]:decoration-teal-900",
-  purple: "tw:bg-purple-500 tw:text-white tw:decoration-purple-500",
-  "purple-inverse": "tw:bg-purple-100 tw:text-purple-800 tw:decoration-purple-100 tw:[[data-theme=dark]_&]:bg-purple-900 tw:[[data-theme=dark]_&]:text-purple-200 tw:[[data-theme=dark]_&]:decoration-purple-900",
-  cyan: "tw:bg-cyan-500 tw:text-white tw:decoration-cyan-500",
-  "cyan-inverse": "tw:bg-cyan-100 tw:text-cyan-800 tw:decoration-cyan-100 tw:[[data-theme=dark]_&]:bg-cyan-900 tw:[[data-theme=dark]_&]:text-cyan-200 tw:[[data-theme=dark]_&]:decoration-cyan-900",
-  "sidebar-primary": "tw:bg-sidebar-primary tw:text-white tw:decoration-sidebar-primary",
-  white: "tw:bg-white/90 tw:text-neutral-600 tw:decoration-white/90"
-};
-var badgeRootVariants = cva(
-  [
-    "tailwindcss-preflight",
-    "tw:group/badge",
-    // display
-    "tw:relative",
-    "tw:inline-flex",
-    "tw:justify-center",
-    "tw:items-center",
-    "tw:min-h-5",
-    "tw:h-fit",
-    "tw:shrink-0",
-    "tw:overflow-hidden",
-    // text — chrome weight/tracking are brand-overridable tokens
-    // (`--font-weight-medium` / `--letter-spacing-chrome`); casing lives on the
-    // `default` variant below via `tw:uppercase`.
-    "tw:whitespace-pre-wrap",
-    "tw:break-normal",
-    "tw:text-xs",
-    "tw:font-medium",
-    "tw:tracking-chrome",
-    "tw:text-center",
-    "tw:underline",
-    // content
-    "tw:border-none",
-    "tw:[&>svg]:self-center",
-    "tw:[button&]:cursor-pointer",
-    // focus
-    "tw:focus-visible:outline-hidden",
-    "tw:focus-visible:ring-2",
-    "tw:focus-visible:ring-inset",
-    "tw:focus-visible:ring-ring"
-  ],
-  {
-    defaultVariants: {
-      color: "gray",
-      variant: "default"
-    },
-    variants: {
-      variant: {
-        // Legacy chrome uppercases the default badge; the Keboola V2 brand
-        // (`data-brand="keboola"`) renders it in standard case instead.
-        default: [
-          "tw:rounded tw:uppercase",
-          "tw:[[data-brand=keboola]_&]:normal-case tw:[[data-brand=keboola]_&]:tracking-normal"
-        ],
-        tag: ["tw:rounded tw:normal-case"],
-        pill: ["tw:min-w-5 tw:rounded-full tw:normal-case tw:tracking-normal"]
-      },
-      color: badgeColors
-    }
-  }
-);
-var BadgeRoot = ({ ref, variant, color, className, children, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ...rest,
-    ref,
-    "data-slot": "badge",
-    className: cn(badgeRootVariants({ variant, color, className })),
-    children
-  }
-);
-var BadgeInner = ({
-  ref,
-  // root props
-  variant,
-  color,
-  // custom props
-  prefix,
-  prefixVariant = "inline",
-  suffix,
-  suffixVariant = "inline",
-  className,
-  labelClassName,
-  ...labelProps
-}) => /* @__PURE__ */ jsxs(BadgeRoot, { className, variant, color, children: [
-  prefix && /* @__PURE__ */ jsx(BadgeAddon, { align: "inline-start", variant: prefixVariant, children: prefix }),
-  /* @__PURE__ */ jsx(BadgeLabel, { ...labelProps, ref, className: labelClassName }),
-  suffix && /* @__PURE__ */ jsx(BadgeAddon, { align: "inline-end", variant: suffixVariant, children: suffix })
-] });
-var Badge = Object.assign(BadgeInner, {
-  Root: BadgeRoot,
-  Button: BadgeButton,
-  Label: BadgeLabel,
-  Addon: BadgeAddon
-});
-
-// src/components/Combobox/utils.ts
-var isPlainObject = (item) => item !== null && typeof item === "object";
-var isNumber = (item) => typeof item === "number";
-var isString = (item) => typeof item === "string";
-var isLabeledItem = (item) => isPlainObject(item) && Reflect.has(item, "label") && Reflect.has(item, "value");
-var isInternalItem = (item) => isLabeledItem(item) && "__marker" in item;
-var isCreatableItem = (item) => {
-  return isInternalItem(item) && item.__marker === "creatable";
-};
-var isGroupItem = (itemOrGroup) => itemOrGroup !== null && typeof itemOrGroup === "object" && Reflect.has(itemOrGroup, "items");
-var isGroupItems = (items) => {
-  if (!Array.isArray(items)) return false;
-  if (items.length === 0) return false;
-  return isGroupItem(items[0]);
-};
-var defaultItemToLabel = (item) => {
-  if (isNumber(item) || isString(item)) return item;
-  if (!isLabeledItem(item))
-    throw new Error(
-      "Combobox: Item does not have a `label` field. Pass `itemToLabel` for custom item shapes."
-    );
-  return item.label;
-};
-var toLabel = (item) => {
-  if (isString(item)) return item;
-  if (isLabeledItem(item)) {
-    if (item.label) return item.label;
-    if (item.value) return item.value;
-  }
-  return String(item);
-};
-var toValueKey = (item) => {
-  if (isString(item)) return item;
-  if (isLabeledItem(item)) {
-    if (item.value) return item.value;
-    if (item.label) return item.label;
-  }
-  return String(item);
-};
-var defaultItemToIcon = (item) => isLabeledItem(item) ? item.icon : void 0;
-var defaultItemToDisabled = (item) => isLabeledItem(item) ? item.disabled ?? false : false;
-var defaultGroupToLabel = () => void 0;
-var createCreatableItem = (query) => ({
-  __marker: "creatable",
-  value: query,
-  label: query
-});
-var defaultToCreateValue = (query, value, queryToCreateValue) => {
-  if (queryToCreateValue) return queryToCreateValue(query);
-  if (value === void 0) return query;
-  if (isString(value)) return query;
-  if (isLabeledItem(value)) return { value: query, label: query };
-  throw new Error(
-    "Combobox: Cannot infer item shape for `allowCreate`. Pass `queryToCreateValue` for custom item shapes."
-  );
-};
-var defaultQueryToCreateLabel = (query) => `Create "${query}"`;
-var ComboboxChips = ({
-  maxVisible = 3,
-  itemToChipLabel = defaultItemToLabel,
-  itemToChipColor,
-  variant = "pill"
-}) => /* @__PURE__ */ jsx(Combobox$1.Value, { children: (values) => {
-  if (!values.length) return null;
-  const visible = values.slice(0, maxVisible);
-  const overflow = values.slice(maxVisible);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    visible.map((value, index) => /* @__PURE__ */ jsxs(
-      Combobox$1.Chip,
-      {
-        render: /* @__PURE__ */ jsx(
-          Badge.Root,
-          {
-            color: itemToChipColor?.(value),
-            className: "tw:max-w-40",
-            variant
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Badge.Label, { children: itemToChipLabel(value) }),
-          /* @__PURE__ */ jsx(Badge.Addon, { variant: "inline", align: "inline-end", children: /* @__PURE__ */ jsx(
-            Combobox$1.ChipRemove,
-            {
-              render: /* @__PURE__ */ jsx(Badge.Button, { "aria-label": "Remove value", children: /* @__PURE__ */ jsx(X, { className: "tw:size-3" }) })
-            }
-          ) })
-        ]
-      },
-      index
-    )),
-    overflow.length > 0 && /* @__PURE__ */ jsx(Badge.Root, { variant: "pill", children: /* @__PURE__ */ jsxs(Badge.Label, { children: [
-      "+",
-      overflow.length
-    ] }) })
-  ] });
-} });
-var ComboboxContent = ({
-  ref,
-  align = "start",
-  side = "bottom",
-  sideOffset = 4,
-  alignOffset,
-  anchor,
-  container,
-  className,
-  children,
-  ...popupProps
-}) => {
-  const effectiveVariant = useArgoDesign() ? "argo" : "default";
-  return /* @__PURE__ */ jsx(Combobox$1.Portal, { container, children: /* @__PURE__ */ jsx(
-    Combobox$1.Positioner,
-    {
-      align,
-      side,
-      sideOffset,
-      alignOffset,
-      anchor,
-      className: "tw:isolate tw:z-[1055] tailwindcss-preflight",
-      children: /* @__PURE__ */ jsx(
-        Combobox$1.Popup,
-        {
-          ref,
-          "data-chips": !!anchor,
-          "data-variant": effectiveVariant,
-          className: cn(
-            "tw:!pointer-events-auto",
-            "tw:group/combobox-content",
-            "tw:relative",
-            "tw:flex tw:flex-col tw:overflow-hidden",
-            // sizing
-            "tw:max-h-[var(--available-height)]",
-            "tw:w-[var(--anchor-width)]",
-            "tw:max-w-[var(--available-width)]",
-            "tw:origin-[var(--transform-origin)]",
-            "tw:data-[chips=true]:min-w-[var(--anchor-width)]",
-            // appearance
-            "tw:rounded-lg",
-            "tw:data-[variant=default]:rounded",
-            "tw:bg-popover",
-            "tw:text-popover-foreground",
-            "tw:shadow-md",
-            "tw:ring-1",
-            "tw:ring-foreground/10",
-            "tw:duration-100",
-            // open animation
-            "data-open:animate-in",
-            "data-open:fade-in-0",
-            "data-open:zoom-in-95",
-            // closed animation
-            "data-closed:animate-out",
-            "data-closed:fade-out-0",
-            "data-closed:zoom-out-95",
-            // position animations
-            "tw:data-[side=bottom]:slide-in-from-top-2",
-            "tw:data-[side=top]:slide-in-from-bottom-2",
-            "tw:data-[side=left]:slide-in-from-right-2",
-            "tw:data-[side=right]:slide-in-from-left-2",
-            "tw:data-[side=inline-start]:slide-in-from-right-2",
-            "tw:data-[side=inline-end]:slide-in-from-left-2",
-            className
-          ),
-          ...popupProps,
-          children
-        }
-      )
-    }
-  ) });
-};
-var ComboboxEmpty = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  Combobox$1.Empty,
-  {
-    ref,
-    className: cn(
-      "tw:hidden",
-      "tw:group-data-[empty]/combobox-content:flex",
-      "tw:justify-center",
-      "tw:items-center",
-      "tw:text-center",
-      "tw:px-2",
-      "tw:text-muted-foreground",
-      "tw:py-6",
-      className
-    ),
-    ...props
-  }
-);
-var ComboboxInput = ({ ref, ...props }) => /* @__PURE__ */ jsx(Combobox$1.Input, { ...props, ref, render: /* @__PURE__ */ jsx(InputGroup.Input, {}) });
-var ComboboxInputGroup = ({
-  ref,
-  state,
-  variant,
-  sizing,
-  focusVariant,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  Combobox$1.InputGroup,
-  {
-    ...props,
-    ref,
-    render: /* @__PURE__ */ jsx(
-      InputGroup,
-      {
-        state,
-        variant,
-        focusVariant,
-        sizing,
-        className
-      }
-    )
-  }
-);
-var ComboboxItemIndicator = ({ ref, className, variant = "check", ...props }) => {
-  if (variant === "checkbox") {
-    return /* @__PURE__ */ jsx(
-      Combobox$1.ItemIndicator,
-      {
-        ref,
-        keepMounted: true,
-        className: cn(
-          "tw:group/combobox-item-indicator",
-          "tw:inline-flex",
-          "tw:items-center",
-          "tw:justify-center",
-          "tw:size-4",
-          "tw:shrink-0",
-          "tw:rounded",
-          "tw:border",
-          "tw:border-input",
-          "tw:bg-background",
-          "tw:data-[selected]:bg-primary",
-          "tw:data-[selected]:border-primary",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          Check,
-          {
-            className: cn(
-              "tw:hidden",
-              "tw:size-3",
-              "tw:stroke-[4px]",
-              "tw:!text-primary-foreground",
-              "tw:group-data-[selected]/combobox-item-indicator:block"
-            )
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Combobox$1.ItemIndicator,
-    {
-      ...props,
-      ref,
-      className: cn(
-        "tw:pointer-events-none",
-        "tw:absolute",
-        "tw:right-2",
-        "tw:group-data-[variant=default]/combobox-content:right-4",
-        // `render={<Check />}` makes the icon the indicator element itself (not a descendant), so a
-        // `[&_svg]` rule never matches it — size it directly or Lucide renders at its 24px default.
-        "tw:size-4",
-        "tw:group-data-[highlighted]/combobox-item:text-accent-foreground",
-        "tw:group-data-[variant=default]/combobox-content:group-data-[highlighted]/combobox-item:text-foreground",
-        className
-      ),
-      render: /* @__PURE__ */ jsx(Check, {})
-    }
-  );
-};
-var ComboboxItem = ({
-  ref,
-  className,
-  children,
-  icon,
-  indicator: variant = "check",
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  Combobox$1.Item,
-  {
-    ...props,
-    ref,
-    "data-slot": "combobox-item",
-    className: cn(
-      "tw:group/combobox-item",
-      // layout
-      "tw:relative",
-      "tw:flex",
-      "tw:flex-1",
-      "tw:items-center",
-      "tw:gap-2",
-      // spacing
-      "tw:py-2",
-      "tw:px-2",
-      "tw:group-data-[variant=default]/combobox-content:px-4",
-      "tw:rounded-lg",
-      "tw:group-data-[variant=default]/combobox-content:rounded-none",
-      // typography
-      "tw:text-sm",
-      "tw:select-none",
-      "tw:cursor-default",
-      "tw:outline-hidden",
-      // highlighted (keyboard / hover)
-      "tw:data-[highlighted]:bg-accent",
-      "tw:group-data-[variant=default]/combobox-content:data-[highlighted]:bg-neutral-100",
-      "tw:data-[highlighted]:text-accent-foreground",
-      "tw:group-data-[variant=default]/combobox-content:data-[highlighted]:text-foreground",
-      // disabled
-      "tw:data-disabled:pointer-events-none",
-      "tw:data-disabled:opacity-50",
-      // child svg defaults
-      "tw:[&_svg]:pointer-events-none",
-      "tw:[&_svg]:shrink-0",
-      "tw:[&_svg]:text-muted-foreground",
-      "tw:[&_svg:not([class*='size-'])]:size-4",
-      className
-    ),
-    children: [
-      /* @__PURE__ */ jsx(ComboboxItemIndicator, { variant }),
-      icon,
-      /* @__PURE__ */ jsx("span", { className: "tw:truncate", children })
-    ]
-  }
-);
-var ComboboxList = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  Combobox$1.List,
-  {
-    ref,
-    className: cn(
-      "tw:no-scrollbar",
-      "tw:scroll-py-1",
-      "tw:overflow-y-auto",
-      "tw:overscroll-contain",
-      "tw:min-h-0",
-      "tw:flex-1",
-      "tw:p-2",
-      "tw:data-[empty]:p-0",
-      "tw:group-data-[variant=default]/combobox-content:p-0",
-      className
-    ),
-    ...props
-  }
-);
-var ComboboxRoot = (props) => /* @__PURE__ */ jsx(Combobox$1.Root, { ...props });
-var ComboboxSeparator = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  Combobox$1.Separator,
-  {
-    ref,
-    className: cn("tw:mx-2 tw:my-1 tw:h-px tw:bg-border", className),
-    ...props
-  }
-);
-var ComboboxGroup = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(
-  Combobox$1.Group,
-  {
-    ref,
-    className: cn("tw:flex tw:flex-col tw:gap-0.5", className),
-    ...props,
-    children
-  }
-);
-var ComboboxGroupLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  Combobox$1.GroupLabel,
-  {
-    ...props,
-    ref,
-    className: cn(
-      // Base (argo variant) — soft gray section label.
-      "tw:px-2",
-      "tw:py-1.5",
-      "tw:text-xs",
-      "tw:font-medium",
-      "tw:leading-none",
-      "tw:text-muted-foreground",
-      "tw:group-data-[variant=default]/combobox-content:uppercase",
-      "tw:group-data-[variant=default]/combobox-content:font-semibold",
-      "tw:group-data-[variant=default]/combobox-content:tracking-wider",
-      "tw:group-data-[variant=default]/combobox-content:text-[11px]",
-      "tw:group-data-[variant=default]/combobox-content:text-black",
-      "tw:group-data-[variant=default]/combobox-content:pt-2",
-      "tw:group-data-[variant=default]/combobox-content:px-4",
-      className
-    )
-  }
-);
-var ComboboxCollection = ({ ...props }) => /* @__PURE__ */ jsx(Combobox$1.Collection, { "data-slot": "combobox-collection", ...props });
-var VIRTUALIZE_THRESHOLD = 30;
-var ESTIMATED_ROW_HEIGHT = 40;
-var ESTIMATED_LIST_HEIGHT = 320;
-var Combobox = ({
-  // root props
-  items: _itemsProp,
-  value,
-  defaultValue,
-  onValueChange,
-  itemToStringLabel: itemToStringLabelProp,
-  itemToStringValue,
-  disabled,
-  filter,
-  inputRef,
-  onOpenChangeComplete,
-  isItemEqualToValue: isItemEqualToValueProp,
-  // input props
-  variant,
-  sizing,
-  focusVariant,
-  state,
-  placeholder,
-  allowClear,
-  id,
-  className,
-  // own props
-  empty = "No items",
-  indicator,
-  prefix,
-  virtualized = false,
-  // creatable
-  allowCreate,
-  queryToCreateValue,
-  queryToCreateLabel = defaultQueryToCreateLabel,
-  // own item props
-  itemToDisabled = defaultItemToDisabled,
-  itemToLabel = defaultItemToLabel,
-  itemToIcon = defaultItemToIcon,
-  groupToLabel = defaultGroupToLabel
-}) => {
-  const closeReasonRef = useRef(
-    "none"
-  );
-  const [inputValue, setInputValue] = useState(() => {
-    const initial = value !== void 0 ? value : defaultValue;
-    if (initial == null) return "";
-    return itemToStringLabelProp?.(initial) ?? toLabel(initial);
-  });
-  useEffect(() => {
-    if (value === void 0) return;
-    const label = value === null ? "" : itemToStringLabelProp?.(value) ?? toLabel(value);
-    setInputValue((prev) => prev === label ? prev : label);
-  }, [value]);
-  const selectedLabel = value == null ? void 0 : itemToStringLabelProp?.(value) ?? toLabel(value);
-  const isShowingSelection = selectedLabel !== void 0 && inputValue === selectedLabel;
-  const query = (isShowingSelection ? "" : inputValue).trim();
-  const queryLower = query.toLowerCase();
-  const itemsProp = _itemsProp ?? [];
-  const sampleItem = itemsProp.flatMap((item) => isGroupItem(item) ? item.items : [item])[0];
-  const [createdItems, setCreatedItems] = useState([]);
-  const allItems = (() => {
-    if (createdItems.length === 0) return itemsProp;
-    if (isGroupItems(itemsProp))
-      return [...itemsProp, { items: createdItems }];
-    return [...itemsProp, ...createdItems];
-  })();
-  const items = (() => {
-    if (!allowCreate || disabled) return allItems;
-    if (!query) return allItems;
-    const exactMatch = allItems.flatMap((item) => isGroupItem(item) ? item.items : [item]).some(
-      (item) => (itemToStringLabelProp?.(item) ?? toLabel(item)).toLowerCase() === queryLower
-    );
-    if (exactMatch) return allItems;
-    const creatable = isGroupItems(itemsProp) ? [{ items: [createCreatableItem(query)] }] : [createCreatableItem(query)];
-    return [...allItems, ...creatable];
-  })();
-  const itemToStringLabel = (value2) => {
-    if (isCreatableItem(value2)) return value2.value;
-    return itemToStringLabelProp?.(value2) ?? toLabel(value2);
-  };
-  const wrappedFilter = isShowingSelection ? () => true : !allowCreate || !filter ? filter : (item, ...args) => isCreatableItem(item) || filter(item, ...args);
-  const wrappedItemToStringValue = !allowCreate || !itemToStringValue ? itemToStringValue : (item) => isCreatableItem(item) ? item.value : itemToStringValue(item);
-  const isItemEqualToValue = (a, b) => {
-    if (isCreatableItem(a) || isCreatableItem(b)) return toValueKey(a) === toValueKey(b);
-    return isItemEqualToValueProp?.(a, b) ?? Object.is(a, b);
-  };
-  const handleInputValueChange = (value2, { reason }) => {
-    if (["input-clear", "none"].includes(reason) && ["item-press", "creatable-item-press"].includes(closeReasonRef.current)) {
-      closeReasonRef.current = "none";
-      return;
-    }
-    if (reason === "none" && closeReasonRef.current == "outside-click") {
-      closeReasonRef.current = "none";
-      setInputValue(value2);
-      return;
-    }
-    setInputValue(value2);
-  };
-  const handleOnOpenChangeComplete = (open) => {
-    onOpenChangeComplete?.(open);
-    if (open) return;
-    if (closeReasonRef.current !== "none") return;
-    closeReasonRef.current = "outside-click";
-  };
-  const handleOnValueChange = (next, event) => {
-    if (isCreatableItem(next)) {
-      const newValue = defaultToCreateValue(next.value, sampleItem, queryToCreateValue);
-      closeReasonRef.current = "creatable-item-press";
-      setCreatedItems((prev) => [...prev, newValue]);
-      onValueChange?.(newValue, event);
-      return;
-    }
-    closeReasonRef.current = "item-press";
-    onValueChange?.(next, event);
-  };
-  const [listElement, setListElement] = useState(null);
-  const isGrouped = isGroupItems(allItems);
-  const shouldVirtualize = !isGrouped && (virtualized === true || virtualized === "auto" && allItems.length > VIRTUALIZE_THRESHOLD);
-  const matchesQuery = (item) => {
-    if (isCreatableItem(item)) return true;
-    if (!query) return true;
-    if (filter) return !!filter(item, query, (value2) => itemToStringLabel(value2) ?? toLabel(value2));
-    return (itemToStringLabel(item) ?? toLabel(item)).toLowerCase().includes(queryLower);
-  };
-  const virtualItems = shouldVirtualize ? items.filter(matchesQuery) : [];
-  const virtualizer = useVirtualizer({
-    count: virtualItems.length,
-    getScrollElement: () => listElement,
-    estimateSize: () => ESTIMATED_ROW_HEIGHT,
-    overscan: 12,
-    enabled: shouldVirtualize,
-    // Seed a viewport height so rows paint on the first frame. Without it the list measures 0 until
-    // the ResizeObserver fires (a frame later), which renders an empty popup on open.
-    initialRect: { width: 0, height: ESTIMATED_LIST_HEIGHT }
-  });
-  const renderItem = (item, index) => {
-    if (isCreatableItem(item)) {
-      return /* @__PURE__ */ jsx(Combobox.Item, { index, value: item, icon: /* @__PURE__ */ jsx(Plus, {}), children: queryToCreateLabel(item.value) });
-    }
-    return /* @__PURE__ */ jsx(
-      Combobox.Item,
-      {
-        index,
-        value: item,
-        indicator,
-        icon: itemToIcon(item),
-        disabled: itemToDisabled(item),
-        children: itemToLabel(item)
-      }
-    );
-  };
-  const rowStyle = (offset) => ({
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: "100%",
-    transform: `translateY(${offset}px)`
-  });
-  return /* @__PURE__ */ jsxs(
-    Combobox$1.Root,
-    {
-      items: shouldVirtualize ? virtualItems : items,
-      value,
-      defaultValue,
-      filter: shouldVirtualize ? null : wrappedFilter,
-      onValueChange: handleOnValueChange,
-      itemToStringLabel,
-      isItemEqualToValue,
-      itemToStringValue: wrappedItemToStringValue,
-      onOpenChangeComplete: handleOnOpenChangeComplete,
-      disabled,
-      inputRef,
-      inputValue,
-      onInputValueChange: handleInputValueChange,
-      virtualized: shouldVirtualize,
-      onItemHighlighted: (_, details) => {
-        if (shouldVirtualize && details.reason === "keyboard") {
-          virtualizer.scrollToIndex(details.index);
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          ComboboxInputGroup,
-          {
-            variant,
-            sizing,
-            state,
-            focusVariant,
-            className,
-            children: [
-              prefix && /* @__PURE__ */ jsx(InputGroup.Addon, { align: "inline-start", children: prefix }),
-              /* @__PURE__ */ jsx(ComboboxInput, { id, placeholder, disabled }),
-              /* @__PURE__ */ jsxs(InputGroup.Addon, { align: "inline-end", children: [
-                allowClear && /* @__PURE__ */ jsx(InputGroup.Button, { asChild: true, "aria-label": "Clear", disabled, children: /* @__PURE__ */ jsx(Combobox$1.Clear, { children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" }) }) }),
-                /* @__PURE__ */ jsx(InputGroup.Button, { disabled, asChild: true, "aria-label": "Open combobox", children: /* @__PURE__ */ jsx(Combobox$1.Trigger, { children: /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-4" }) }) })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(ComboboxContent, { children: [
-          /* @__PURE__ */ jsx(ComboboxEmpty, { children: empty }),
-          shouldVirtualize ? /* @__PURE__ */ jsx(ComboboxList, { ref: setListElement, children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                position: "relative",
-                width: "100%",
-                height: `${virtualizer.getTotalSize()}px`
-              },
-              children: virtualizer.getVirtualItems().map((row) => {
-                const item = virtualItems[row.index];
-                if (item === void 0) return null;
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-index": row.index,
-                    ref: virtualizer.measureElement,
-                    style: rowStyle(row.start),
-                    children: renderItem(item, row.index)
-                  },
-                  row.key
-                );
-              })
-            }
-          ) }) : /* @__PURE__ */ jsx(ComboboxList, { children: (itemOrGroup) => {
-            if (isCreatableItem(itemOrGroup))
-              return /* @__PURE__ */ jsx(Combobox.Item, { value: itemOrGroup, icon: /* @__PURE__ */ jsx(Plus, {}), children: queryToCreateLabel(itemOrGroup.value) });
-            if (isGroupItem(itemOrGroup)) {
-              const maybeCreatable = itemOrGroup.items[0];
-              if (isCreatableItem(maybeCreatable)) {
-                return /* @__PURE__ */ jsx(Combobox.Item, { value: maybeCreatable, icon: /* @__PURE__ */ jsx(Plus, {}), children: queryToCreateLabel(maybeCreatable.value) });
-              }
-              const groupLabel = groupToLabel(itemOrGroup);
-              return /* @__PURE__ */ jsxs(Combobox.Group, { items: itemOrGroup.items, children: [
-                groupLabel && /* @__PURE__ */ jsx(Combobox.GroupLabel, { children: groupLabel }),
-                /* @__PURE__ */ jsx(Combobox.GroupList, { children: (item) => renderItem(item) })
-              ] });
-            }
-            return renderItem(itemOrGroup);
-          } })
-        ] })
-      ]
-    }
-  );
-};
-Combobox.Root = ComboboxRoot;
-Combobox.InputGroup = ComboboxInputGroup;
-Combobox.Input = ComboboxInput;
-Combobox.Content = ComboboxContent;
-Combobox.List = ComboboxList;
-Combobox.Item = ComboboxItem;
-Combobox.Empty = ComboboxEmpty;
-Combobox.Value = Combobox$1.Value;
-Combobox.Separator = ComboboxSeparator;
-Combobox.Group = ComboboxGroup;
-Combobox.GroupLabel = ComboboxGroupLabel;
-Combobox.GroupList = ComboboxCollection;
-Combobox.Chips = ComboboxChips;
-
-// 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;
-      }
-    }
-  }
-  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,
-  // group props
-  state,
-  variant,
-  focusVariant,
-  sizing,
-  className,
-  // own props
-  value,
-  defaultValue,
-  onValueChange,
-  onValueBlur,
-  onChange,
-  onBlur,
-  onFocus,
-  allowClear = false,
-  disabledDays,
-  endMonth,
-  startMonth,
-  // input props
-  disabled,
-  readOnly,
-  placeholder = "Select a date",
-  ...restInputProps
-}) => {
-  const inputRef = useRef(null);
-  const [inputValue, setInputValue] = useState("");
-  const [hasFocus, setHasFocus] = useState(false);
-  const [isOpen, setIsOpen] = useState(false);
-  const [month, setMonth2] = useState(/* @__PURE__ */ new Date());
-  const [currentValue, setCurrentValue] = useControllableState({
-    prop: value,
-    defaultProp: defaultValue ?? null
-  });
-  const canClear = allowClear && !!currentValue && !disabled && !readOnly;
-  const showPicker = !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__ */ jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          InputGroup.Input,
-          {
-            ...restInputProps,
-            ref: mergeRefs(ref ?? null, inputRef),
-            type: "text",
-            value: displayValue,
-            placeholder,
-            onChange: handleChange,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            disabled,
-            readOnly
-          }
-        ),
-        (canClear || showPicker) && /* @__PURE__ */ jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          canClear && /* @__PURE__ */ jsx(
-            InputGroup.Button,
-            {
-              "aria-label": "Clear date",
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: handleClear,
-              children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
-            }
-          ),
-          showPicker && /* @__PURE__ */ jsx(
-            DatePicker,
-            {
-              disabled: disabledDays,
-              endMonth,
-              mode: "single",
-              month,
-              onMonthChange: setMonth2,
-              onOpenChange: handleOpenChange,
-              onSelect: handleDatePickerChange,
-              open: isOpen,
-              selected: currentValue ?? void 0,
-              startMonth,
-              children: /* @__PURE__ */ jsx(InputGroup.Button, { "aria-label": "Select Date", children: /* @__PURE__ */ jsx(Calendar, { className: "tw:size-4" }) })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var PasswordInput = ({
-  ref,
-  // group props
-  state,
-  variant,
-  focusVariant,
-  sizing,
-  className,
-  // own props
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  onValueBlur,
-  onChange,
-  onBlur,
-  onKeyDown,
-  onKeyUp,
-  onMouseDown,
-  allowClear = false,
-  allowPasswordToggle = false,
-  passwordToggleLabel,
-  autoComplete = "new-password",
-  defaultPasswordVisibility = false,
-  // input props
-  disabled,
-  readOnly,
-  ...restInputProps
-}) => {
-  const inputRef = useRef(null);
-  const [value, setValue] = useControllableState({
-    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.
-    prop: valueProp === null ? "" : valueProp,
-    defaultProp: defaultValue ?? "",
-    onChange: onValueChange
-  });
-  const [capsLock, setCapsLock] = useState(false);
-  const [isPasswordVisible, setIsPasswordVisible] = useState(defaultPasswordVisibility);
-  const canClear = allowClear && !!value && !disabled && !readOnly;
-  const handleChange = (event) => {
-    setValue(event.target.value);
-    onChange?.(event);
-  };
-  const handleBlur = (event) => {
-    if (capsLock) setCapsLock(false);
-    onValueBlur?.(event.target.value);
-    onBlur?.(event);
-  };
-  const handleKeyDown = (event) => {
-    const isOn = event.getModifierState("CapsLock");
-    if (isOn !== capsLock) setCapsLock(isOn);
-    onKeyDown?.(event);
-  };
-  const handleKeyUp = (event) => {
-    const isOn = event.getModifierState("CapsLock");
-    if (isOn !== capsLock) setCapsLock(isOn);
-    onKeyUp?.(event);
-  };
-  const handleMouseDown = (event) => {
-    const isOn = event.getModifierState("CapsLock");
-    if (isOn !== capsLock) setCapsLock(isOn);
-    onMouseDown?.(event);
-  };
-  const handleClear = () => {
-    if (!inputRef.current) return;
-    inputRef.current.value = "";
-    setValue("");
-    onChange?.(createChangeInputEvent(inputRef.current));
-  };
-  const handleTogglePasswordVisibility = () => {
-    setIsPasswordVisible((prev) => !prev);
-  };
-  return /* @__PURE__ */ jsxs(
-    InputGroup,
-    {
-      state,
-      variant,
-      sizing,
-      focusVariant,
-      className,
-      children: [
-        /* @__PURE__ */ jsx(
-          InputGroup.Input,
-          {
-            ...restInputProps,
-            ref: mergeRefs(ref ?? null, inputRef),
-            type: isPasswordVisible ? "text" : "password",
-            autoComplete,
-            value,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            onKeyDown: handleKeyDown,
-            onKeyUp: handleKeyUp,
-            onMouseDown: handleMouseDown,
-            disabled,
-            readOnly
-          }
-        ),
-        (capsLock || canClear || allowPasswordToggle) && /* @__PURE__ */ jsxs(InputGroup.Addon, { align: "inline-end", children: [
-          capsLock && /* @__PURE__ */ jsx(ArrowBigUpDash, { className: "tw:size-4 tw:text-primary", children: /* @__PURE__ */ jsx("title", { children: "Caps Lock is on" }) }),
-          canClear && /* @__PURE__ */ jsx(
-            InputGroup.Button,
-            {
-              "aria-label": "Clear password",
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: handleClear,
-              children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
-            }
-          ),
-          allowPasswordToggle && /* @__PURE__ */ jsx(
-            InputGroup.Button,
-            {
-              "aria-label": `${isPasswordVisible ? "Hide password" : "Show password"}${passwordToggleLabel ? `: ${passwordToggleLabel}` : ""}`,
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: handleTogglePasswordVisibility,
-              children: isPasswordVisible ? /* @__PURE__ */ jsx(EyeOff, { className: "tw:size-4" }) : /* @__PURE__ */ jsx(Eye, { className: "tw:size-4" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var CollapsibleContent = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(
-  Content$1,
-  {
-    ref,
-    className: cn(
-      "tw:data-[state=closed]:animate-collapsible-up",
-      "tw:data-[state=open]:animate-collapsible-down",
-      className
-    ),
-    ...props,
-    children
-  }
-);
-var Collapsible = (props) => /* @__PURE__ */ jsx(Root$2, { ...props });
-Collapsible.Trigger = CollapsibleTrigger;
-Collapsible.Content = CollapsibleContent;
-var AlertAction = ({ ref, className, asChild = false, ...props }) => {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ...props,
-      ref,
-      className: cn(
-        "tw:col-start-3",
-        "tw:row-start-1",
-        "tw:self-start",
-        "tw:flex",
-        "tw:gap-2",
-        className
-      )
-    }
-  );
-};
-var AlertCollapsibleIcon = ({ open }) => /* @__PURE__ */ jsx(Tooltip, { placement: "top", tooltip: open ? "Collapse alert" : "Expand alert", triggerAsChild: true, children: /* @__PURE__ */ jsx(
-  ChevronDown,
-  {
-    className: cn(
-      "tw:mt-px",
-      "tw:size-5",
-      "tw:text-neutral-400",
-      "tw:group-data-[state=open]/alert:rotate-180",
-      // Legacy uses the fixed categorical hover scales; argo uses the themeable status tokens.
-      "tw:group-data-[variant=info]/alert:group-hover:text-blue-600",
-      "tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:group-hover:text-info",
-      "tw:group-data-[variant=warning]/alert:group-hover:text-warning-600",
-      "tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:group-hover:text-warning",
-      "tw:group-data-[variant=error]/alert:group-hover:text-error-600",
-      "tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:group-hover:text-destructive",
-      "tw:group-data-[variant=success]/alert:group-hover:text-green-600",
-      "tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:group-hover:text-success"
-    )
-  }
-) });
-var AlertDescription = ({ ref, children, className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ...rest,
-    ref,
-    className: cn(
-      "tw:col-start-2",
-      "tw:group-has-[[data-slot=alert-title]]/alert:col-end-[-1]",
-      // spacer before description when a title exists (pseudo-element so it animates with Collapsible)
-      "tw:group-has-[[data-slot=alert-title]]/alert:before:block",
-      "tw:group-has-[[data-slot=alert-title]]/alert:before:h-4",
-      "tw:group-has-[[data-slot=alert-title]]/alert:before:content-['']",
-      "tw:break-anywhere",
-      // Default size for nested Lucide icons; callers can override on the icon.
-      "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
-      "tw:[&_svg]:shrink-0",
-      className
-    ),
-    children
-  }
-);
-var VARIANT_ICONS = {
-  info: /* @__PURE__ */ jsx(Info, {}),
-  warning: /* @__PURE__ */ jsx(AlertTriangle, {}),
-  error: /* @__PURE__ */ jsx(AlertTriangle, {}),
-  success: /* @__PURE__ */ jsx(CircleCheck, {})
-};
-var AlertIcon = ({ variant, icon, className, ...rest }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ...rest,
-    "data-slot": "alert-icon",
-    className: cn(
-      "tw:inline-flex",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:self-start",
-      "tw:p-0.5",
-      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-      // Legacy uses the fixed categorical icon scales; argo uses the themeable status tokens.
-      "tw:group-data-[variant=info]/alert:text-blue-500",
-      "tw:group-data-[variant=info]/alert:group-data-[argo=true]/alert:text-info",
-      "tw:group-data-[variant=warning]/alert:text-warning-500",
-      "tw:group-data-[variant=warning]/alert:group-data-[argo=true]/alert:text-warning",
-      "tw:group-data-[variant=error]/alert:text-error-500",
-      "tw:group-data-[variant=error]/alert:group-data-[argo=true]/alert:text-destructive",
-      "tw:group-data-[variant=success]/alert:text-green-500",
-      "tw:group-data-[variant=success]/alert:group-data-[argo=true]/alert:text-success",
-      className
-    ),
-    children: icon ?? VARIANT_ICONS[variant]
-  }
-);
-var AlertRoot = ({ ref, children, className, variant, ...rest }) => {
-  const renderArgo = useArgoDesign();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...rest,
-      ref,
-      "data-variant": variant,
-      "data-argo": renderArgo,
-      className: cn(
-        "tw:group/alert",
-        // layout
-        "tw:grid",
-        "tw:grid-cols-[0_1fr_auto]",
-        "tw:has-[[data-slot=alert-icon]]:grid-cols-[auto_1fr_auto]",
-        "tw:has-[[data-slot=alert-icon]]:gap-x-2",
-        // fonts
-        "tw:text-sm",
-        // Legacy keeps the fixed neutral text; argo uses the semantic foreground
-        // so the alert flips with the brand's light/dark palette (the categorical
-        // variant tint stays — only the text token becomes brand-aware).
-        "tw:text-neutral-800",
-        "tw:data-[argo=true]:text-foreground",
-        "tw:text-left",
-        "tw:p-4",
-        // border — legacy keeps a fixed radius; argo follows the brand radius token.
-        "tw:rounded",
-        "tw:data-[argo=true]:rounded-[var(--radius-lg,0.25rem)]",
-        "tw:border",
-        "tw:border-solid",
-        // Variant tint + border. Legacy keeps the fixed categorical scales (solid
-        // pastel tint); argo uses the brand-overridable status tokens (bg at 10%,
-        // border at 25%) so status re-skins with the brand. The argo tokens carry
-        // AA-legible defaults, so the variant icon (AlertIcon, full-strength
-        // `tw:text-<role>`) clears ≥4.5:1 on the tint in both light and dark.
-        "tw:data-[variant=info]:bg-blue-100",
-        "tw:data-[variant=info]:border-blue-200",
-        "tw:data-[variant=info]:data-[argo=true]:bg-info/10",
-        "tw:data-[variant=info]:data-[argo=true]:border-info/25",
-        "tw:data-[variant=warning]:bg-warning-100",
-        "tw:data-[variant=warning]:border-warning-300",
-        "tw:data-[variant=warning]:data-[argo=true]:bg-warning/10",
-        "tw:data-[variant=warning]:data-[argo=true]:border-warning/25",
-        "tw:data-[variant=error]:bg-error-100",
-        "tw:data-[variant=error]:border-error-200",
-        "tw:data-[variant=error]:data-[argo=true]:bg-destructive/10",
-        "tw:data-[variant=error]:data-[argo=true]:border-destructive/25",
-        "tw:data-[variant=success]:bg-green-100",
-        "tw:data-[variant=success]:border-green-200",
-        "tw:data-[variant=success]:data-[argo=true]:bg-success/10",
-        "tw:data-[variant=success]:data-[argo=true]:border-success/25",
-        className
-      ),
-      children
-    }
-  );
-};
-var AlertTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ...props,
-    ref,
-    "data-slot": "alert-title",
-    className: cn(
-      "tw:group/alert-title",
-      "tw:flex",
-      "tw:col-start-2",
-      "tw:font-medium",
-      "tw:items-center",
-      className
-    )
-  }
-);
-var Alert = ({
-  title,
-  variant = "info",
-  children,
-  hideIcon = false,
-  icon,
-  className,
-  actions,
-  mode = "default",
-  // collapsible props
-  defaultOpen = true,
-  open: openProp,
-  onOpenChange: onOpenChangeProp,
-  ...rest
-}) => {
-  const isControlled = openProp !== void 0;
-  const [innerOpen, setInnerOpen] = useState(defaultOpen);
-  const open = isControlled ? openProp : innerOpen;
-  const handleOpenChange = (nextOpen) => {
-    if (!isControlled) {
-      setInnerOpen(nextOpen);
-    }
-    onOpenChangeProp?.(nextOpen);
-  };
-  const isCollapsible = mode === "collapsible" && !!title && !!children && !actions;
-  if (isCollapsible)
-    return /* @__PURE__ */ jsx(Collapsible, { open, onOpenChange: handleOpenChange, asChild: true, children: /* @__PURE__ */ jsxs(AlertRoot, { ...rest, variant, className, children: [
-      /* @__PURE__ */ jsxs(
-        Collapsible.Trigger,
-        {
-          className: cn(
-            "tailwindcss-preflight",
-            "tw:group",
-            "tw:col-span-full",
-            "tw:grid",
-            "tw:grid-cols-subgrid",
-            "tw:rounded-sm",
-            "tw:focus-visible:outline",
-            "tw:focus-visible:outline-2",
-            "tw:focus-visible:outline-ring"
-          ),
-          children: [
-            !hideIcon && /* @__PURE__ */ jsx(AlertIcon, { variant, icon }),
-            /* @__PURE__ */ jsx(AlertTitle, { children: title }),
-            /* @__PURE__ */ jsx(AlertCollapsibleIcon, { open })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Collapsible.Content, { asChild: true, children: /* @__PURE__ */ jsx(AlertDescription, { children }) })
-    ] }) });
-  return /* @__PURE__ */ jsxs(AlertRoot, { ...rest, variant, className, children: [
-    !hideIcon && /* @__PURE__ */ jsx(AlertIcon, { variant, icon }),
-    title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
-    children && /* @__PURE__ */ jsx(AlertDescription, { children }),
-    actions && /* @__PURE__ */ jsx(AlertAction, { children: actions })
-  ] });
-};
-var Collapse = ({
-  open,
-  header,
-  className,
-  bodyClassName,
-  children,
-  onClick,
-  animationClassName,
-  hidden,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...rest,
-      hidden,
-      role: onClick && "button",
-      tabIndex: onClick ? 0 : void 0,
-      onClick,
-      onKeyDown: (e) => {
-        if (onClick && (e.key === "Enter" || e.key === " ")) {
-          onClick();
-        }
-      },
-      "data-state": open ? "open" : "closed",
-      className: cn("tw:group tw:flex tw:flex-col", className, {
-        "tw:cursor-pointer": onClick,
-        "tw:hidden": hidden
-      }),
-      children: [
-        header,
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "tw:grid tw:duration-300",
-              open ? "tw:grid-rows-[1fr]" : "tw:grid-rows-[0fr]",
-              animationClassName
-            ),
-            children: /* @__PURE__ */ jsx("div", { className: cn("tw:overflow-hidden", open && "tw:animate-collapseDown", bodyClassName), children })
-          }
-        )
-      ]
-    }
-  );
-};
-var headerVariants = cva(
-  "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground",
-  {
-    variants: {
-      variant: {
-        default: "tw:bg-muted",
-        white: "tw:bg-card"
-      },
-      isDisabled: {
-        true: "tw:cursor-not-allowed tw:opacity-50",
-        false: ""
-      },
-      hasEnforcedState: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isDisabled: false,
-        hasEnforcedState: false,
-        class: "tw:cursor-pointer tw:hover:text-primary"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      isDisabled: false,
-      hasEnforcedState: false
-    }
-  }
-);
-var CollapsiblePanel = ({
-  header,
-  className,
-  bodyClassName,
-  headerClassName,
-  defaultExpanded = false,
-  isDisabled = false,
-  children,
-  isOpen,
-  onToggle,
-  variant = "default"
-}) => {
-  const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);
-  const open = isOpen ?? isUncontrolledOpen;
-  const hasEnforcedState = isOpen !== void 0 && onToggle === void 0;
-  const handleCollapse = (event) => {
-    if (event) {
-      event.stopPropagation();
-    }
-    if (!isDisabled) {
-      setIsUncontrolledOpen(!isUncontrolledOpen);
-    }
-  };
-  const handleClick = (e) => {
-    if (onToggle) {
-      onToggle(e);
-      return;
-    }
-    handleCollapse(e);
-  };
-  const handleKeyUp = (e) => {
-    if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {
-      handleClick(e);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Collapse,
-    {
-      open,
-      className: cn(
-        "tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card",
-        className
-      ),
-      header: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName),
-          ...!hasEnforcedState && !isDisabled && {
-            role: "button",
-            tabIndex: 0,
-            onClick: handleClick,
-            onKeyUp: handleKeyUp
-          },
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground", children: header }),
-            !isDisabled && /* @__PURE__ */ jsx("div", { className: "tw:ml-auto tw:shrink-0", children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("tw:size-5 tw:group-data-[state=open]:rotate-180") }) })
-          ]
-        }
-      ),
-      children: /* @__PURE__ */ jsx("div", { className: cn("tw:px-4 tw:py-3", bodyClassName), children })
-    }
-  );
-};
-
-// src/components/Tabs/styles.ts
-var tabsListWrapperClass = "tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b tw:border-solid tw:border-border";
-var tabsListClass = "tw:flex tw:gap-8 tw:shrink-0 tw:w-max";
-var tabsTriggerGroupClass = "tw:group/tab-trigger-group tw:flex tw:shrink-0 tw:items-center";
-var tabsTriggerClass = "tw:focus-visible:outline-hidden tw:focus-visible:ring-2 tw:focus-visible:ring-inset tw:focus-visible:ring-ring tw:flex tw:justify-center tw:items-center tw:gap-1.5 tw:bg-transparent tw:shrink-0 tw:border-t-0 tw:border-x-0 tw:border-b-[3px] tw:border-solid tw:border-transparent tw:pt-2.5 tw:pb-5 tw:px-0 tw:m-0 tw:font-medium tw:leading-5 tw:text-muted-foreground tw:text-base tw:data-[state=active]:text-primary tw:data-[state=active]:border-primary tw:data-[disabled]:text-muted-foreground tw:data-[disabled]:opacity-50 tw:data-[disabled]:cursor-not-allowed tw:group-hover/tab-trigger-group:enabled:text-primary tw:group-hover/tab-trigger-group:enabled:border-primary tw:group-hover/tab-trigger-group:enabled:cursor-pointer";
-var tabsTriggerCompactClass = "tw:text-sm tw:pb-4";
-var TabsList = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(ScrollArea, { orientation: "horizontal", className: tabsListWrapperClass, children: /* @__PURE__ */ jsx(RadixTabs.List, { ...rest, "data-slot": "tabs-list", className: cn(tabsListClass, className), children }) });
-var TabsTrigger = ({ className, compact = false, ...rest }) => /* @__PURE__ */ jsx(
-  RadixTabs.Trigger,
-  {
-    "data-slot": "tabs-trigger",
-    ...rest,
-    className: cn(tabsTriggerClass, compact && tabsTriggerCompactClass, className)
-  }
-);
-var Tabs = ({
-  triggers,
-  compact = false,
-  children,
-  defaultValue,
-  onValueChange,
-  rootClassName,
-  listClassName,
-  triggerClassName,
-  triggerGroupClassName,
-  ...rest
-}) => /* @__PURE__ */ jsxs(
-  RadixTabs.Root,
-  {
-    ...rest,
-    "data-slot": "tabs-root",
-    className: cn("tw:flex tw:flex-col tw:gap-6", rootClassName),
-    defaultValue: defaultValue ?? triggers[0]?.value,
-    onValueChange,
-    children: [
-      /* @__PURE__ */ jsx(TabsList, { className: listClassName, children: triggers.map(({ value, title, onClose, className: callerClassName, ...triggerRest }) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(tabsTriggerGroupClass, triggerGroupClassName),
-          "data-slot": "tabs-trigger-group",
-          children: [
-            /* @__PURE__ */ jsx(
-              TabsTrigger,
-              {
-                value,
-                compact,
-                ...triggerRest,
-                className: cn(triggerClassName, callerClassName),
-                children: title
-              }
-            ),
-            onClose && /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "inline",
-                size: "icon-3xs",
-                disabled: triggerRest.disabled,
-                onClick: () => onClose(value),
-                onMouseDown: (e) => e.preventDefault(),
-                className: "tw:!size-8 tw:opacity-0 tw:duration-200 tw:focus-visible:opacity-100 tw:group-focus-within/tab-trigger-group:opacity-100 tw:group-hover/tab-trigger-group:opacity-100",
-                "aria-label": typeof title === "string" ? `Close ${title}` : "Close tab",
-                children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" })
-              }
-            )
-          ]
-        },
-        value
-      )) }),
-      children
-    ]
-  }
-);
-var TabsContent = (props) => /* @__PURE__ */ jsx(RadixTabs.Content, { "data-slot": "tabs-content", tabIndex: -1, ...props });
+Calendar.displayName = "Calendar";
 
-export { Alert, Badge, Calendar2 as Calendar, Checkbox, Collapse, Collapsible, CollapsiblePanel, Combobox, DateInput, DatePicker, FieldBox, Link, PasswordInput, Popover, RadioGroup, Separator, Tabs, TabsContent, createCreatableItem, debounce, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultItemToLabel, defaultQueryToCreateLabel, defaultToCreateValue, isCreatableItem, isGroupItem, isGroupItems, isLabeledItem, toLabel };
-//# sourceMappingURL=chunk-6FPEI4EM.js.map
-//# sourceMappingURL=chunk-6FPEI4EM.js.map
+export { Calendar };
+//# sourceMappingURL=chunk-YI3WLXEN.js.map
+//# sourceMappingURL=chunk-YI3WLXEN.js.map