@datum-cloud/datum-ui 1.3.2 → 1.4.0

package/dist/autosearch/index.mjs

@@ -1,9 +1,9 @@
-import { t as cn } from "../cn-dlASUkDY.mjs";
-import { t as Button } from "../button-B_N7A8gv.mjs";
-import { t as Input } from "../input-DBzgl-pN.mjs";
-import { t as ResponsivePopover } from "../responsive-popover-CVFh3i33.mjs";
-import { t as Tooltip } from "../tooltip-BqrOCH8l.mjs";
-import { n as OptionList, t as useOptionPicker } from "../use-option-picker-Cqzcr5f2.mjs";
+import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { t as Button } from "../button-A1qTjZ8U.mjs";
+import { t as Input } from "../input-j4tbmYYz.mjs";
+import { t as ResponsivePopover } from "../responsive-popover-DJZgXWIE.mjs";
+import { t as Tooltip } from "../tooltip-BhatUaar.mjs";
+import { n as OptionList, t as useOptionPicker } from "../use-option-picker-CV-9CyBV.mjs";
 import { AlertCircle, Loader2, X } from "lucide-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -48,9 +48,9 @@ function Autosearch({ options = [], value, onValueChange, onSearch, searchDeboun
 			clearTimeout(searchDebounceRef.current);
 			searchDebounceRef.current = null;
 		}
+		setSearchExecuted(false);
 		if (!normalized) {
 			onSearch?.("");
-			setSearchExecuted(false);
 			return;
 		}
 		searchDebounceRef.current = setTimeout(() => {
@@ -75,8 +75,6 @@ function Autosearch({ options = [], value, onValueChange, onSearch, searchDeboun
 			setPersistedOption(options.find((o) => o.value === selected) ?? null);
 			onValueChange?.(selected);
 			picker.setSearch("");
-			onSearch?.("");
-			setSearchExecuted(false);
 		},
 		onSearchChange: onSearchChangeForEngine,
 		closeOnSelect: true,
@@ -84,40 +82,35 @@ function Autosearch({ options = [], value, onValueChange, onSearch, searchDeboun
 		onOpenChange: setOpen
 	});
 	const hasSearch = Boolean(picker.search.trim());
-	const showResults = hasSearch && !value && options.length > 1;
+	const singleDisabledResult = options.length === 1 && Boolean(options[0]?.disabled);
+	const showResults = hasSearch && !value && (options.length > 1 || singleDisabledResult);
 	const showNoResults = hasSearch && !loading && options.length === 0 && searchExecuted;
 	React.useEffect(() => {
 		if (hasSearch && !value) setOpen(true);
 		else if (!hasSearch) setOpen(false);
 	}, [hasSearch, value]);
 	React.useEffect(() => {
-		if (value || !hasSearch) return;
+		if (value || !hasSearch || loading || !searchExecuted) return;
 		if (options.length === 1 && !options[0].disabled) {
 			const option = options[0];
 			setPersistedOption(option);
 			onValueChange?.(option.value);
 			picker.setSearch("");
-			onSearch?.("");
-			setSearchExecuted(false);
 			setOpen(false);
 		}
 	}, [
 		options,
 		value,
-		hasSearch
+		hasSearch,
+		loading,
+		searchExecuted
 	]);
 	const handleClear = React.useCallback(() => {
 		setPersistedOption(null);
 		picker.setSearch("");
-		onSearch?.("");
 		setOpen(false);
-		setSearchExecuted(false);
 		onValueChange?.("");
-	}, [
-		onValueChange,
-		onSearch,
-		picker
-	]);
+	}, [onValueChange, picker]);
 	const selectedOption = options.find((opt) => opt.value === value) ?? persistedOption;
 	const selectedLabel = selectedOption?.label ?? "";
 	const selectedDescription = selectedOption?.description ?? "";

package/dist/avatar/index.mjs

@@ -1,2 +1,28 @@
-import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "../avatar-DbTh2mk4.mjs";
+import { t as cn } from "../utils-Bu32wN-x.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region ../shadcn/ui/avatar.tsx
+function Avatar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		"data-slot": "avatar",
+		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
+		...props
+	});
+}
+//#endregion
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/avatar-stack/index.mjs

@@ -1,2 +1,2 @@
-import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-dsUoEFWs.mjs";
+import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-D1-BA7hA.mjs";
 export { AvatarStack, avatarStackVariants };

