@keboola/design 15.1.0 → 16.0.0

package/dist/{Combobox-BLqX-Tdh.js → Combobox-DYjvYgl3.js}

@@ -1,19 +1,19 @@
-import { cn } from "./classNames-DcGnTh2N.js";
-import { Tooltip, TooltipProvider, noop } from "./utils-DwC9u0tM.js";
-import { Check, ChevronDown, ChevronRight, Loader2, Minus, Plus, X } from "./icons-ZIeZXXS7.js";
+import { cn } from "./classNames-DkX30VJU.js";
+import { Tooltip, TooltipProvider, noop } from "./utils-DjFceY3H.js";
+import { Check, ChevronDown, ChevronRight, Loader2, Minus, Plus, X } from "./icons-DDR9dFSr.js";
 import { hasTruncationOverflow } from "./internal/components/Truncated.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { InputGroup } from "./InputGroup-CZv_7QlM.js";
+import { InputGroup } from "./InputGroup-BWeanEo7.js";
 import { forwardAccessibleName } from "./internal/utils/accessibleName.js";
-import { Badge } from "./Badge-CqlOE5A2.js";
-import { ToggleAllTooltip, isToggleAllClick } from "./ToggleAllTooltip-DEjbWFoj.js";
-import { useElement } from "./useElement-D-RjrGa4.js";
+import { Badge } from "./Badge-CFRhducL.js";
+import { ToggleAllTooltip, isToggleAllClick } from "./ToggleAllTooltip-BFmA6TXf.js";
+import { useElement } from "./useElement-Dcoo9Jlr.js";
 import { Fragment, createContext, isValidElement, use, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
 import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
 import { measureElement, observeElementRect, useVirtualizer } from "@tanstack/react-virtual";
-//#region src/components/Combobox/blankValues.ts
+// src/components/Combobox/blankValues.ts
 /**
 * The two blank strings a Storage filter predicates on, in list order.
 *
@@ -44,8 +44,7 @@ const namedLabel = (text) => text.trim() === "" ? BLANK_LABELS[text] ?? "[whites
 * - String items only — the seven Storage filters this serves are all string-valued.
 */
 const withBlankValues = (values) => [.../* @__PURE__ */ new Set([...BLANK_VALUES, ...values])];
-//#endregion
-//#region src/components/Combobox/ComboboxChip.tsx
+// src/components/Combobox/ComboboxChip.tsx
 /**
 * Keeps a chip's keyboard handling off its content's.
 *
@@ -92,8 +91,7 @@ const ComboboxChip = ({ children, color, variant }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/components/Combobox/utils.ts
+// src/components/Combobox/utils.ts
 const isPlainObject = (item) => item !== null && typeof item === "object";
 const isNumber = (item) => typeof item === "number";
 const isString = (item) => typeof item === "string";
@@ -225,8 +223,7 @@ const defaultToCreateValue = (query, value, queryToCreateValue) => {
 	throw new Error("Combobox: Cannot infer item shape for `allowCreate`. Pass `queryToCreateValue` for custom item shapes.");
 };
 const defaultQueryToCreateLabel = (query) => `Create "${query}"`;
-//#endregion
-//#region src/components/Combobox/ComboboxChips.tsx
+// src/components/Combobox/ComboboxChips.tsx
 const ComboboxChips = ({ maxVisible = 3, itemToChipLabel = defaultItemToLabel, itemToChipColor, pinnedChipLabels, variant = "pill", children }) => /* @__PURE__ */ jsx(Combobox.Value, { children: (rawValues) => {
 	const values = rawValues.filter((value) => !isInternalItem(value));
 	if (children) return children(values);
@@ -249,8 +246,7 @@ const ComboboxChips = ({ maxVisible = 3, itemToChipLabel = defaultItemToLabel, i
 		})
 	] });
 } });
