@datum-cloud/datum-ui 0.4.0 → 0.6.0-alpha.3e04d8c

package/dist/{breadcrumb-CJNaYyk1.mjs → breadcrumb-B-9G347O.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/ui/breadcrumb.tsx
 const Breadcrumb = ({ ...props }) => {
 	return /* @__PURE__ */ jsx("nav", {
@@ -66,6 +65,5 @@ const BreadcrumbEllipsis = ({ className, ...props }) => {
 		})]
 	});
 };
-
 //#endregion
-export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
+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,4 +1,3 @@
-import { n as buttonVariants, t as Button } from "../button-0N61fmAR.mjs";
-import { t as LinkButton } from "../link-button-Cby0p4LW.mjs";
-
-export { Button, LinkButton, buttonVariants };
+import { n as buttonVariants, t as Button } from "../button-BllvE9Lm.mjs";
+import { t as LinkButton } from "../button-fO8nazJE.mjs";
+export { Button, LinkButton, buttonVariants };

package/dist/{button-0N61fmAR.mjs → button-BllvE9Lm.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as SpinnerIcon } from "./spinner.icon-C0MbtgqX.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-C-vjSM6o.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/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: {
@@ -225,6 +224,5 @@ 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, Button as t };

package/dist/{button-D6AORsOz.mjs → button-D3RrsMfQ.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { cva } from "class-variance-authority";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/ui/button.tsx
 /**
 * Vanilla shadcn/ui Button Component
@@ -44,6 +43,5 @@ const Button = React$1.forwardRef(({ className, variant, size, asChild = false,
 	});
 });
 Button.displayName = "Button";
-
 //#endregion
-export { buttonVariants as n, Button as t };
+export { buttonVariants as n, Button as t };

package/dist/{link-button-Cby0p4LW.mjs → button-fO8nazJE.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as buttonVariants } from "./button-0N61fmAR.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { n as buttonVariants } from "./button-BllvE9Lm.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;
@@ -31,6 +30,5 @@ function LinkButton({ ref, className, type, theme, size, block, icon, iconPositi
 	});
 }
 LinkButton.displayName = "LinkButton";
-
 //#endregion
-export { LinkButton as t };
+export { LinkButton as t };

package/dist/button-group/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../separator-BzyALya2.mjs";
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-BDk8btAy.mjs";
-
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-CYPka2zz.mjs";
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/{button-group-BDk8btAy.mjs → button-group-CYPka2zz.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
-import { t as Separator } from "./separator-BzyALya2.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
+import { t as Separator } from "./separator-DXVTncCK.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/ui/button-group.tsx
 const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
@@ -35,6 +34,5 @@ function ButtonGroupSeparator({ className, orientation = "vertical", ...props })
 		...props
 	});
 }
-
 //#endregion
-export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
+export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };

package/dist/calendar/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../button-D6AORsOz.mjs";
-import { n as CalendarDayButton, t as Calendar } from "../calendar-BtfraIvX.mjs";
-
-export { Calendar, CalendarDayButton };
+import { n as CalendarDayButton, t as Calendar } from "../calendar-DEkCw7I1.mjs";
+export { Calendar, CalendarDayButton };

package/dist/{calendar-BtfraIvX.mjs → calendar-DEkCw7I1.mjs}

@@ -1,11 +1,10 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as buttonVariants, t as Button } from "./button-D6AORsOz.mjs";
-import { t as Icon } from "./icon-wrapper-BBK4z4tj.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { n as buttonVariants, t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React$1 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", {
@@ -108,6 +107,5 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { CalendarDayButton as n, Calendar$1 as t };
+export { CalendarDayButton as n, Calendar$1 as t };

package/dist/{calendar-date-picker-B9mxJM7f.mjs → calendar-date-picker-CDT-8Ha8.mjs}

@@ -1,15 +1,14 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Button } from "./button-D6AORsOz.mjs";
-import { t as Calendar$1 } from "./calendar-BtfraIvX.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-ugw5MpuT.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-BZOKWjlH.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Calendar$1 } from "./calendar-DEkCw7I1.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-FJAcbYoH.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CiLR_DiQ.mjs";
 import { cva } from "class-variance-authority";
 import { CalendarIcon, X } from "lucide-react";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { endOfDay, endOfMonth, endOfWeek, endOfYear, startOfDay, startOfMonth, startOfWeek, startOfYear, subDays } from "date-fns";
 import { formatInTimeZone, toDate } from "date-fns-tz";
-
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
 const months = [
 	"January",
@@ -36,7 +35,7 @@ const multiSelectVariants = cva("flex font-normal shadow-none items-center justi
 	} },
 	defaultVariants: { variant: "default" }
 });
-function CalendarDatePicker({ ref, id = "calendar-date-picker", className, triggerClassName, date, closeOnSelect = false, numberOfMonths = 2, yearsRange = 10, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture = false, disablePast = false, maxRange, popoverClassName, disabled, ...props }) {
+function CalendarDatePicker({ ref, id = "calendar-date-picker", className, triggerClassName, date, closeOnSelect = false, numberOfMonths = 2, yearsRange = 10, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture = false, disablePast = false, maxRange, popoverClassName, disabled, modal = false, ...props }) {
 	const [isPopoverOpen, setIsPopoverOpen] = React$1.useState(false);
 	const [selectedRange, setSelectedRange] = React$1.useState(numberOfMonths === 2 ? "This Year" : "Today");
 	const [monthFrom, setMonthFrom] = React$1.useState(date?.from);
@@ -422,6 +421,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
           ` }), /* @__PURE__ */ jsxs(Popover, {
 		open: isPopoverOpen,
 		onOpenChange: setIsPopoverOpen,
+		modal,
 		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(Button, {
@@ -661,6 +661,5 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
 	})] });
 }
 CalendarDatePicker.displayName = "CalendarDatePicker";
