@keboola/design 4.3.0 → 4.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1332,7 +1332,7 @@ declare const InputGroup: typeof InputGroupRoot & {
1332
1332
  Text: typeof InputGroupText;
1333
1333
  };
1334
1334
 
1335
- type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
1335
+ type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
1336
1336
  type OwnProps$1 = {
1337
1337
  prefix?: ReactNode;
1338
1338
  rightSuffix?: ReactNode;
@@ -1348,7 +1348,7 @@ type OwnProps$1 = {
1348
1348
  * Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
1349
1349
  * input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
1350
1350
  */
1351
- type Props$1n = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
1351
+ type Props$1n = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
1352
1352
  /**
1353
1353
  * Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
1354
1354
  *
@@ -1362,8 +1362,8 @@ declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, r
1362
1362
  ref?: Ref<ElementRef<"input">>;
1363
1363
  }) => react_jsx_runtime.JSX.Element;
1364
1364
 
1365
- type InputProps$2 = ComponentProps<typeof Input$1>;
1366
- type Props$1m = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
1365
+ type InputProps$1 = ComponentProps<typeof Input$1>;
1366
+ type Props$1m = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1367
1367
  defaultValue?: Date | null;
1368
1368
  disabledDays?: Matcher | Matcher[];
1369
1369
  endMonth?: Date;
@@ -1376,8 +1376,8 @@ declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth,
1376
1376
  ref?: Ref<ElementRef<"input">>;
1377
1377
  }) => react_jsx_runtime.JSX.Element;
1378
1378
 
1379
- type InputProps$1 = ComponentProps<typeof Input$1>;
1380
- type Props$1l = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
1379
+ type InputProps = ComponentProps<typeof Input$1>;
1380
+ type Props$1l = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
1381
1381
  defaultValue?: DateRange$1 | null;
1382
1382
  endMonth?: Date;
1383
1383
  onValueBlur?: (value: DateRange$1 | null) => void;
@@ -1419,49 +1419,38 @@ declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChan
1419
1419
  ref?: Ref<ElementRef<"input">>;
1420
1420
  }) => react_jsx_runtime.JSX.Element;
1421
1421
 
1422
- type InputProps = ComponentProps<typeof Input$1>;
1423
- type Props$1j = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
1424
- value?: string | null;
1425
- defaultValue?: string | null;
1426
- onValueChange?: (value: string | null) => void;
1427
- onValueBlur?: (value: string | null) => void;
1428
- };
1429
- declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1j & {
1422
+ type Props$1j = ComponentProps<typeof TextInput>;
1423
+ declare const CommandInput: ({ ref, className, ...props }: Props$1j & {
1430
1424
  ref?: Ref<ElementRef<"input">>;
1431
1425
  }) => react_jsx_runtime.JSX.Element;
1432
1426
 
1433
- type Props$1i = ComponentProps<typeof TextInput>;
1434
- declare const CommandInput: ({ ref, className, ...props }: Props$1i & {
1435
- ref?: Ref<ElementRef<"input">>;
1436
- }) => react_jsx_runtime.JSX.Element;
1437
-
1438
- type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1427
+ type Props$1i = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1439
1428
  viewPortClassName?: string;
1440
1429
  scrollBarClassName?: string;
1441
1430
  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
1442
1431
  };
1443
- declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1h & {
1432
+ declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1i & {
1444
1433
  ref?: Ref<ElementRef<"div">>;
1445
1434
  }) => react_jsx_runtime.JSX.Element;
1446
1435
 
1447
- type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1448
- declare const ScrollBar: ({ className, orientation, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
1436
+ type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1437
+ declare const ScrollBar: ({ className, orientation, ...props }: Props$1h) => react_jsx_runtime.JSX.Element;
1449
1438
 
1450
- type Props$1f = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1451
- declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1f & {
1439
+ type Props$1g = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1440
+ declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1g & {
1452
1441
  ref?: Ref<ElementRef<"div">>;
1453
1442
  }) => react_jsx_runtime.JSX.Element;
1454
1443
 
1455
- type Props$1e = ComponentProps<typeof Command$1.Group>;
1456
- declare const CommandGroup: ({ className, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
1444
+ type Props$1f = ComponentProps<typeof Command$1.Group>;
1445
+ declare const CommandGroup: ({ className, ...props }: Props$1f) => react_jsx_runtime.JSX.Element;
1457
1446
 
1458
- type Props$1d = ComponentProps<typeof Command$1.Item> & {
1447
+ type Props$1e = ComponentProps<typeof Command$1.Item> & {
1459
1448
  icon?: ReactNode;
1460
1449
  checked?: boolean;
1461
1450
  variant?: ComponentProps<typeof CheckIndicator>['variant'];
1462
1451
  actions?: ReactNode;
1463
1452
  };
1464
- declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
1453
+ declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
1465
1454
 
1466
1455
  type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
1467
1456
  declare const Calendar: {
@@ -1505,13 +1494,13 @@ declare const DateRangePicker: {
1505
1494
  displayName: string;
1506
1495
  };
1507
1496
 
1508
- type Props$1c = {
1497
+ type Props$1d = {
1509
1498
  children?: ReactNode;
1510
1499
  defaultSelected?: string | null;
1511
1500
  selected?: string | null;
1512
1501
  onSelect?: (time: string) => void;
1513
1502
  } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
1514
- declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1c) => react_jsx_runtime.JSX.Element;
1503
+ declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1d) => react_jsx_runtime.JSX.Element;
1515
1504
 
1516
1505
  type LabelProps = {
1517
1506
  id?: string | number;
@@ -1533,21 +1522,21 @@ declare const switchVariants: (props?: ({
1533
1522
  size?: "small" | "medium" | "large" | null | undefined;
1534
1523
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1535
1524
 
1536
- type Props$1b = {
1525
+ type Props$1c = {
1537
1526
  id?: string | number;
1538
1527
  children?: ReactNode;
1539
1528
  description?: ReactNode;
1540
1529
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
1541
1530
  position?: 'start' | 'end';
1542
1531
  } & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
1543
- declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1b & {
1532
+ declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1c & {
1544
1533
  ref?: Ref<ElementRef<"button">>;
1545
1534
  }) => react_jsx_runtime.JSX.Element;
1546
1535
 
1547
1536
  type Variant$7 = 'radio' | 'button' | 'radio-block';
1548
1537
  type Orientation = 'vertical' | 'horizontal';
1549
1538
 
1550
- type Props$1a<Value> = {
1539
+ type Props$1b<Value> = {
1551
1540
  variant?: Variant$7;
1552
1541
  orientation?: Orientation;
1553
1542
  onValueChange?: (value: Value) => void;
@@ -1555,7 +1544,7 @@ type Props$1a<Value> = {
1555
1544
  defaultValue?: Value | null;
1556
1545
  } & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
1557
1546
  declare const RadioGroup: {
1558
- <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1a<Value>): react_jsx_runtime.JSX.Element;
1547
+ <Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1b<Value>): react_jsx_runtime.JSX.Element;
1559
1548
  Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
1560
1549
  content?: string | undefined | undefined;
1561
1550
  translate?: "yes" | "no" | undefined | undefined;
@@ -1859,27 +1848,27 @@ declare const RadioGroup: {
1859
1848
  Separator: () => react_jsx_runtime.JSX.Element;
1860
1849
  };
1861
1850
 
1862
- type Props$19 = ComponentProps<typeof Thumb> & {
1851
+ type Props$1a = ComponentProps<typeof Thumb> & {
1863
1852
  tooltip?: ReactNode;
1864
1853
  tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
1865
1854
  };
1866
- declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$19 & {
1855
+ declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1a & {
1867
1856
  ref?: Ref<ElementRef<typeof Thumb>>;
1868
1857
  }) => react_jsx_runtime.JSX.Element;
1869
1858
 
1870
1859
  type ThumbTooltipFn = (value: number, index: number) => ReactNode;
1871
- type Props$18 = ComponentProps<typeof Root$7> & {
1860
+ type Props$19 = ComponentProps<typeof Root$7> & {
1872
1861
  thumbTooltip?: ThumbTooltipFn;
1873
1862
  thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
1874
1863
  rangeClassName?: string;
1875
1864
  };
1876
- declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$18 & {
1865
+ declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$19 & {
1877
1866
  ref?: Ref<ElementRef<typeof Root$7>>;
1878
1867
  }) => react_jsx_runtime.JSX.Element;
1879
1868
 
1880
1869
  type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
1881
1870
  type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
1882
- type Props$17 = {
1871
+ type Props$18 = {
1883
1872
  suffix?: ReactNode;
1884
1873
  disableDebounce?: boolean;
1885
1874
  debounceDelay?: number;
@@ -1894,14 +1883,14 @@ type Props$17 = {
1894
1883
  /**
1895
1884
  * @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
1896
1885
  */
1897
- declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$17 & {
1886
+ declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$18 & {
1898
1887
  ref?: Ref<ElementRef<"input">>;
1899
1888
  }) => react_jsx_runtime.JSX.Element;
1900
1889
 
1901
- type Props$16 = {
1890
+ type Props$17 = {
1902
1891
  onSubmit: (value: string) => void;
1903
1892
  } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
1904
- declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$16 & {
1893
+ declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$17 & {
1905
1894
  ref?: Ref<ElementRef<"input">>;
1906
1895
  }) => react_jsx_runtime.JSX.Element;
1907
1896
 
@@ -1926,10 +1915,10 @@ declare const variants$2: (props?: ({
1926
1915
  sizing?: "small" | "medium" | "default" | null | undefined;
1927
1916
  state?: "default" | "error" | "warning" | null | undefined;
1928
1917
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1929
- type Props$15 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
1918
+ type Props$16 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
1930
1919
  variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
1931
1920
  } & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
1932
- declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$15 & {
1921
+ declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$16 & {
1933
1922
  ref?: Ref<ElementRef<"button">>;
1934
1923
  }) => react_jsx_runtime.JSX.Element;
1935
1924
 
@@ -1948,7 +1937,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
1948
1937
  * Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
1949
1938
  * convenience `items` shape (flat list, or grouped lists with optional labels).
1950
1939
  */
1951
- type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
1940
+ type Props$15 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
1952
1941
  items?: readonly (SelectItem | SelectItemGroup)[];
1953
1942
  };
1954
1943
  /**
@@ -1963,7 +1952,7 @@ type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
1963
1952
  * `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
1964
1953
  */
1965
1954
  declare const Select: {
1966
- ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$14): react_jsx_runtime.JSX.Element;
1955
+ ({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$15): react_jsx_runtime.JSX.Element;
1967
1956
  Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
1968
1957
  Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
1969
1958
  variant?: "primary" | "secondary" | "argo" | null | undefined;
@@ -1993,7 +1982,7 @@ declare const Select: {
1993
1982
  Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
1994
1983
  };
1995
1984
 
1996
- type Props$13 = {
1985
+ type Props$14 = {
1997
1986
  id?: string | number;
1998
1987
  description?: ReactNode;
1999
1988
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
@@ -2001,43 +1990,43 @@ type Props$13 = {
2001
1990
  tooltip?: Props$1J['tooltip'];
2002
1991
  tooltipPlacement?: Props$1J['placement'];
2003
1992
  } & Omit<ComponentProps<typeof Root$8>, 'id'>;
2004
- declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
1993
+ declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
2005
1994
  checked?: boolean;
2006
1995
  onCheckedChange?: (checked: boolean) => void;
2007
1996
  }): ReactNode;
2008
- declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
1997
+ declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
2009
1998
  checked?: CheckedState;
2010
1999
  onCheckedChange?: (checked: CheckedState) => void;
2011
2000
  }): ReactNode;
2012
2001
 
2013
2002
  type Variant$6 = 'check' | 'checkbox';
2014
- type Props$12 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
2003
+ type Props$13 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
2015
2004
  className?: string;
2016
2005
  variant?: Variant$6;
2017
2006
  };
2018
- declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$12 & {
2007
+ declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$13 & {
2019
2008
  ref?: Ref<ElementRef<"span">>;
2020
2009
  }) => react_jsx_runtime.JSX.Element;
2021
2010
 
2022
- type Props$11 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
2023
- declare const ComboboxInput: ({ ref, ...props }: Props$11 & {
2011
+ type Props$12 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
2012
+ declare const ComboboxInput: ({ ref, ...props }: Props$12 & {
2024
2013
  ref?: Ref<ElementRef<"input">>;
2025
2014
  }) => react_jsx_runtime.JSX.Element;
2026
2015
 
2027
- type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
2028
- type Props$10 = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
2016
+ type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
2017
+ type Props$11 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
2029
2018
  className?: string;
2030
2019
  };
2031
- declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$10 & {
2020
+ declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$11 & {
2032
2021
  ref?: Ref<ElementRef<"div">>;
2033
2022
  }) => react_jsx_runtime.JSX.Element;
2034
2023
 
2035
- type Props$$ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
2024
+ type Props$10 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
2036
2025
  className?: string;
2037
2026
  icon?: ReactNode;
2038
2027
  indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
2039
2028
  };
2040
- declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$$ & {
2029
+ declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$10 & {
2041
2030
  ref?: Ref<ElementRef<"div">>;
2042
2031
  }) => react_jsx_runtime.JSX.Element;
2043
2032
 
@@ -2057,7 +2046,7 @@ type CreatableProps<Value> = {
2057
2046
  queryToCreateLabel?: (query: string) => ReactNode;
2058
2047
  queryToCreateValue?: (query: string) => Value;
2059
2048
  };
2060
- type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
2049
+ type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
2061
2050
  items?: readonly (Value | GroupShape)[];
2062
2051
  allowClear?: boolean;
2063
2052
  empty?: ReactNode;
@@ -2069,7 +2058,7 @@ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
2069
2058
  groupToLabel?: (group: GroupShape) => ReactNode;
2070
2059
  };
2071
2060
  declare const Combobox: {
2072
- <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$_<Value, GroupShape>): react_jsx_runtime.JSX.Element;
2061
+ <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$$<Value, GroupShape>): react_jsx_runtime.JSX.Element;
2073
2062
  Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