-//#endregion
-//#region src/components/Combobox/ComboboxClearButton.tsx
+// src/components/Combobox/ComboboxClearButton.tsx
 /** The button that clears the selection. */
 const ComboboxClearButton = ({ disabled }) => /* @__PURE__ */ jsx(InputGroup.Button, {
 	asChild: true,
@@ -258,8 +254,7 @@ const ComboboxClearButton = ({ disabled }) => /* @__PURE__ */ jsx(InputGroup.But
 	disabled,
 	children: /* @__PURE__ */ jsx(Combobox.Clear, { children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" }) })
 });
-//#endregion
-//#region src/components/Combobox/ComboboxContent.tsx
+// src/components/Combobox/ComboboxContent.tsx
 const ComboboxContent = ({ ref, align = "start", side = "bottom", sideOffset = 4, alignOffset, anchor, container, className, children, ...popupProps }) => {
 	return /* @__PURE__ */ jsx(Combobox.Portal, {
 		container,
@@ -284,22 +279,19 @@ const ComboboxContent = ({ ref, align = "start", side = "bottom", sideOffset = 4
 		})
 	});
 };
-//#endregion
-//#region src/components/Combobox/ComboboxEmpty.tsx
+// src/components/Combobox/ComboboxEmpty.tsx
 const ComboboxEmpty = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(Combobox.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
 });
-//#endregion
-//#region src/components/Combobox/ComboboxInput.tsx
+// src/components/Combobox/ComboboxInput.tsx
 const ComboboxInput = ({ ref, ...props }) => /* @__PURE__ */ jsx(Combobox.Input, {
 	...props,
 	ref,
 	render: /* @__PURE__ */ jsx(InputGroup.Input, {})
 });
-//#endregion
-//#region src/components/Combobox/ComboboxInputGroup.tsx
+// src/components/Combobox/ComboboxInputGroup.tsx
 const ComboboxInputGroup = ({ ref, state, focusVariant, className, ...props }) => /* @__PURE__ */ jsx(Combobox.InputGroup, {
 	...props,
 	ref,
@@ -309,8 +301,7 @@ const ComboboxInputGroup = ({ ref, state, focusVariant, className, ...props }) =
 		className
 	})
 });
-//#endregion
-//#region src/components/Combobox/ComboboxItemIndicator.tsx
+// src/components/Combobox/ComboboxItemIndicator.tsx
 const ComboboxItemIndicator = ({ ref, className, variant = "check", ...props }) => {
 	if (variant === "checkbox") return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
 		ref,
@@ -326,8 +317,7 @@ const ComboboxItemIndicator = ({ ref, className, variant = "check", ...props })
 		render: /* @__PURE__ */ jsx(Check, {})
 	});
 };
-//#endregion
-//#region src/components/Combobox/virtualList.ts
+// src/components/Combobox/virtualList.ts
 /** Above this many options, `virtualized="auto"` windows the list. */
 const VIRTUALIZE_THRESHOLD = 30;
 /**
@@ -356,8 +346,7 @@ const useVirtualList = (items, virtualized) => {
 		}
 	};
 };
-//#endregion
-//#region src/components/Combobox/ComboboxItem.tsx
+// src/components/Combobox/ComboboxItem.tsx
 const ComboboxItem = ({ ref, className, children, icon, indicator: variant = "check", locked, ...props }) => /* @__PURE__ */ jsxs(Combobox.Item, {
 	...props,
 	...use(VirtualRowContext),
@@ -375,15 +364,13 @@ const ComboboxItem = ({ ref, className, children, icon, indicator: variant = "ch
 		})
 	]
 });
-//#endregion
-//#region src/components/Combobox/ComboboxList.tsx
+// src/components/Combobox/ComboboxList.tsx
 const ComboboxList = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(Combobox.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", className),
 	...props
 });