-
 //#endregion
-export { CalendarDatePicker as t };
+export { CalendarDatePicker as t };

package/dist/card/index.mjs

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

package/dist/{card-BiHXFt4s.mjs → card-DKG1Cwlj.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as cn$1 } from "./utils-C8KwMfT_.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../shadcn/ui/card.tsx
 const CardTitle = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -25,7 +24,6 @@ const CardContent = ({ className, ...props }) => {
 		...props
 	});
 };
-
 //#endregion
 //#region src/components/base/card/card.tsx
 /**
@@ -58,6 +56,5 @@ function CardFooter({ className, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { CardDescription as a, CardContent as i, CardFooter as n, CardTitle as o, CardHeader as r, Card as t };
+export { CardDescription as a, CardContent as i, CardFooter as n, CardTitle as o, CardHeader as r, Card as t };

package/dist/chart/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-CL0i-xIt.mjs";
-
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-CUa21ynK.mjs";
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/{chart-CL0i-xIt.mjs → chart-CUa21ynK.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as RechartsPrimitive from "recharts";
-
 //#region ../shadcn/ui/chart.tsx
 const THEMES = {
 	light: "",
@@ -138,6 +137,5 @@ function getPayloadConfigFromPayload(config, payload, key) {
 	else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") configLabelKey = payloadPayload[key];
 	return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-
 //#endregion
-export { ChartTooltip as a, ChartStyle as i, ChartLegend as n, ChartTooltipContent as o, ChartLegendContent as r, ChartContainer as t };
+export { ChartTooltip as a, ChartStyle as i, ChartLegend as n, ChartTooltipContent as o, ChartLegendContent as r, ChartContainer as t };

package/dist/checkbox/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import { t as Checkbox } from "../checkbox-CQrjygFt.mjs";
-
-export { Checkbox };
+import { t as Checkbox } from "../checkbox-I5BvrMPe.mjs";
+export { Checkbox };

package/dist/{checkbox-CQrjygFt.mjs → checkbox-I5BvrMPe.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as cn$1 } from "./utils-C8KwMfT_.mjs";
 import { CheckIcon } from "lucide-react";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-
 //#region ../shadcn/ui/checkbox.tsx
 function Checkbox$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
@@ -18,7 +17,6 @@ function Checkbox$1({ className, ...props }) {
 		})
 	});
 }
-
 //#endregion
 //#region src/components/base/checkbox/checkbox.tsx
 function Checkbox({ ref, className, ...props }) {
@@ -29,6 +27,5 @@ function Checkbox({ ref, className, ...props }) {
 	});
 }
 Checkbox.displayName = "Checkbox";
-
 //#endregion
-export { Checkbox as t };
+export { Checkbox as t };

package/dist/{close.icon-D2r5q3bj.mjs → close.icon-HCfS4Y-N.mjs}

@@ -1,6 +1,5 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/icons/close.icon.tsx
 function CloseIcon({ className, fill = "fill-foreground" }) {
 	return /* @__PURE__ */ jsx("svg", {
@@ -17,6 +16,5 @@ function CloseIcon({ className, fill = "fill-foreground" }) {
 		})
 	});
 }