2074
2063
  InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
2075
2064
  variant?: "primary" | "secondary" | null | undefined;
@@ -2452,7 +2441,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
2452
2441
  * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
2453
2442
  * the default substring matcher.
2454
2443
  */
2455
- type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
2444
+ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
2456
2445
  items?: readonly (Value | GroupShape)[];
2457
2446
  allowClear?: boolean;
2458
2447
  allowSelectAll?: boolean;
@@ -2476,9 +2465,9 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
2476
2465
  * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
2477
2466
  * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
2478
2467
  */
2479
- declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$Z<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
2468
+ declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$_<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
2480
2469
 
2481
- type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
2470
+ type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
2482
2471
  type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
2483
2472
  type TextareaOwnProps = {
2484
2473
  value?: string | null;
@@ -2489,12 +2478,12 @@ type TextareaOwnProps = {
2489
2478
  disableResize?: boolean;
2490
2479
  containerClassName?: string;
2491
2480
  };
2492
- type Props$Y = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
2481
+ type Props$Z = InputGroupProps$5 & TextareaNativeProps & TextareaOwnProps;
2493
2482
  /**
2494
2483
  * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
2495
2484
  * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
2496
2485
  */
2497
- declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$Y & {
2486
+ declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$Z & {
2498
2487
  ref?: Ref<ElementRef<"textarea">>;
2499
2488
  }) => react_jsx_runtime.JSX.Element;
2500
2489
 
@@ -2507,16 +2496,16 @@ type AutoSaveTextareaProps = {
2507
2496
  } & Pick<ComponentProps<typeof Textarea>, 'variant' | 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
2508
2497
  declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => react_jsx_runtime.JSX.Element;
2509
2498
 
2510
- type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2511
- type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
2512
- type Props$X = InputGroupProps$3 & InputGroupInputProps$3 & {
2499
+ type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2500
+ type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
2501
+ type Props$Y = InputGroupProps$4 & InputGroupInputProps$4 & {
2513
2502
  value?: string | null;
2514
2503
  defaultValue?: string | null;
2515
2504
  onValueChange?: (value: string) => void;
2516
2505
  onValueBlur?: (value: string) => void;
2517
2506
  allowClear?: boolean;
2518
2507
  };
2519
- declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$X & {
2508
+ declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$Y & {
2520
2509
  ref?: Ref<ElementRef<"input">>;
2521
2510
  }) => react_jsx_runtime.JSX.Element;
2522
2511
 
@@ -2531,7 +2520,7 @@ type ThemeContextValue = {
2531
2520
  resolvedMode: ResolvedMode;
2532
2521
  };
2533
2522
 
2534
- type Props$W = {
2523
+ type Props$X = {
2535
2524
  /**
2536
2525
  * Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
2537
2526
  * variables) inside this provider's subtree. Defaults to the canonical
@@ -2566,6 +2555,13 @@ type Props$W = {
2566
2555
  * A nested provider inherits the resolved mode from the parent context and
2567
2556
  * touches neither `data-theme` nor a media listener.
2568
2557
  * - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
2558
+ * - ROOT only: mount a Radix `TooltipProvider` around the subtree so any
2559
+ * `Tooltip` works without a separately-mounted provider. Nested providers
2560
+ * inherit the root's `TooltipProvider` via context, so they add none of their
2561
+ * own — this keeps a single delay group across the app (apps like kbc-ui mount
2562
+ * dozens of scoped `ThemeProvider`s, so re-mounting a provider per subtree
2563
+ * would fragment tooltip delay behavior). A consumer's own `TooltipProvider`
2564
+ * still composes fine.
2569
2565
  *
2570
2566
  * Brand × mode: the active mode's palette is injected inline on `<html>`. When
2571
2567
  * the resolved mode is `dark` and the brand has no `colorsDark`, the colour
@@ -2575,7 +2571,7 @@ type Props$W = {
2575
2571
  * `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
2576
2572
  * they compose without clobbering each other.
2577
2573
  */
2578
- declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$W) => react_jsx_runtime.JSX.Element;
2574
+ declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$X) => react_jsx_runtime.JSX.Element;
2579
2575
 
2580
2576
  /**
2581
2577
  * Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
@@ -2599,7 +2595,7 @@ declare const useColorScheme: () => {
2599
2595
 
2600
2596
  declare const useIsLegacyBrand: () => boolean;
2601
2597
 
2602
- type Props$V = {
2598
+ type Props$W = {
2603
2599
  brand: Brand;
2604
2600
  colorScheme?: ColorScheme;
2605
2601
  children: ReactNode;
@@ -2618,7 +2614,7 @@ type Props$V = {
2618
2614
  * surface so the mode is actually visible (otherwise dark-mode text sits on
2619
2615
  * the unrelated canvas backdrop).
2620
2616
  */
2621
- declare const ThemeDecorator: ({ brand, colorScheme, children }: Props$V) => react_jsx_runtime.JSX.Element;
2617
+ declare const ThemeDecorator: ({ brand, colorScheme, children }: Props$W) => react_jsx_runtime.JSX.Element;
2622
2618
 
2623
2619
  /**
2624
2620
  * Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
@@ -2693,7 +2689,7 @@ declare const themeToolbarBrands: {
2693
2689
  */
2694
2690
  declare const resolveStorybookBrand: (id: unknown) => Brand;
2695
2691
 
2696
- type Props$U = {
2692
+ type Props$V = {
2697
2693
  /** The active color scheme. Controlled — pair with `onValueChange`. */
2698
2694
  value: ColorScheme;
2699
2695
  /** Called with the chosen scheme when the user picks a menu item. */
@@ -2718,11 +2714,11 @@ type Props$U = {
2718
2714
  * The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
2719
2715
  * item is marked as checked. The trigger's `aria-label` names the current scheme.
2720
2716
  */
2721
- declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$U) => react_jsx_runtime.JSX.Element;
2717
+ declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$V) => react_jsx_runtime.JSX.Element;
2722
2718
 
2723
- type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2724
- type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
2725
- type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
2719
+ type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2720
+ type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
2721
+ type Props$U = InputGroupProps$3 & InputGroupInputProps$3 & {
2726
2722
  value?: number | null;
2727
2723
  defaultValue?: number | null;
2728
2724
  onValueChange?: (value: number | null) => void;
@@ -2730,13 +2726,13 @@ type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
2730
2726
  prefix?: ReactNode;
2731
2727
  suffix?: ReactNode;
2732
2728
  };
2733
- declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$T & {
2729
+ declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$U & {
2734
2730
  ref?: Ref<ElementRef<"input">>;
2735
2731
  }) => react_jsx_runtime.JSX.Element;
2736
2732
 
2737
- type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2738
- type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
2739
- type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
2733
+ type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2734
+ type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
2735
+ type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
2740
2736
  value?: string | null;
2741
2737
  defaultValue?: string | null;
2742
2738
  onValueChange?: (value: string) => void;
@@ -2746,7 +2742,20 @@ type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
2746
2742
  autoComplete?: 'new-password' | 'current-password' | 'off';
2747
2743
  defaultPasswordVisibility?: boolean;
2748
2744
  };
2749
- declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$S & {
2745
+ declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$T & {
2746
+ ref?: Ref<ElementRef<"input">>;
2747
+ }) => react_jsx_runtime.JSX.Element;
2748
+
2749
+ type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
2750
+ type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
2751
+ type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
2752
+ value?: string | null;
2753
+ defaultValue?: string | null;
2754
+ onValueChange?: (value: string | null) => void;
2755
+ onValueBlur?: (value: string | null) => void;
2756
+ allowClear?: boolean;
2757
+ };
2758
+ declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$S & {
2750
2759
  ref?: Ref<ElementRef<"input">>;
2751
2760
  }) => react_jsx_runtime.JSX.Element;
2752
2761
 
@@ -5927,7 +5936,7 @@ type Trigger<T extends string> = {
5927
5936
  onClose?: (value: T) => void;
5928
5937
  } & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
5929
5938
  type Props$c<T extends string> = {
5930
- triggers: Trigger<T>[];
5939
+ triggers: readonly Trigger<T>[];
5931
5940
  compact?: boolean;
5932
5941
  children: ReactNode;
5933
5942
  defaultValue?: string;