package/dist/{avatar-stack-dsUoEFWs.mjs → avatar-stack-D1-BA7hA.mjs}

@@ -1,6 +1,6 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "./avatar-DbTh2mk4.mjs";
-import { t as Tooltip } from "./tooltip-BqrOCH8l.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar/index.mjs";
+import { t as Tooltip } from "./tooltip-BhatUaar.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/badge/index.mjs

@@ -1,2 +1,2 @@
-import { n as badgeVariants, t as Badge } from "../badge-DO2_XsXD.mjs";
+import { n as badgeVariants, t as Badge } from "../badge-BTNW_FEU.mjs";
 export { Badge, badgeVariants };

package/dist/{badge-DO2_XsXD.mjs → badge-BTNW_FEU.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/breadcrumb/index.mjs

@@ -1,2 +1,2 @@
-import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-2S5MuWmM.mjs";
+import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-DmdhC8bE.mjs";
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/{breadcrumb-2S5MuWmM.mjs → breadcrumb-DmdhC8bE.mjs}

@@ -4,35 +4,35 @@ import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 //#region ../shadcn/ui/breadcrumb.tsx
-const Breadcrumb = ({ ...props }) => {
+function Breadcrumb({ ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"aria-label": "breadcrumb",
 		"data-slot": "breadcrumb",
 		...props
 	});
-};
-const BreadcrumbList = ({ className, ...props }) => {
+}
+function BreadcrumbList({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ol", {
 		"data-slot": "breadcrumb-list",
 		className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
 		...props
 	});
-};
-const BreadcrumbItem = ({ className, ...props }) => {
+}
+function BreadcrumbItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "breadcrumb-item",
 		className: cn("inline-flex items-center gap-1.5", className),
 		...props
 	});
-};
-const BreadcrumbLink = ({ asChild, className, ...props }) => {
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
 		"data-slot": "breadcrumb-link",
 		className: cn("hover:text-foreground transition-colors", className),
 		...props
 	});
-};
-const BreadcrumbPage = ({ className, ...props }) => {
+}
+function BreadcrumbPage({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "breadcrumb-page",
 		role: "link",
@@ -41,8 +41,8 @@ const BreadcrumbPage = ({ className, ...props }) => {
 		className: cn("text-foreground font-normal", className),
 		...props
 	});
-};
-const BreadcrumbSeparator = ({ children, className, ...props }) => {
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "breadcrumb-separator",
 		role: "presentation",
@@ -51,8 +51,8 @@ const BreadcrumbSeparator = ({ children, className, ...props }) => {
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
 	});
-};
-const BreadcrumbEllipsis = ({ className, ...props }) => {
+}
+function BreadcrumbEllipsis({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {
 		"data-slot": "breadcrumb-ellipsis",
 		role: "presentation",
@@ -64,6 +64,6 @@ const BreadcrumbEllipsis = ({ className, ...props }) => {
 			children: "More"
 		})]
 	});
-};
+}
 //#endregion
 export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };

package/dist/button/index.mjs

@@ -1,3 +1,3 @@
-import { n as buttonVariants, t as Button } from "../button-B_N7A8gv.mjs";
-import { t as LinkButton } from "../button-BLYlDzP-.mjs";
+import { n as buttonVariants, t as Button } from "../button-A1qTjZ8U.mjs";
+import { t as LinkButton } from "../button-H_8dI-Ib.mjs";
 export { Button, LinkButton, buttonVariants };

package/dist/{button-B_N7A8gv.mjs → button-A1qTjZ8U.mjs}

