@keboola/design 15.1.0 → 16.1.0

package/dist/{Sidebar-BlYqasnX.js → Sidebar-DYvodJWN.js}

@@ -1,21 +1,21 @@
-import { cn } from "./classNames-DcGnTh2N.js";
-import { Tooltip, TooltipProvider } from "./utils-DwC9u0tM.js";
+import { cn } from "./classNames-DkX30VJU.js";
+import { Tooltip, TooltipProvider } from "./utils-DjFceY3H.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
-import { ChevronDown, Search } from "./icons-ZIeZXXS7.js";
-import { DropdownMenu } from "./DropdownMenu-Bum99mVf.js";
+import { ChevronDown, Search } from "./icons-DDR9dFSr.js";
+import { DropdownMenu } from "./DropdownMenu-Ba9atqDa.js";
 import { ScrollArea } from "./internal/components/ScrollArea.js";
-import { Sheet } from "./Sheet-DKG20J7W.js";
-import { HoverCard } from "./HoverCard-Cf9iYyaW.js";
+import { Sheet } from "./Sheet-DVb4XoJ5.js";
+import { HoverCard } from "./HoverCard-OGWKRXJ7.js";
 import { Separator } from "./internal/components/Separator.js";
-import { useElement } from "./useElement-D-RjrGa4.js";
-import { Collapsible } from "./Collapsible-DD4xTL75.js";
-import { useThemeScopeContainer } from "./ThemeProvider-BTK7AL-T.js";
-import { BrandLogo } from "./BrandLogo-DkESE19K.js";
+import { useElement } from "./useElement-Dcoo9Jlr.js";
+import { Collapsible } from "./Collapsible-zsXk4Vpp.js";
+import { useThemeScopeContainer } from "./ThemeProvider-BCHllN7d.js";
+import { BrandLogo } from "./BrandLogo-Dn7hhp2c.js";
 import { useScrollbarPosition } from "./internal/hooks/useScrollbarPosition.js";
 import { createContext, use, useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { Root, Slot, Slottable } from "@radix-ui/react-slot";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Sidebar/SidebarProvider/useTransitionPresence.ts
+// src/components/Sidebar/SidebarProvider/useTransitionPresence.ts
 const FALLBACK_TIMEOUT_MS = 500;
 /** Under reduced motion there is no `transitionend` to wait for, so the mount is not deferred. */
 const prefersReducedMotion = () => typeof window !== "undefined" && (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false);
@@ -58,8 +58,7 @@ const useTransitionPresence = ({ mounted, keepMounted = false, mountAfterEnter =
 		completeUnmount: () => send("TRANSITION_END")
 	}), [state, keepMounted]);
 };
-//#endregion
-//#region src/components/Sidebar/SidebarContent.tsx
+// src/components/Sidebar/SidebarContent.tsx
 const SidebarContent = ({ ref, className, children, contentRef }) => {
 	const { setElement, isBottom, isTop, isMiddle } = useScrollbarPosition();
 	const mergedRefs = mergeRefs(ref ?? null, (ref) => setElement(ref));
@@ -80,8 +79,7 @@ const SidebarContent = ({ ref, className, children, contentRef }) => {
 		})
 	});
 };
-//#endregion
-//#region src/hooks/useMediaQuery.ts
+// src/hooks/useMediaQuery.ts
 /**
 * Whether a CSS media query currently matches, re-rendering when it flips.
 *
@@ -98,8 +96,7 @@ const useMediaQuery = (query) => {
 	const getSnapshot = useCallback(() => globalThis.matchMedia?.(query).matches ?? false, [query]);
 	return useSyncExternalStore(subscribe, getSnapshot, () => false);
 };
-//#endregion
-//#region src/components/Sidebar/utils.ts
+// src/components/Sidebar/utils.ts
 const SidebarWidthInPx = {
 	MIN_DEFAULT: 256,
 	COLLAPSED_ICON: 52,
@@ -151,8 +148,7 @@ const calcEffectiveWidths = ({ variant, width: customWidth, collapsible, state,
 	})();
 	return collapsible === "icon" ? iconWidths : offCanvasWidths;
 };
-//#endregion
-//#region src/components/Sidebar/SidebarProvider/context.ts
+// src/components/Sidebar/SidebarProvider/context.ts
 const SidebarContext = createContext(null);
 /** `useSidebar` that returns `null` outside a `SidebarProvider` instead of throwing. */
 const useOptionalSidebar = (side = "left") => use(SidebarContext)?.[side] ?? null;
@@ -161,8 +157,7 @@ const useSidebar = (side = "left") => {
 	if (context === null) throw new Error("useSidebar must be used within a SidebarProvider.");
 	return context[side];
 };
