@keboola/design 6.2.0 → 6.4.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, MouseEvent as MouseEvent$1, HTMLAttributes, RefObject, MouseEventHandler, ComponentPropsWithRef, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
+import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, ComponentPropsWithRef, MouseEvent as MouseEvent$1, HTMLAttributes, RefObject, MouseEventHandler, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, MutableRefObject, RefCallback } from 'react';
 import * as class_variance_authority from 'class-variance-authority';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -56,7 +56,7 @@ import { AnyFormApi } from '@tanstack/react-form';
 import { ClassValue } from 'clsx';
 export { Slot } from '@radix-ui/react-slot';
 
-declare const variants$3: (props?: ({
+declare const variants$4: (props?: ({
     block?: boolean | null | undefined;
     variant?: "primary" | "secondary" | "inline" | "danger" | "invisible" | "outline" | null | undefined;
     size?: "medium" | "small" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
@@ -74,12 +74,12 @@ declare const argoVariants: (props?: ({
  * for height (including `icon-*` sizes when rendering icon-only). Icons are
  * composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
  */
-type Props$1V = {
+type Props$1X = {
     /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
     isLoading?: boolean;
     /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
     asChild?: boolean;
-} & ComponentProps<'button'> & VariantProps<typeof variants$3>;
+} & ComponentProps<'button'> & VariantProps<typeof variants$4>;
 /**
  * Primary action surface for the design system — covers all clickable controls except inline text links.
  *
@@ -93,7 +93,7 @@ type Props$1V = {
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
  * @see RECIPES.md#confirm-dialog — for destructive-action confirmation
  */
-declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1V & {
+declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1X & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -101,10 +101,10 @@ declare const buttonInlineVariants: (props?: ({
     color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
     variant?: "link" | "custom" | "link-reverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1U = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
+type Props$1W = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
     asChild?: boolean;
 };
-declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1U & {
+declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1W & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -112,18 +112,18 @@ declare const buttonGroupVariant: (props?: ({
     variant?: "inline" | "block" | null | undefined;
     space?: "medium" | "small" | "large" | "extra-small" | "little-small" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1T = {
+type Props$1V = {
     children: ReactNode;
     className?: string;
 } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
-declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1T & {
+declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1V & {
     ref?: Ref<ElementRef<"div">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type Variant$8 = ComponentProps<typeof Button>['variant'];
 type Size = NonNullable<ComponentProps<typeof Button>['size']>;
 type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
-type Props$1S = {
+type Props$1U = {
     actions?: ReactNode;
     isActionsOpen?: boolean;
     onActionsOpenChange?: (open: boolean) => void;
@@ -132,7 +132,7 @@ type Props$1S = {
     variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
     size?: SpitButtonSize;
 } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
-declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1S & {
+declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1U & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element) & {
     Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
@@ -146,11 +146,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
     Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 };
 
-type Props$1R = {
+type Props$1T = {
     className?: string;
 } & PropsWithChildren;
 declare const MultiActionButtonGroup: {
-    ({ children, className }: Props$1R): react_jsx_runtime.JSX.Element;
+    ({ children, className }: Props$1T): react_jsx_runtime.JSX.Element;
     Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
         disabled?: boolean;
         icon: react.ReactNode;
@@ -168,11 +168,11 @@ declare const toggleVariants: (props?: ({
     size?: "medium" | "small" | "large" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1Q = {
+type Props$1S = {
     icon?: ReactNode;
     badge?: ReactNode;
 } & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
-declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1Q & {
+declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1S & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -193,11 +193,11 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$8 & {
 declare const tooltipVariants: (props?: ({
     variant?: "action" | "explanatory" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1P = {
+type Props$1R = {
     keepOpenOnPointerDownOutside?: boolean;
     placement?: ComponentProps<typeof Content>['side'];
 } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
-declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1P) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1R) => react_jsx_runtime.JSX.Element;
 
 type TriggerProps$1 = {
     triggerAsChild?: boolean;
@@ -206,7 +206,7 @@ type TriggerProps$1 = {
  * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
  * `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
  */
-type Props$1O = {
+type Props$1Q = {
     /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
     keepOpenOnTriggerClick?: boolean;
     /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
@@ -236,7 +236,7 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
  * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
  */
 declare const Tooltip: {
-    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1O): react_jsx_runtime.JSX.Element;
+    ({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1Q): react_jsx_runtime.JSX.Element;
     Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
     Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
         keepOpenOnPointerDownOutside?: boolean;
@@ -251,30 +251,30 @@ declare const Tooltip: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$1N = {
-    tooltip?: Props$1O['tooltip'];
-    tooltipPlacement?: Props$1O['placement'];
-    tooltipVariant?: Props$1O['variant'];
-    asChild?: Props$1O['triggerAsChild'];
+type Props$1P = {
+    tooltip?: Props$1Q['tooltip'];
+    tooltipPlacement?: Props$1Q['placement'];
+    tooltipVariant?: Props$1Q['variant'];
+    asChild?: Props$1Q['triggerAsChild'];
     text?: string | (() => string);
 } & ComponentProps<'button'>;
-declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1N & {
+declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1P & {
     ref?: Ref<ElementRef<"button">>;
 }) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
-type Props$1M = ClipboardProps$1 & ButtonProps$2 & {
+type Props$1O = ClipboardProps$1 & ButtonProps$2 & {
     icon?: ReactNode;
 };
-declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1M) => react_jsx_runtime.JSX.Element;
+declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1O) => react_jsx_runtime.JSX.Element;
 
 type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
 type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
-type Props$1L = {
+type Props$1N = {
     hideIcon?: boolean;
 } & ClipboardProps & ButtonProps$1;
-declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1L) => react_jsx_runtime.JSX.Element;
+declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1N) => react_jsx_runtime.JSX.Element;
 
 /**
  * Compound component for readonly value/command boxes with inline copy.
@@ -379,6 +379,35 @@ declare const CopyField: {
     }) => react_jsx_runtime.JSX.Element | null;
 };
 
+/** The same Microsoft mark supports these call-to-action wordings. */
+declare const LABELS$1: {
+    readonly signin: "Sign in with Microsoft";
+    readonly signup: "Sign up with Microsoft";
+    readonly continue: "Continue with Microsoft";
+};
+type Props$1M = ComponentPropsWithRef<'button'> & {
+    label?: keyof typeof LABELS$1;
+    isLoading?: boolean;
+};
+declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1M) => react_jsx_runtime.JSX.Element;
+
+declare const LABELS: {
+    readonly signin: "Sign in with Google";
+    readonly signup: "Sign up with Google";
+    readonly continue: "Continue with Google";
+    readonly 'signin-short': "Sign in";
+};
+declare const variants$3: (props?: ({
+    variant?: "default" | "neutral" | null | undefined;
+    shape?: "circle" | "rectangular" | null | undefined;
+    size?: "icon" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type Props$1L = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$3> & {
+    label?: keyof typeof LABELS;
+    isLoading?: boolean;
+};
+declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$1L) => react_jsx_runtime.JSX.Element;
+
 type Props$1K = ComponentProps<'a'>;
 declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1K & {
     ref?: Ref<ElementRef<"a">>;
@@ -436,7 +465,7 @@ declare const Modal: {
         as?: "form";
     }) => react_jsx_runtime.JSX.Element;
     Icon: ({ color, icon }: {
-        color: ("orange" | "blue" | "red" | "green" | "gray" | "violet") | (string & {});
+        color: ("blue" | "gray" | "green" | "orange" | "red" | "violet") | (string & {});
         icon: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Image: ({ src, alt }: {
@@ -1370,7 +1399,7 @@ declare const Command: {
 };
 
 declare const addonVariants$1: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Props$1y = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
 declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1y) => react_jsx_runtime.JSX.Element;
@@ -1972,8 +2001,8 @@ declare const RadioGroup: {
     } & {
         value: T;
         tooltip?: react.ReactNode;
-        tooltipVariant?: Props$1O["variant"];
-        tooltipPlacement?: Props$1O["placement"];
+        tooltipVariant?: Props$1Q["variant"];
+        tooltipPlacement?: Props$1Q["placement"];
         description?: react.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Separator: () => react_jsx_runtime.JSX.Element;
@@ -2118,8 +2147,8 @@ type Props$17 = {
     description?: ReactNode;
     variant?: VariantProps<typeof fieldBoxVariants>['variant'];
     position?: 'start' | 'end';
-    tooltip?: Props$1O['tooltip'];
-    tooltipPlacement?: Props$1O['placement'];
+    tooltip?: Props$1Q['tooltip'];
+    tooltipPlacement?: Props$1Q['placement'];
 } & Omit<ComponentProps<typeof Root$8>, 'id'>;
 declare function Checkbox(prop: Omit<Props$17, 'checked' | 'onCheckedChange'> & {
     checked?: boolean;
@@ -2556,7 +2585,7 @@ declare const Combobox: {
     Chips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, variant, }: {
         maxVisible?: number;
         itemToChipLabel?: ((item: Value) => ReactNode) | undefined;
-        itemToChipColor?: ((item: Value) => "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | undefined) | undefined;
+        itemToChipColor?: ((item: Value) => "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | undefined) | undefined;
         variant?: "default" | "tag" | "pill" | null | undefined;
     }) => react_jsx_runtime.JSX.Element;
 };
@@ -2857,7 +2886,7 @@ declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placehold
 }) => react_jsx_runtime.JSX.Element;
 
 declare const addonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | null | undefined;
     variant?: "inline" | "floating" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type Props$U = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
@@ -2874,7 +2903,7 @@ declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$T & {
 
 declare const badgeRootVariants: (props?: ({
     variant?: "default" | "tag" | "pill" | null | undefined;
-    color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+    color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type Props$S = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
@@ -2902,7 +2931,7 @@ declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suf
 }) => react_jsx_runtime.JSX.Element) & {
     Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "tag" | "pill" | null | undefined;
-        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+        color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
         ref?: Ref<ElementRef<"div">>;
     }) => react_jsx_runtime.JSX.Element;
@@ -2915,7 +2944,7 @@ declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suf
         ref?: Ref<ElementRef<"span">>;
     }) => react_jsx_runtime.JSX.Element;
     Addon: ({ ref, align, variant, className, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
-        align?: "inline-start" | "inline-end" | null | undefined;
+        align?: "inline-end" | "inline-start" | null | undefined;
         variant?: "inline" | "floating" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string>) & {
         ref?: Ref<ElementRef<"div">>;
@@ -4570,6 +4599,7 @@ declare const FormGroup: {
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+        wrap?: string | undefined | undefined;
         required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
@@ -4578,7 +4608,6 @@ declare const FormGroup: {
         readOnly?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
         minRows?: number | undefined;
         onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -5396,7 +5425,7 @@ declare const PageToolbar: (({ ref, className, children, ...props }: DivProps) =
      */
     Token: ({ children, popover, onRemove, removeAriaLabel, ...props }: Omit<Omit<Pick<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
         variant?: "default" | "tag" | "pill" | null | undefined;
-        color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
+        color?: "blue" | "cyan" | "gray" | "green" | "orange" | "purple" | "red" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "amber" | "amber-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & {
         ref?: Ref<ElementRef<"div">>;
     }, "variant" | "color"> & Omit<react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & {
@@ -6456,8 +6485,8 @@ type Props$9 = {
     tooltip?: ReactNode;
     twoLines?: boolean;
     noTooltip?: boolean;
-    tooltipVariant?: Props$1O['variant'];
-    tooltipPlacement?: Props$1O['placement'];
+    tooltipVariant?: Props$1Q['variant'];
+    tooltipPlacement?: Props$1Q['placement'];
 } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
 declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
     ref?: Ref<ElementRef<"span">>;
@@ -8050,6 +8079,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+        wrap?: string | undefined | undefined;
         required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
@@ -8058,7 +8088,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         readOnly?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
         minRows?: number | undefined;
         onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -8099,8 +8128,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1O["tooltip"];
-        tooltipPlacement?: Props$1O["placement"];
+        tooltip?: Props$1Q["tooltip"];
+        tooltipPlacement?: Props$1Q["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -9399,6 +9428,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         disabled?: boolean | undefined | undefined;
         value?: string | null | undefined;
         onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+        wrap?: string | undefined | undefined;
         required?: boolean | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         maxLength?: number | undefined | undefined;
@@ -9407,7 +9437,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         readOnly?: boolean | undefined | undefined;
         cols?: number | undefined | undefined;
         dirName?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
         maxRows?: number | "unlimited" | undefined;
         minRows?: number | undefined;
         onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -9448,8 +9477,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
         description?: react.ReactNode;
         variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
         position?: "start" | "end";
-        tooltip?: Props$1O["tooltip"];
-        tooltipPlacement?: Props$1O["placement"];
+        tooltip?: Props$1Q["tooltip"];
+        tooltipPlacement?: Props$1Q["placement"];
     } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
         checked?: _radix_ui_react_checkbox.CheckedState;
         onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10748,6 +10777,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             disabled?: boolean | undefined | undefined;
             value?: string | null | undefined;
             onValueChange?: (((value: string) => void) & ((value: string) => void)) | undefined;
+            wrap?: string | undefined | undefined;
             required?: boolean | undefined | undefined;
             autoComplete?: string | undefined | undefined;
             maxLength?: number | undefined | undefined;
@@ -10756,7 +10786,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             readOnly?: boolean | undefined | undefined;
             cols?: number | undefined | undefined;
             dirName?: string | undefined | undefined;
-            wrap?: string | undefined | undefined;
             maxRows?: number | "unlimited" | undefined;
             minRows?: number | undefined;
             onHeightChange?: ((height: number, meta: react_textarea_autosize.TextareaHeightChangeMeta) => void) | undefined;
@@ -10797,8 +10826,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
             description?: react.ReactNode;
             variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
             position?: "start" | "end";
-            tooltip?: Props$1O["tooltip"];
-            tooltipPlacement?: Props$1O["placement"];
+            tooltip?: Props$1Q["tooltip"];
+            tooltipPlacement?: Props$1Q["placement"];
         } & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
             checked?: _radix_ui_react_checkbox.CheckedState;
             onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
@@ -10929,4 +10958,4 @@ declare const contrastRatio: (fg: string, bg: string) => number;
 /** WCAG level for normal-size text at a given ratio. */
 declare const wcagLevel: (ratio: number) => "AAA" | "AA" | "fail";
 
-export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$J as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, BrandEditor, type BrandEditorProps, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$6 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$5 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$H as InlineStepDetailProps, InlineStepLabel, type Props$G as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$7 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1p as Props, Question, type QuestionAnswers, QuestionBlock, type Props$z as QuestionBlockProps, type QuestionOption, type Props$A as QuestionProps, type QuestionStep, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, StatCard, StatCardGrid, type Props$2 as StatCardGridProps, type RootProps$1 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1O as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, hexToChannels, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, wcagLevel, withForm };
+export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$J as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, BrandEditor, type BrandEditorProps, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, type ColorSlot, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$6 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$5 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$H as InlineStepDetailProps, InlineStepLabel, type Props$G as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$7 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1p as Props, Question, type QuestionAnswers, QuestionBlock, type Props$z as QuestionBlockProps, type QuestionOption, type Props$A as QuestionProps, type QuestionStep, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, StatCard, StatCardGrid, type Props$2 as StatCardGridProps, type RootProps$1 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1Q as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, hexToChannels, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, wcagLevel, withForm };