@@ -1,8 +1,28 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as SpinnerIcon } from "./spinner.icon-DSvVwPjx.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-BYUMQ8H-.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/base/button/icon-only.ts
+/**
+* Returns the width/padding class that squares off an icon-only button for a
+* given size. Shared by Button and LinkButton to keep their icon-only sizing
+* in sync.
+*
+* Returns '' when the button is not icon-only, or when the size is already
+* self-sizing: 'icon' (square by variant) and 'link' (inline, content-sized —
+* must never be forced to a fixed square).
+*/
+function getIconOnlyClass(size, isIconOnly) {
+	if (!isIconOnly || size === "icon" || size === "link") return "";
+	switch (size) {
+		case "xs": return "w-7 px-0";
+		case "small": return "w-8 px-0";
+		case "large": return "w-11 px-0";
+		default: return "w-9 px-0";
+	}
+}
+//#endregion
 //#region src/components/base/button/button.tsx
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50", {
 	variants: {
@@ -190,7 +210,7 @@ function Button({ ref, className, type, theme, size, block, loading = false, dis
 	const showIcon = !loading && icon;
 	const getLoadingIcon = () => {
 		return loadingIcon || /* @__PURE__ */ jsx(SpinnerIcon, {
-			size: size === "small" ? "xs" : size === "large" ? "sm" : "md",
+			size: size === "small" || size === "xs" ? "xs" : size === "large" ? "sm" : "md",
 			"aria-hidden": "true"
 		});
 	};
@@ -198,19 +218,13 @@ function Button({ ref, className, type, theme, size, block, loading = false, dis
 		size: "sm",
 		"aria-hidden": "true"
 	}));
-	const getIconOnlyClass = () => {
-		if (!isIconOnly || size === "icon") return "";
-		if (size === "small") return "w-8 px-0";
-		if (size === "large") return "w-11 px-0";
-		return "w-9 px-0";
-	};
 	return /* @__PURE__ */ jsx("button", {
 		className: cn(buttonVariants({
 			type,
 			theme,
 			size,
 			block
-		}), getIconOnlyClass(), className),
+		}), getIconOnlyClass(size, Boolean(isIconOnly)), className),
 		ref,
 		disabled: isDisabled,
 		type: htmlType,
@@ -225,4 +239,4 @@ function Button({ ref, className, type, theme, size, block, loading = false, dis
 }
 Button.displayName = "Button";
 //#endregion
-export { buttonVariants as n, Button as t };
+export { buttonVariants as n, getIconOnlyClass as r, Button as t };

package/dist/{button-BLYlDzP-.mjs → button-H_8dI-Ib.mjs}

@@ -1,16 +1,10 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { n as buttonVariants } from "./button-B_N7A8gv.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { n as buttonVariants, r as getIconOnlyClass } from "./button-A1qTjZ8U.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/base/button/link-button.tsx
 function LinkButton({ ref, className, type, theme, size, block, icon, iconPosition = "left", children, as: Component = "a", href, ...props }) {
 	const isIconOnly = icon && !children;
-	const getIconOnlyClass = () => {
-		if (!isIconOnly || size === "icon") return "";
-		if (size === "small") return "w-8 px-0";
-		if (size === "large") return "w-11 px-0";
-		return "w-9 px-0";
-	};
 	const linkProps = Component === "a" ? { href } : { to: href };
 	return /* @__PURE__ */ jsx(Component, {
 		className: cn(buttonVariants({
@@ -18,7 +12,7 @@ function LinkButton({ ref, className, type, theme, size, block, icon, iconPositi
 			theme,
 			size,
 			block
-		}), getIconOnlyClass(), className),
+		}), getIconOnlyClass(size, Boolean(isIconOnly)), className),
 		ref,
 		...linkProps,
 		...props,

package/dist/button-group/index.mjs

@@ -1,2 +1,2 @@
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-B5s-1BCV.mjs";
+import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-DFrTH4L8.mjs";
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/{button-group-B5s-1BCV.mjs → button-group-DFrTH4L8.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Separator } from "./separator-BONRV3sq.mjs";
+import { t as Separator } from "./separator-vbPD_WFQ.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";

package/dist/calendar/index.mjs

@@ -1,2 +1,111 @@
-import { n as CalendarDayButton, t as Calendar } from "../calendar-ByqfbFGx.mjs";
+import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { n as buttonVariants, t as Button } from "../button-CsdF61EI.mjs";
+import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+//#region src/components/base/calendar/calendar.tsx
+function CalendarRoot({ className, rootRef, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "calendar",
+		ref: rootRef,
+		className: cn(className),
+		...props
+	});
+}
+function CalendarChevron({ className, orientation, ...props }) {
+	if (orientation === "left") return /* @__PURE__ */ jsx(Icon, {
+		icon: ChevronLeftIcon,
+		className: cn("size-4", className),
+		...props
+	});
+	if (orientation === "right") return /* @__PURE__ */ jsx(Icon, {
+		icon: ChevronRightIcon,
+		className: cn("size-4", className),
+		...props
+	});
+	return /* @__PURE__ */ jsx(Icon, {
+		icon: ChevronDownIcon,
+		className: cn("size-4", className),
+		...props
+	});
+}
+function CalendarWeekNumber({ children, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex size-(--cell-size) items-center justify-center text-center",
+			children
+		})
+	});
+}
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		showOutsideDays,
+		className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+		captionLayout,
+		formatters: {
+			formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+			...formatters
+		},
+		classNames: {
+			root: cn("w-fit", defaultClassNames.root),
+			months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+			month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+			nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+			month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+			dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+			dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
+			dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
+			caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+			month_grid: "w-full border-collapse",
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+			week: cn("flex w-full mt-2", defaultClassNames.week),
+			week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+			week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+			day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
+			range_start: cn("rounded-l-md bg-primary/10", defaultClassNames.range_start),
+			range_middle: cn("rounded-none bg-primary/10", defaultClassNames.range_middle),
+			range_end: cn("rounded-r-md bg-primary/10", defaultClassNames.range_end),
+			today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+			hidden: cn("invisible", defaultClassNames.hidden),
+			...classNames
+		},
+		components: {
+			Root: CalendarRoot,
+			Chevron: CalendarChevron,
+			DayButton: CalendarDayButton,
+			WeekNumber: CalendarWeekNumber,
+			...components
+		},
+		...props
+	});
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React.useRef(null);
+	React.useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		variant: "ghost",
+		size: "icon",
+		"data-day": day.date.toLocaleDateString(),
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-transparent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+		...props
+	});
+}
+//#endregion
 export { Calendar, CalendarDayButton };