-
 //#endregion
-export { CloseIcon as t };
+export { CloseIcon as t };

package/dist/{cn-DWCc1QRE.mjs → cn-D2KYQ917.mjs}

@@ -1,10 +1,8 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-
 //#region src/utils/cn.ts
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
-
 //#endregion
-export { cn as t };
+export { cn as t };

package/dist/code-editor/index.mjs

@@ -0,0 +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-BZNk3q65.mjs";
+export { CodeEditor, CodeEditorTabs, createCodeEditorSchema, formatJson, formatYaml, isValidJson, isValidYaml, jsonSchema, jsonToYaml, yamlSchema, yamlToJson };

package/dist/{col-C9PDhvm5.mjs → col-1T0Q3SlH.mjs}

@@ -1,7 +1,6 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
 import React, { use, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/features/grid/constants/grid.constants.ts
 const GRID_BREAKPOINTS = {
 	xs: 480,
@@ -29,7 +28,6 @@ const RESPONSIVE_MAP = {
 	xl: "(min-width: 1200px)",
 	xxl: "(min-width: 1600px)"
 };
-
 //#endregion
 //#region src/components/features/grid/utils/responsive.ts
 function registerMediaQuery(query, callback) {
@@ -68,7 +66,6 @@ function getResponsiveValue(value, screens) {
 	}
 	return value;
 }
-
 //#endregion
 //#region src/components/features/grid/components/row.tsx
 const RowContext = React.createContext(null);
@@ -130,7 +127,6 @@ const Row = ({ type, align, justify, className, style, children, gutter = 0, pre
 		})
 	});
 };
-
 //#endregion
 //#region src/components/features/grid/components/col.tsx
 const Col = ({ span, order, offset, push, pull, className, prefixCls = GRID_PREFIX, style, children, ...rest }) => {
@@ -179,6 +175,5 @@ const Col = ({ span, order, offset, push, pull, className, prefixCls = GRID_PREF
 		children
 	});
 };
-
 //#endregion
-export { getResponsiveValue as a, GRID_COLUMNS as c, RESPONSIVE_MAP as d, getGutter as i, GRID_PREFIX as l, Row as n, registerMediaQuery as o, RowContext as r, GRID_BREAKPOINTS as s, Col as t, RESPONSIVE_ARRAY as u };
+export { getResponsiveValue as a, GRID_COLUMNS as c, RESPONSIVE_MAP as d, getGutter as i, GRID_PREFIX as l, Row as n, registerMediaQuery as o, RowContext as r, GRID_BREAKPOINTS as s, Col as t, RESPONSIVE_ARRAY as u };

package/dist/collapsible/index.mjs

@@ -1,3 +1,2 @@
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-Dw71o2um.mjs";
-
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-CUphkSBt.mjs";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/{collapsible-Dw71o2um.mjs → collapsible-CUphkSBt.mjs}

@@ -1,9 +1,7 @@
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-
 //#region ../shadcn/ui/collapsible.tsx
 const Collapsible = CollapsiblePrimitive.Root;
 const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-
 //#endregion
-export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible as t };
+export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible as t };

package/dist/combobox/index.mjs

@@ -0,0 +1,2 @@
+import { t as Combobox } from "../combobox-B-C9lJeD.mjs";
+export { Combobox };

package/dist/combobox-B-C9lJeD.mjs