-//#endregion
-//#region src/components/Sidebar/SidebarProvider/useHoverTracking.ts
+// src/components/Sidebar/SidebarProvider/useHoverTracking.ts
 const PORTAL_OPEN_SELECTORS_STRING = ["[aria-haspopup=\"menu\"][aria-expanded=true]", "[aria-haspopup=\"dialog\"][aria-expanded=true]"].join(",");
 const useHoverTracking = (sidebarElement) => {
 	const [hoveredElement, setHoveredElement] = useState(null);
@@ -207,8 +202,7 @@ const useHoverTracking = (sidebarElement) => {
 	}, [sidebarElement]);
 	return isHovered;
 };
-//#endregion
-//#region src/components/Sidebar/SidebarProvider/useSidebarState.ts
+// src/components/Sidebar/SidebarProvider/useSidebarState.ts
 const useSidebarState = ({ defaultMode, mode: modeProp, onModeChange }) => {
 	const [sidebarElement, setSidebarElement] = useElement();
 	const isHovered = useHoverTracking(sidebarElement);
@@ -243,8 +237,7 @@ const useSidebarState = ({ defaultMode, mode: modeProp, onModeChange }) => {
 		setSidebarElement
 	]);
 };
-//#endregion
-//#region src/components/Sidebar/SidebarProvider/SidebarProvider.tsx
+// src/components/Sidebar/SidebarProvider/SidebarProvider.tsx
 const DEFAULT_SIDEBAR_VARIANT = "none";
 const DEFAULT_SIDEBAR_MODE = "expanded";
 const DEFAULT_SIDEBAR_COLLAPSIBLE = "off-canvas";
@@ -379,8 +372,7 @@ const SidebarProvider = ({ children, defaultLeftMode = DEFAULT_SIDEBAR_MODE, lef
 		children
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarFillTrigger.tsx
+// src/components/Sidebar/SidebarFillTrigger.tsx
 const SidebarFillTrigger = ({ ref, side = "left", onClick, ...rest }) => {
 	const { toggleFill, isFill } = useSidebar(side);
 	const handleOnClick = (event) => {
@@ -394,27 +386,23 @@ const SidebarFillTrigger = ({ ref, side = "left", onClick, ...rest }) => {
 		"aria-selected": isFill
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarFooter.tsx
+// src/components/Sidebar/SidebarFooter.tsx
 const SidebarFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	"data-slot": "sidebar-footer",
 	className: cn("tw:flex", "tw:flex-col", "tw:gap-2", "tw:p-2", className),
 	...props
 });
-//#endregion
-//#region src/components/Sidebar/SidebarGroup/SidebarGroup.tsx
+// src/components/Sidebar/SidebarGroup/SidebarGroup.tsx
 const SidebarGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("tw:group/sidebar-group", "tw:relative", "tw:w-full", "tw:flex", "tw:flex-col", "tw:min-w-0", "tw:rounded-lg", className),
 	...props
 });
-//#endregion
-//#region src/components/Sidebar/SidebarGroup/SidebarGroupContent.tsx
+// src/components/Sidebar/SidebarGroup/SidebarGroupContent.tsx
 const SidebarGroupContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("tw:flex", "tw:flex-col", "tw:gap-2", "tw:w-full", className),
 	...props
 });