package/dist/{calendar-date-picker-DAVXW7Jg.mjs → calendar-date-picker-C52Y05ZN.mjs}

@@ -1,5 +1,5 @@
-import { t as useDeprecationWarning } from "./use-deprecation-warning-BjKiPZ98.mjs";
-import { t as DateRangePicker } from "./date-range-picker-CuU5mdxt.mjs";
+import { o as DateRangePicker } from "./picker-CRUSdzpo.mjs";
+import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
 /**
@@ -10,9 +10,9 @@ import { jsx } from "react/jsx-runtime";
 function CalendarDatePicker({ date, onDateSelect, closeOnSelect, numberOfMonths = 2, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture, disablePast, className, triggerClassName, popoverClassName, disabled, modal, responsive = true, sheetTitle, id }) {
 	useDeprecationWarning("CalendarDatePicker", "DateRangePicker");
 	return /* @__PURE__ */ jsx(DateRangePicker, {
-		value: date && date.from && date.to ? {
+		value: date?.from ? {
 			from: date.from,
-			to: date.to
+			to: date.to ?? date.from
 		} : null,
 		onChange: (next) => {
 			if (next === null) onDateSelect(void 0);

package/dist/card/index.mjs

@@ -1,2 +1,2 @@
-import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-C5ykfNwX.mjs";
+import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-Cphn2nA3.mjs";
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/{card-C5ykfNwX.mjs → card-Cphn2nA3.mjs}

@@ -1,29 +1,28 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as cn$1 } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../shadcn/ui/card.tsx
-const CardTitle = ({ className, ...props }) => {
+function CardTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-title",
-		className: cn$1("leading-none font-semibold", className),
+		className: cn("leading-none font-semibold", className),
 		...props
 	});
-};
-const CardDescription = ({ className, ...props }) => {
+}
+function CardDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-description",
-		className: cn$1("text-muted-foreground text-sm", className),
+		className: cn("text-muted-foreground text-sm", className),
 		...props
 	});
-};
-const CardContent = ({ className, ...props }) => {
+}
+function CardContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-content",
-		className: cn$1("px-6", className),
+		className: cn("px-6", className),
 		...props
 	});
-};
+}
 //#endregion
 //#region src/components/base/card/card.tsx
 /**

package/dist/chart/index.mjs

@@ -1,2 +1,2 @@
-import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-CyOC7Ha-.mjs";
+import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-DeCrbcpY.mjs";
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/{chart-CyOC7Ha-.mjs → chart-DeCrbcpY.mjs}

@@ -30,7 +30,7 @@ function ChartContainer({ id, className, children, config, ...props }) {
 		})
 	});
 }
-const ChartStyle = ({ id, config }) => {
+function ChartStyle({ id, config }) {
 	const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
 	if (!colorConfig.length) return null;
 	return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: Object.entries(THEMES).map(([theme, prefix]) => `
@@ -41,7 +41,7 @@ const ChartStyle = ({ id, config }) => {
 	}).join("\n")}
             }
             `).join("\n") } });
-};
+}
 const ChartTooltip = RechartsPrimitive.Tooltip;
 function ChartTooltipContent({ active, payload, label, className, indicator = "dot", hideLabel = false, hideIndicator = false, labelFormatter, formatter, labelClassName, color, nameKey, labelKey }) {
 	const { config } = useChart();
@@ -101,7 +101,7 @@ function ChartTooltipContent({ active, payload, label, className, indicator = "d
 								className: "text-muted-foreground",
 								children: itemConfig?.label || item.name
 							})]
-						}), item.value && /* @__PURE__ */ jsx("span", {
+						}), item.value !== void 0 && item.value !== null && /* @__PURE__ */ jsx("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: item.value.toLocaleString()
 						})]