@@ -0,0 +1,97 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DqHWukGK.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-FJAcbYoH.mjs";
+import { CheckIcon, ChevronDown, X } from "lucide-react";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/combobox/combobox.tsx
+/**
+* Combobox - Single-select dropdown with search
+*
+* A simpler alternative to Autocomplete for basic select scenarios.
+* Supports grouped options and search filtering.
+*
+* @example
+* ```tsx
+* const options = [
+*   { value: '1', label: 'Option 1' },
+*   { value: '2', label: 'Option 2' },
+* ]
+*
+* <Combobox
+*   options={options}
+*   value={value}
+*   onChange={setValue}
+*   placeholder="Select an option"
+* />
+* ```
+*/
+function Combobox({ options, value, onChange, placeholder = "Select option...", searchPlaceholder = "Search...", emptyMessage = "No options found.", disabled = false, className, triggerClassName, contentClassName, searchable = true, showDropdownArrow = true, clearable = false, id, "data-testid": testId, modal = true }) {
+	const [open, setOpen] = React$1.useState(false);
+	const isGrouped = options.length > 0 && "options" in options[0];
+	const selectedOption = React$1.useMemo(() => {
+		if (isGrouped) return options.flatMap((group) => group.options);
+		return options;
+	}, [options, isGrouped]).find((opt) => opt.value === value);
+	const handleSelect = React$1.useCallback((selectedValue) => {
+		onChange?.(selectedValue === value ? void 0 : selectedValue);
+		setOpen(false);
+	}, [value, onChange]);
+	const handleClear = React$1.useCallback((e) => {
+		e.stopPropagation();
+		onChange?.(void 0);
+	}, [onChange]);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		modal,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				role: "combobox",
+				"aria-expanded": open,
+				disabled,
+				id,
+				"data-testid": testId,
+				className: cn("flex h-10 w-full items-center justify-between rounded-lg border border-input bg-background px-3 py-2 text-sm", "ring-offset-background placeholder:text-muted-foreground", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", triggerClassName, className),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: selectedOption ? selectedOption.label : placeholder
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "ml-2 flex shrink-0 items-center gap-1",
+					children: [clearable && selectedOption && !disabled && /* @__PURE__ */ jsx(X, {
+						className: "size-4 opacity-50 hover:opacity-100",
+						onClick: handleClear
+					}), showDropdownArrow && /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" })]
+				})]
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: cn("popover-content-width-full p-0", contentClassName),
+			align: "start",
+			children: /* @__PURE__ */ jsxs(Command, { children: [searchable && /* @__PURE__ */ jsx(CommandInput, {
+				placeholder: searchPlaceholder,
+				className: "h-9"
+			}), /* @__PURE__ */ jsxs(CommandList, {
+				className: "max-h-[300px]",
+				children: [/* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }), isGrouped ? options.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
+					heading: group.label,
+					children: group.options.map((option) => /* @__PURE__ */ jsxs(CommandItem, {
+						value: option.value,
+						disabled: option.disabled,
+						onSelect: handleSelect,
+						children: [option.label, /* @__PURE__ */ jsx(CheckIcon, { className: cn("ml-auto size-4", value === option.value ? "opacity-100" : "opacity-0") })]
+					}, option.value))
+				}, group.label)) : /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(CommandItem, {
+					value: option.value,
+					disabled: option.disabled,
+					onSelect: handleSelect,
+					children: [option.label, /* @__PURE__ */ jsx(CheckIcon, { className: cn("ml-auto size-4", value === option.value ? "opacity-100" : "opacity-0") })]
+				}, option.value)) })]
+			})] })
+		})]
+	});
+}
+Combobox.displayName = "Combobox";
+//#endregion
+export { Combobox as t };

package/dist/command/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../dialog-DdrHeboM.mjs";
-import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-DVroicgn.mjs";
-
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-DqHWukGK.mjs";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/{command-DVroicgn.mjs → command-DqHWukGK.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
-import { i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-DdrHeboM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
+import { i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-DASRaFxD.mjs";
 import { SearchIcon } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Command } from "cmdk";
-
 //#region ../shadcn/ui/command.tsx
 const Command$1 = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx(Command, {
@@ -81,6 +80,5 @@ const CommandShortcut = ({ className, ...props }) => {
 		...props
 	});
 };
-
 //#endregion
-export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
+export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };

package/dist/components/features/autocomplete/autocomplete.d.ts