-//#endregion
-//#region src/components/Sidebar/SidebarGroup/SidebarGroupAction.tsx
+// src/components/Sidebar/SidebarGroup/SidebarGroupAction.tsx
 const SidebarGroupAction = ({ ref, className, type = "button", children, ...props }) => /* @__PURE__ */ jsx("button", {
 	...props,
 	type,
@@ -422,8 +410,7 @@ const SidebarGroupAction = ({ ref, className, type = "button", children, ...prop
 	className: cn("tw:group-data-[state=collapsed]/sidebar:hidden", "tw:absolute", "tw:right-1.5", "tw:top-2", "tw:flex", "tw:items-center", "tw:justify-center", "tw:size-5", "tw:text-sidebar-foreground", "tw:rounded-full", "tw:[&_svg:not([class*=\"tw:size-\"])]:size-3", "tw:[&_svg]:text-muted-foreground", "tw:hover:[&_svg]:text-secondary-600", "tw:hover:bg-muted", "tw:focus-visible:ring-4", "tw:focus-visible:ring-ring/30", "tw:focus-visible:outline", "tw:focus-visible:outline-1", "tw:focus-visible:outline-ring", className),
 	children
 });
-//#endregion
-//#region src/components/Sidebar/SidebarGroup/SidebarGroupLabel.tsx
+// src/components/Sidebar/SidebarGroup/SidebarGroupLabel.tsx
 const SidebarGroupLabel = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsxs("div", {
 	ref,
 	className: cn("tw:relative", "tw:flex", "tw:flex-col", "tw:shrink-0", "tw:h-8", "tw:px-2", "tw:-mb-1", "tw:rounded-lg", "tw:uppercase", "tw:font-sans", "tw:text-xs", "tw:tracking-[1px]", className),
@@ -437,16 +424,14 @@ const SidebarGroupLabel = ({ ref, className, children, ...props }) => /* @__PURE
 		children
 	})]
 });
-//#endregion
-//#region src/components/Sidebar/SidebarInstanceContext.ts
+// src/components/Sidebar/SidebarInstanceContext.ts
 const SidebarInstanceContext = createContext(null);
 const useSidebarInstance = () => {
 	const context = use(SidebarInstanceContext);
 	if (context === null) throw new Error("useSidebarInstance must be used within a SidebarInstanceContext.");
 	return context;
 };
-//#endregion
-//#region src/components/Sidebar/SidebarHeader.tsx
+// src/components/Sidebar/SidebarHeader.tsx
 const SidebarHeader = ({ className, children, ...props }) => {
 	const variant = use(SidebarInstanceContext)?.state === "collapsed" ? "mark" : "wordmark";
 	const fallback = /* @__PURE__ */ jsx(BrandLogo, {
@@ -460,23 +445,20 @@ const SidebarHeader = ({ className, children, ...props }) => {
 		children: children ?? fallback
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenu.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenu.tsx
 const SidebarMenu = ({ className, ...props }) => /* @__PURE__ */ jsx("ul", {
 	"data-sidebar": "menu",
 	className: cn("tw:flex", "tw:w-full", "tw:min-w-0", "tw:flex-col", "tw:gap-1", "tw:transition-[margin,opacity]", "tw:duration-(--sidebar-motion-duration)", "tw:ease-(--sidebar-motion-easing)", "tw:motion-reduce:transition-none", "tw:pl-0", className),
 	...props
 });
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuIcon.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuIcon.tsx
 const SidebarMenuIcon = ({ ref, className, children, ...rest }) => /* @__PURE__ */ jsx("span", {
 	...rest,
 	ref,
 	className: cn("tw:inline-flex", "tw:items-center", "tw:justify-center", "tw:aspect-square", "tw:shrink-0", "tw:p-0.5", "tw:text-sidebar-primary", "tw:[&_svg:not([class*=\"tw:size-\"])]:size-4", className),
 	children
 });
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/useDestinationDismiss.ts
+// src/components/Sidebar/SidebarMenu/useDestinationDismiss.ts
 /**
 * A menu item's click handler: the caller's own, then (on a phone) dismissing the sheet.
 *
@@ -493,8 +475,7 @@ const useDestinationDismiss = (props, onClick) => {
 		if (isMobile && isDestination) setMobileOpen(false);
 	};
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuButton.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuButton.tsx
 /** A collapsed rail is icon-only, so its labels appear almost at once instead of after the default 300ms. */
 const COLLAPSED_TOOLTIP_DELAY_MS = 50;
 const SidebarMenuButton = ({ ref, "aria-selected": selected, className, children, asChild = false, icon, tooltip, onClick, ...props }) => {
@@ -521,14 +502,12 @@ const SidebarMenuButton = ({ ref, "aria-selected": selected, className, children
 	});
 	return button;
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuItem.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuItem.tsx
 const SidebarMenuItem = ({ className, ...props }) => /* @__PURE__ */ jsx("li", {
 	className: cn("tw:group/sidebar-menu-item", "tw:relative", className),
 	...props
 });
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuAction.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuAction.tsx
 const SidebarMenuAction = ({ ref, className, asChild = false, showOnHover = false, children, ...props }) => {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
 		...props,
@@ -539,8 +518,7 @@ const SidebarMenuAction = ({ ref, className, asChild = false, showOnHover = fals
 		children
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarSearchInput.tsx
+// src/components/Sidebar/SidebarMenu/SidebarSearchInput.tsx
 const wrapperClassnames = cn("tw:group/search-input", "tw:relative", "tw:flex", "tw:items-center", "tw:min-h-9", "tw:rounded-lg", "tw:border", "tw:transition-all", "tw:group-data-[state=collapsed]/sidebar:cursor-pointer", "tw:group-data-[state=collapsed]/sidebar:border-transparent", "tw:group-data-[state=collapsed]/sidebar:hover:bg-sidebar-hover", "tw:group-data-[state=expanded]/sidebar:cursor-text", "tw:group-data-[state=expanded]/sidebar:px-2", "tw:group-data-[state=expanded]/sidebar:border-sidebar-border", "tw:focus-within:ring-2", "tw:focus-within:ring-sidebar-ring/50", "tw:focus-within:text-sidebar-foreground");
 const SidebarSearchInput = ({ ref: forwardedRef, className, ...inputProps }) => {
 	const { side } = useSidebarInstance();
@@ -562,8 +540,7 @@ const SidebarSearchInput = ({ ref: forwardedRef, className, ...inputProps }) =>
 		})]
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuCard.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuCard.tsx
 const Title = ({ children }) => /* @__PURE__ */ jsx("div", {
 	className: "tw:flex tw:select-none tw:gap-2 tw:text-sm tw:font-semibold",
 	children
@@ -613,8 +590,7 @@ const SidebarMenuCard = ({ children, className, icon, title, ...rest }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuBadge.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuBadge.tsx
 const SidebarMenuBadge = ({ ref, className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -624,8 +600,7 @@ const SidebarMenuBadge = ({ ref, className, ...props }) => {
 		...props
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuSub.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuSub.tsx
 const SidebarMenuSub = ({ children, icon, isActive = false, label, defaultOpen = false, open: openProp, onOpenChange }) => {
 	const { state, side, mode } = useSidebarInstance();
 	const [open, setOpen] = useState(null);
@@ -695,8 +670,7 @@ const SidebarMenuSub = ({ children, icon, isActive = false, label, defaultOpen =
 		}) })]
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarMenu/SidebarMenuSubItem.tsx
+// src/components/Sidebar/SidebarMenu/SidebarMenuSubItem.tsx
 const SidebarMenuSubItem = ({ ref, className, asChild = false, children, disabled, onClick, "aria-current": ariaCurrent, ...props }) => {
 	const { mode } = useSidebarInstance();
 	const handleClick = useDestinationDismiss(props, onClick);
@@ -722,8 +696,7 @@ const SidebarMenuSubItem = ({ ref, className, asChild = false, children, disable
 		})
 	});
 };
-//#endregion
-//#region src/components/Sidebar/useResizeSidebar.ts
+// src/components/Sidebar/useResizeSidebar.ts
 const DEFAULT_MIN_WIDTH = 384;
 const DEFAULT_MAX_WIDTH = 800;
 const useResizeSidebar = ({ side, minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFAULT_MAX_WIDTH }) => {
@@ -793,8 +766,7 @@ const useResizeSidebar = ({ side, minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFAU
 		isResizable
 	};
 };
-//#endregion
-//#region src/components/Sidebar/SidebarResizeHandle.tsx
+// src/components/Sidebar/SidebarResizeHandle.tsx
 const SidebarResizeHandle = ({ side, minWidth, maxWidth }) => {
 	const { handleProps, isResizable } = useResizeSidebar({
 		side,
@@ -808,16 +780,14 @@ const SidebarResizeHandle = ({ side, minWidth, maxWidth }) => {
 		className: cn("tw:absolute tw:inset-y-0 tw:z-10 tw:w-3", side === "right" ? "tw:left-0" : "tw:right-0", "tw:cursor-col-resize")
 	});
 };
-//#endregion
-//#region src/components/Sidebar/SidebarSeparator.tsx
+// src/components/Sidebar/SidebarSeparator.tsx
 const SidebarSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator, {
 	...props,
 	orientation: "horizontal",
 	size: "full",
 	className: cn("tw:before:bg-sidebar-border tw:p-2", className)
 });
-//#endregion
-//#region src/components/Sidebar/SidebarTrigger.tsx
+// src/components/Sidebar/SidebarTrigger.tsx
 const SidebarTrigger = ({ side = "left", onClick, hideWhenCollapsed = false, className, ...rest }) => {
 	const { toggle, state, isMobile, isMobileOpen } = useSidebar(side);
 	const handleOnClick = (event) => {
@@ -833,8 +803,7 @@ const SidebarTrigger = ({ side = "left", onClick, hideWhenCollapsed = false, cla
 		className: cn({ "tw:group-data-[state=collapsed]/sidebar:hidden": hideWhenCollapsed }, className)
 	});
 };
-//#endregion
-//#region src/components/Sidebar/Sidebar.tsx
+// src/components/Sidebar/Sidebar.tsx
 const Sidebar = ({ children, className, id, side = "left", style, container = false, keepMounted, mountAfterEnter, resizable = false, mobileTitle, ...rest }) => {
 	const oppositeSide = side === "left" ? "right" : "left";
 	const { setSidebarElement, state, mode, isFill, widths, collapsible, variant, isDragging, isMobile, isMobileOpen, setMobileOpen } = useSidebar(side);
@@ -970,7 +939,6 @@ Sidebar.MenuCard = SidebarMenuCard;
 Sidebar.MenuBadge = SidebarMenuBadge;
 Sidebar.SubMenu = SidebarMenuSub;
 Sidebar.SubItem = SidebarMenuSubItem;
-//#endregion
 export { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar };
 
-//# sourceMappingURL=Sidebar-BlYqasnX.js.map
+//# sourceMappingURL=Sidebar-DYvodJWN.js.map