package/dist/checkbox/index.mjs

@@ -1,2 +1,2 @@
-import { t as Checkbox } from "../checkbox-BZr9bkke.mjs";
+import { t as Checkbox } from "../checkbox-C6P12fio.mjs";
 export { Checkbox };

package/dist/{checkbox-BZr9bkke.mjs → checkbox-C6P12fio.mjs}

@@ -1,5 +1,4 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as cn$1 } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { CheckIcon } from "lucide-react";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -8,7 +7,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 function Checkbox$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
 		"data-slot": "checkbox",
-		className: cn$1("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
 		...props,
 		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
 			"data-slot": "checkbox-indicator",

package/dist/{close.icon-ClpRDt_H.mjs → close.icon-DdXKQ4m0.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/icons/close.icon.tsx
 function CloseIcon({ className, fill = "fill-foreground" }) {

package/dist/code-editor/index.mjs

@@ -1,2 +1,2 @@
-import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-B7jxIH5I.mjs";
+import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-DrN0rei5.mjs";
 export { CodeEditor, CodeEditorTabs, createCodeEditorSchema, formatJson, formatYaml, isValidJson, isValidYaml, jsonSchema, jsonToYaml, yamlSchema, yamlToJson };

package/dist/{col-DlpHgWOq.mjs → col-BYGWTB4j.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import * as React from "react";
 import { use, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -38,11 +38,23 @@ function registerMediaQuery(query, callback) {
 		else callback.unmatch();
 	};
 	if (mediaQuery.matches) callback.match();
+	else callback.unmatch();
 	mediaQuery.addEventListener("change", handleChange);
 	return () => {
 		mediaQuery.removeEventListener("change", handleChange);
 	};
 }
+/**
+* Whether a gutter needs viewport tracking (i.e. it contains a responsive
+* breakpoint object). True for the object form (`{ md: 16 }`) AND for the array
+* form (`[{ md: 16 }, 8]`). Row uses this to decide whether to register media
+* queries; without it, array-form responsive gutters never track the viewport
+* and `getGutter` resolves them against the all-true initial `screens`, i.e. the
+* largest breakpoint (BUG-084).
+*/
+function isResponsiveGutter(gutter) {
+	return (Array.isArray(gutter) ? gutter : [gutter]).some((part) => typeof part === "object" && part !== null);
+}
 function getGutter(gutter = 0, screens) {
 	const results = [0, 0];
 	(Array.isArray(gutter) ? gutter.slice(0, 2) : [gutter, 0]).forEach((g, index) => {
@@ -64,6 +76,7 @@ function getResponsiveValue(value, screens) {
 			const breakpoint = RESPONSIVE_ARRAY[i];
 			if (screens[breakpoint] && responsiveValue[breakpoint] !== void 0) return responsiveValue[breakpoint];
 		}
+		return;
 	}
 	return value;
 }
@@ -79,9 +92,9 @@ const Row = ({ type, align, justify, className, style, children, gutter = 0, pre
 		xl: true,
 		xxl: true
 	});
-	const [unRegisters, setUnRegisters] = useState([]);
 	useEffect(() => {
-		if (typeof gutter === "object" && !Array.isArray(gutter)) setUnRegisters(Object.keys(RESPONSIVE_MAP).map((screen) => registerMediaQuery(RESPONSIVE_MAP[screen], {
+		if (!isResponsiveGutter(gutter)) return;
+		const unRegisters = Object.keys(RESPONSIVE_MAP).map((screen) => registerMediaQuery(RESPONSIVE_MAP[screen], {
 			match: () => {
 				setScreens((prevState) => ({
 					...prevState,
@@ -94,7 +107,7 @@ const Row = ({ type, align, justify, className, style, children, gutter = 0, pre
 					[screen]: false
 				}));
 			}
-		})));
+		}));
 		return () => {
 			unRegisters.forEach((unRegister) => unRegister());
 		};