@@ -27,7 +27,7 @@ import type { AutocompleteOption, AutocompleteProps } from './autocomplete.types
  * />
  * ```
  */
-export declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ options, value, onValueChange, onSearchChange, searchPlaceholder, disableSearch, renderOption, renderValue, placeholder, emptyContent, footer, creatable, creatableLabel, virtualize, itemSize, loading, disabled, name, id, className, triggerClassName, contentClassName, listClassName, }: AutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ options, value, onValueChange, onSearchChange, searchPlaceholder, disableSearch, renderOption, renderValue, placeholder, emptyContent, footer, creatable, creatableLabel, virtualize, itemSize, loading, modal, disabled, name, id, className, triggerClassName, contentClassName, listClassName, }: AutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Autocomplete {
     var displayName: string;
 }

package/dist/components/features/autocomplete/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/features/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,sBAAsB,CAAA;AAkP7B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EAAE,EAC9E,OAAO,EACP,KAAK,EACL,aAAa,EACb,cAAc,EACd,iBAA+B,EAC/B,aAAqB,EACrB,YAAY,EACZ,WAAW,EACX,WAAyB,EACzB,YAAiC,EACjC,MAAM,EACN,SAAiB,EACjB,cAAc,EACd,UAAkB,EAClB,QAAa,EACb,OAAe,EACf,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,GACd,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA8JtB;yBAtLe,YAAY"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/features/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,sBAAsB,CAAA;AAkP7B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EAAE,EAC9E,OAAO,EACP,KAAK,EACL,aAAa,EACb,cAAc,EACd,iBAA+B,EAC/B,aAAqB,EACrB,YAAY,EACZ,WAAW,EACX,WAAyB,EACzB,YAAiC,EACjC,MAAM,EACN,SAAiB,EACjB,cAAc,EACd,UAAkB,EAClB,QAAa,EACb,OAAe,EACf,KAAa,EACb,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,GACd,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA8JtB;yBAvLe,YAAY"}

package/dist/components/features/autocomplete/autocomplete.types.d.ts

@@ -48,6 +48,8 @@ export interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOp
     itemSize?: number;
     /** External loading state */
     loading?: boolean;
+    /** Popover modal mode - required when using inside a Dialog/Modal component (default: true) */
+    modal?: boolean;
     /** Disable the component */
     disabled?: boolean;
     /** HTML name attribute for hidden input */

package/dist/components/features/autocomplete/autocomplete.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/autocomplete/autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB;IAClF,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,OAAO,EAAE,CAAC,EAAE,CAAA;CACb;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB;IAElF,4EAA4E;IAC5E,OAAO,EAAE,CAAC,EAAE,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAA;IAGrC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGvC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5C,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAGxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnD,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IAGX,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAMD;;;GAGG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,IAAI,IAAI,CACzF,iBAAiB,CAAC,CAAC,CAAC,EACpB,OAAO,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAC1C,CAAA"}
+{"version":3,"file":"autocomplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/autocomplete/autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB;IAClF,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,OAAO,EAAE,CAAC,EAAE,CAAA;CACb;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB;IAElF,4EAA4E;IAC5E,OAAO,EAAE,CAAC,EAAE,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAA;IAGrC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGvC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5C,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAGxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnD,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IAGX,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAMD;;;GAGG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,IAAI,IAAI,CACzF,iBAAiB,CAAC,CAAC,CAAC,EACpB,OAAO,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAC1C,CAAA"}

package/dist/components/features/autosearch/autosearch.d.ts

@@ -0,0 +1,35 @@
+import type { AutosearchProps } from './autosearch.types';
+/**
+ * Autosearch - Search-first input with dropdown results
+ *
+ * A text input that opens a popover with search results as you type.
+ * Different from Autocomplete which shows all options upfront.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Autosearch
+ *   options={users}
+ *   value={selectedUser}
+ *   onValueChange={setSelectedUser}
+ *   onSearch={handleSearch}
+ *   placeholder="Search users..."
+ * />
+ * ```
+ *
+ * @example With loading state
+ * ```tsx
+ * <Autosearch
+ *   options={searchResults}
+ *   value={selected}
+ *   onValueChange={setSelected}
+ *   onSearch={debouncedSearch}
+ *   loading={isSearching}
+ *   placeholder="Type to search..."
+ * />
+ * ```
+ */
+export declare function Autosearch({ options, value, onValueChange, onSearch, searchDebounceMs, getValue, placeholder, emptyMessage, emptyContent, loading, modal, disabled, name, id, className, inputClassName, contentClassName, selectedClassName, }: AutosearchProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Autosearch {
+    var displayName: string;
+}
+//# sourceMappingURL=autosearch.d.ts.map

package/dist/components/features/autosearch/autosearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autosearch.d.ts","sourceRoot":"","sources":["../../../../src/components/features/autosearch/autosearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAgBzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,UAAU,CAAC,EAEzB,OAAY,EAGZ,KAAK,EACL,aAAa,EAGb,QAAQ,EACR,gBAAsB,EACtB,QAAiC,EAGjC,WAAoC,EACpC,YAAkC,EAClC,YAAY,EAGZ,OAAe,EACf,KAAa,EAGb,QAAgB,EAChB,IAAI,EACJ,EAAE,EAGF,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,eAAe,2CAuMjB;yBAvOe,UAAU"}