-//#endregion
-//#region src/components/Combobox/ComboboxOpenButton.tsx
+// src/components/Combobox/ComboboxOpenButton.tsx
 /**
 * The button that opens the popup: a chevron, or a spinner while the options are loading.
 *
@@ -458,29 +445,25 @@ const GroupIndicator = ({ checked, variant }) => {
 		className: cn("tw:pointer-events-none tw:absolute tw:right-2 tw:size-4", "tw:group-data-[highlighted]/combobox-item:text-hover-foreground")
 	});
 };
-//#endregion
-//#region src/components/Combobox/Group/ComboboxGroup.tsx
+// src/components/Combobox/Group/ComboboxGroup.tsx
 const ComboboxGroup = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(Combobox.Group, {
 	ref,
 	className: cn("tw:flex tw:flex-col tw:gap-0.5", className),
 	...props,
 	children
 });
-//#endregion
-//#region src/components/Combobox/Group/ComboboxGroupLabel.tsx
+// src/components/Combobox/Group/ComboboxGroupLabel.tsx
 const ComboboxGroupLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(Combobox.GroupLabel, {
 	...props,
 	ref,
 	className: cn("tw:px-2", "tw:py-1.5", "tw:text-xs", "tw:font-medium", "tw:leading-none", "tw:text-muted-foreground", className)
 });
-//#endregion
-//#region src/components/Combobox/Group/ComboboxCollection.tsx
+// src/components/Combobox/Group/ComboboxCollection.tsx
 const ComboboxCollection = ({ ...props }) => /* @__PURE__ */ jsx(Combobox.Collection, {
 	"data-slot": "combobox-collection",
 	...props
 });
-//#endregion
-//#region src/components/Combobox/ComboboxFullList.tsx
+// src/components/Combobox/ComboboxFullList.tsx
 /** A Base UI collection child whose rows are keyed by position, as React matches unkeyed ones. */
 const keyed = (render) => (entry, index) => /* @__PURE__ */ jsx(Fragment, { children: render(entry) }, index);
 /** A combobox list that renders every row; `ComboboxVirtualList` renders only those in view. */
@@ -497,8 +480,7 @@ const ComboboxFullList = ({ renderItem, renderGroupItem, groupToLabel }) => {
 	};
 	return /* @__PURE__ */ jsx(ComboboxList, { children: keyed(renderEntry) });
 };
-//#endregion
-//#region src/components/Combobox/ComboboxLoadingEmpty.tsx
+// src/components/Combobox/ComboboxLoadingEmpty.tsx
 /**
 * What the empty slot says while the options are loading, in place of the `empty` node.
 *
@@ -511,8 +493,7 @@ const ComboboxLoadingEmpty = () => /* @__PURE__ */ jsxs("span", {
 	className: "tw:inline-flex tw:items-center tw:gap-2",
 	children: [/* @__PURE__ */ jsx(Loader2, { className: "tw:size-4 tw:animate-spin" }), "Loading…"]
 });
-//#endregion
-//#region src/components/Combobox/ComboboxVirtualList.tsx
+// src/components/Combobox/ComboboxVirtualList.tsx
 /** Rows rendered past each edge of the viewport, so a fast scroll does not paint blank. */
 const OVERSCAN = 12;
 const isGroupLast = (row) => row.type === "item" && row.group !== void 0 && row.posInSet === row.setSize;
@@ -704,8 +685,7 @@ const ComboboxVirtualList = ({ renderItem, renderGroupItem, groupToLabel, ref })
 		})
 	});
 };
-//#endregion
-//#region src/components/Combobox/ComboboxOptions.tsx
+// src/components/Combobox/ComboboxOptions.tsx
 /** A group's items fade and slide in as it unfolds and out as it folds; nothing under reduced motion. */
 const ITEM_MOTION = {
 	entering: "tw:motion-safe:animate-in tw:motion-safe:fade-in-0 tw:motion-safe:slide-in-from-top-1 tw:motion-safe:duration-150 tw:motion-safe:ease-out",
@@ -767,26 +747,22 @@ const ComboboxOptions = ({ isLoading, empty, virtualized, listRef, groupHeaders,
 		...listProps
 	}) : /* @__PURE__ */ jsx(ComboboxFullList, { ...listProps })] });
 };
-//#endregion
-//#region src/components/Combobox/ComboboxRoot.tsx
+// src/components/Combobox/ComboboxRoot.tsx
 const ComboboxRoot = (props) => /* @__PURE__ */ jsx(Combobox.Root, { ...props });
-//#endregion
-//#region src/components/Combobox/ComboboxSeparator.tsx
+// src/components/Combobox/ComboboxSeparator.tsx
 const ComboboxSeparator = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(Combobox.Separator, {
 	ref,
 	className: cn("tw:mx-2 tw:my-1 tw:h-px tw:bg-border", className),
 	...props
 });
-//#endregion
-//#region src/components/Combobox/createdItems.ts
+// src/components/Combobox/createdItems.ts
 /**
 * `list` followed by the values `allowCreate` minted, as entries of it; stable while both are.
 *
 * - Listed so a created value stays pickable: Base UI drops a value missing from `items`.
 */
 const useWithCreated = (list, created) => useMemo(() => created.length === 0 ? list : [...list, ...toEntries(list, created)], [list, created]);
-//#endregion
-//#region src/components/Combobox/groupFlip.ts
+// src/components/Combobox/groupFlip.ts
 /** How long the groups under a fold take to slide to their new place. */
 const SLIDE_MS = 150;
 /** A capture no commit moved anything for in this long is dropped. */
@@ -855,8 +831,7 @@ capture: (from) => {
 		};
 	} };
 };
-//#endregion
-//#region src/components/Combobox/groupHeaders.ts
+// src/components/Combobox/groupHeaders.ts
 /** How long a folding group's items fade out before they leave the list. */
 const FOLD_MS = 100;
 /** How long an unfolding group's items animate in; their marker clears after it. */
@@ -1032,8 +1007,7 @@ const useGroupHeaders = ({ items, collapsible, selectable, query, matches, group
 		}
 	};
 };
-//#endregion
-//#region src/components/Combobox/query.ts
+// src/components/Combobox/query.ts
 /**
 * The text a combobox's input takes, with `inputValueSanitizer` applied to what the user typed.
 *
@@ -1059,8 +1033,7 @@ const useQueryReporter = (query, onQueryChange) => {
 		report(query);
 	}, [query, report]);
 };
-//#endregion
-//#region src/components/Combobox/Combobox.tsx
+// src/components/Combobox/Combobox.tsx
 const acceptAll = () => true;
 const NO_ITEMS = [];
 const Combobox$1 = ({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, focusVariant, state, placeholder, allowClear = true, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, empty = "No items", isLoading = false, indicator, prefix, virtualized = false, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, canCreate, itemToDisabled = defaultItemToDisabled, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, itemToSelectedLabel, groupToLabel = defaultGroupToLabel, collapsibleGroups = false, groupToValue, ...accessibleName }) => {
@@ -1241,8 +1214,7 @@ Combobox$1.GroupLabel = ComboboxGroupLabel;
 Combobox$1.GroupList = ComboboxCollection;
 Combobox$1.Chips = ComboboxChips;
 Combobox$1.Chip = ComboboxChip;
-//#endregion
-//#region src/components/Combobox/matchByWords.ts
+// src/components/Combobox/matchByWords.ts
 const toWords = (query) => query.toLowerCase().split(/\s+/).filter(Boolean);
 const isFilled = (text) => text !== null && text !== void 0 && text !== "";
 const isTextList = (texts) => Array.isArray(texts);
@@ -1269,7 +1241,6 @@ const matchByWords = (texts, query) => {
 * - Close over {@link matchByWords} to search other fields.
 */
 const filterByWords = (item, query, itemToString) => matchByWords(itemToString?.(item) ?? toLabel(item), query);
-//#endregion
 export { BLANK_VALUES, Combobox$1 as Combobox, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, filterByWords, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, matchByWords, namedLabel, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated, withBlankValues };
 
-//# sourceMappingURL=Combobox-BLqX-Tdh.js.map
+//# sourceMappingURL=Combobox-DYjvYgl3.js.map