@tulip-systems/core 0.8.2 → 0.9.0

package/dist/src/components/ui/chart.client.mjs

@@ -0,0 +1,142 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as RechartsPrimitive from "recharts";
+
+//#region src/components/ui/chart.client.tsx
+const THEMES = {
+	light: "",
+	dark: ".dark"
+};
+const ChartContext = React$1.createContext(null);
+function useChart() {
+	const context = React$1.useContext(ChartContext);
+	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+	return context;
+}
+function ChartContainer({ id, className, children, config, ...props }) {
+	const uniqueId = React$1.useId();
+	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+	return /* @__PURE__ */ jsx(ChartContext.Provider, {
+		value: { config },
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "chart",
+			"data-chart": chartId,
+			className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden", className),
+			...props,
+			children: [/* @__PURE__ */ jsx(ChartStyle, {
+				id: chartId,
+				config
+			}), /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })]
+		})
+	});
+}
+const 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]) => `
+            ${prefix} [data-chart=${id}] {
+            ${colorConfig.map(([key, itemConfig]) => {
+		const color = itemConfig.theme?.[theme] || itemConfig.color;
+		return color ? `  --color-${key}: ${color};` : null;
+	}).join("\n")}
+            }
+            `).join("\n") } });
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
+	const { config } = useChart();
+	const tooltipLabel = React$1.useMemo(() => {
+		if (hideLabel || !payload?.length) return null;
+		const [item] = payload;
+		const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
+		const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+		if (labelFormatter) return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: labelFormatter(value, payload)
+		});
+		if (!value) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: value
+		});
+	}, [
+		label,
+		labelFormatter,
+		payload,
+		hideLabel,
+		labelClassName,
+		config,
+		labelKey
+	]);
+	if (!active || !payload?.length) return null;
+	const nestLabel = payload.length === 1 && indicator !== "dot";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className),
+		children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
+			className: "grid gap-1.5",
+			children: payload.filter((item) => item.type !== "none").map((item, index) => {
+				const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.name || item.dataKey || "value"}`);
+				const indicatorColor = color || item.payload.fill || item.color;
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"),
+					children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx("div", {
+						className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+							"h-2.5 w-2.5": indicator === "dot",
+							"w-1": indicator === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+							"my-0.5": nestLabel && indicator === "dashed"
+						}),
+						style: {
+							"--color-bg": indicatorColor,
+							"--color-border": indicatorColor
+						}
+					}), /* @__PURE__ */ jsxs("div", {
+						className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-1.5",
+							children: [nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: itemConfig?.label || item.name
+							})]
+						}), item.value && /* @__PURE__ */ jsx("span", {
+							className: "font-medium font-mono text-foreground tabular-nums",
+							children: item.value.toLocaleString()
+						})]
+					})] })
+				}, item.dataKey);
+			})
+		})]
+	});
+}
+const ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }) {
+	const { config } = useChart();
+	if (!payload?.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className),
+		children: payload.filter((item) => item.type !== "none").map((item) => {
+			const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.dataKey || "value"}`);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+				children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: item.color }
+				}), itemConfig?.label]
+			}, item.value);
+		})
+	});
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+	if (typeof payload !== "object" || payload === null) return;
+	const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+	let configLabelKey = key;
+	if (key in payload && typeof payload[key] === "string") configLabelKey = 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 { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/src/components/ui/checkbox.client.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Checkbox } from "radix-ui";
+import * as React$1 from "react";
+
+//#region src/components/ui/checkbox.client.d.ts
+declare function Checkbox$1({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Checkbox$1 as Checkbox };

package/dist/src/components/ui/checkbox.client.mjs

@@ -0,0 +1,23 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { CheckIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "radix-ui";
+
+//#region src/components/ui/checkbox.client.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input outline-none transition-colors after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 group-has-disabled/field:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		})
+	});
+}
+
+//#endregion
+export { Checkbox$1 as Checkbox };

package/dist/src/components/ui/collapsible.client.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Collapsible } from "radix-ui";
+
+//#region src/components/ui/collapsible.client.d.ts
+declare function Collapsible$1({
+  ...props
+}: React.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime0.JSX.Element;
+declare function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof Collapsible.CollapsibleTrigger>): react_jsx_runtime0.JSX.Element;
+declare function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof Collapsible.CollapsibleContent>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/src/components/ui/collapsible.client.mjs

@@ -0,0 +1,27 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "radix-ui";
+
+//#region src/components/ui/collapsible.client.tsx
+function Collapsible$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/src/components/ui/color-picker.client.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/ui/color-picker.client.d.ts
+type ColorPickerProps = ComponentProps<"div"> & {
+  onValueChange?: (color: string) => void;
+};
+declare function ColorPicker({
+  color,
+  onValueChange,
+  className,
+  ...props
+}: ColorPickerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ColorPicker };

package/dist/src/components/ui/color-picker.client.mjs

@@ -0,0 +1,38 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HexColorPicker } from "react-colorful";
+
+//#region src/components/ui/color-picker.client.tsx
+function ColorPicker({ color, onValueChange, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-50 space-y-2 p-0", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(HexColorPicker, { onChange: onValueChange }), /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-6 items-center justify-evenly gap-2 p-2",
+			children: [
+				"red",
+				"orange",
+				"yellow",
+				"green",
+				"teal",
+				"blue",
+				"cyan",
+				"indigo",
+				"violet",
+				"gray",
+				"black",
+				"white"
+			].map((color) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "size-6 rounded-full border transition-transform duration-200 hover:scale-110",
+				style: { backgroundColor: color },
+				onClick: () => onValueChange?.(color)
+			}, color))
+		})]
+	});
+}
+
+//#endregion
+export { ColorPicker };

package/dist/src/components/ui/combobox-dropdown.client.d.mts

@@ -0,0 +1,45 @@
+import { PopoverContent } from "./popover.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/ui/combobox-dropdown.client.d.ts
+type ComboboxDropdownItem = {
+  id: string;
+  value: string;
+  label?: React$1.ReactNode;
+  disabled?: boolean;
+};
+type ComboboxDropdownProps<T> = {
+  placeholder?: React$1.ReactNode;
+  searchPlaceholder?: string;
+  items: T[];
+  onSelect: (item: T) => void;
+  selectedItem?: T;
+  renderSelectedItem?: (selectedItem: T) => React$1.ReactNode;
+  renderOnCreate?: (value: string) => React$1.ReactNode;
+  renderListItem?: (listItem: {
+    isChecked: boolean;
+    item: T;
+  }) => React$1.ReactNode;
+  emptyResults?: React$1.ReactNode;
+  popoverProps?: React$1.ComponentProps<typeof PopoverContent>;
+  disabled?: boolean;
+  onCreate?: (value: string) => void;
+  className?: string;
+};
+declare function ComboboxDropdown<T extends ComboboxDropdownItem>({
+  placeholder,
+  searchPlaceholder,
+  items,
+  onSelect,
+  selectedItem: incomingSelectedItem,
+  renderSelectedItem,
+  renderOnCreate,
+  emptyResults,
+  popoverProps,
+  disabled,
+  onCreate,
+  className
+}: ComboboxDropdownProps<T>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ComboboxDropdown, ComboboxDropdownItem, ComboboxDropdownProps };

package/dist/src/components/ui/combobox-dropdown.client.mjs

@@ -0,0 +1,94 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Button } from "./button.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.client.mjs";
+import { Command as Command$1, CommandEmpty, CommandGroup, CommandInput, CommandItem } from "./command.client.mjs";
+import { ChevronsUpDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { CommandList } from "cmdk";
+
+//#region src/components/ui/combobox-dropdown.client.tsx
+function ComboboxDropdown({ placeholder, searchPlaceholder, items, onSelect, selectedItem: incomingSelectedItem, renderSelectedItem, renderOnCreate, emptyResults, popoverProps, disabled, onCreate, className }) {
+	const [open, setOpen] = React$1.useState(false);
+	const [internalSelectedItem, setInternalSelectedItem] = React$1.useState();
+	const [inputValue, setInputValue] = React$1.useState("");
+	const selectedItem = incomingSelectedItem ?? internalSelectedItem;
+	const filteredItems = items.filter((item) => item.value.toLowerCase().includes(inputValue.toLowerCase()));
+	const showCreate = onCreate && inputValue && !items?.find((o) => o.value.toLowerCase() === inputValue.toLowerCase());
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		modal: true,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			disabled,
+			children: /* @__PURE__ */ jsxs(Button, {
+				"data-inline-input": "combobox-dropdown",
+				variant: "outline",
+				role: "combobox",
+				"aria-expanded": open,
+				className: cn("w-full justify-between", className),
+				children: [selectedItem ? /* @__PURE__ */ jsx("div", {
+					className: "flex items-center",
+					children: renderSelectedItem?.(selectedItem) ?? selectedItem.label ?? selectedItem.value
+				}) : placeholder ?? "Select item...", /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "p-0",
+			...popoverProps,
+			style: {
+				width: "var(--radix-popover-trigger-width)",
+				...popoverProps?.style
+			},
+			children: /* @__PURE__ */ jsxs(Command$1, {
+				loop: true,
+				shouldFilter: false,
+				children: [
+					/* @__PURE__ */ jsx(CommandInput, {
+						value: inputValue,
+						onValueChange: setInputValue,
+						placeholder: searchPlaceholder ?? "Search item...",
+						className: "px-3"
+					}),
+					/* @__PURE__ */ jsx(CommandEmpty, { children: emptyResults ?? "Geen resultaat gevonden" }),
+					/* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(CommandList, {
+						className: "max-h-56.25 overflow-auto",
+						children: [filteredItems.map((item) => {
+							const isChecked = selectedItem?.id === item.id;
+							return /* @__PURE__ */ jsx(CommandItem, {
+								disabled: item.disabled,
+								className: cn("cursor-pointer", isChecked && "bg-primary text-primary-foreground"),
+								value: item.id,
+								onSelect: (id) => {
+									const foundItem = items.find((item) => item.id === id);
+									if (!foundItem) return;
+									onSelect(foundItem);
+									setInternalSelectedItem(foundItem);
+									setOpen(false);
+								},
+								children: item.label ?? item.value
+							}, item.id);
+						}), showCreate && /* @__PURE__ */ jsx(CommandItem, {
+							value: inputValue,
+							onSelect: () => {
+								onCreate(inputValue);
+								setOpen(false);
+								setInputValue("");
+							},
+							onMouseDown: (event) => {
+								event.preventDefault();
+								event.stopPropagation();
+							},
+							children: renderOnCreate ? renderOnCreate(inputValue) : null
+						}, inputValue)]
+					}) })
+				]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ComboboxDropdown };

package/dist/src/components/ui/combobox.client.d.mts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ui/combobox.client.d.ts
+type ComboboxItem = {
+  id: string;
+  label: string;
+  disabled?: boolean;
+};
+type ComboboxProps<TValue> = {
+  value: TValue;
+  onSelect?: (id: TValue) => void;
+  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+  options: ComboboxItem[];
+  emptyMessage?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+};
+declare function Combobox<TValue>({
+  value,
+  onSelect,
+  onBlur,
+  options,
+  placeholder,
+  disabled,
+  emptyMessage,
+  className
+}: ComboboxProps<TValue>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Combobox, ComboboxItem, ComboboxProps };

package/dist/src/components/ui/combobox.client.mjs

@@ -0,0 +1,66 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Popover, PopoverAnchor, PopoverContent } from "./popover.client.mjs";
+import { Command as Command$1, CommandEmpty, CommandGroup, CommandItem, CommandList as CommandList$1 } from "./command.client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Command } from "cmdk";
+
+//#region src/components/ui/combobox.client.tsx
+function Combobox({ value, onSelect, onBlur, options, placeholder, disabled, emptyMessage = "Geen items gevonden", className }) {
+	const [open, setOpen] = useState(false);
+	const selected = options.find((option) => option.id === value);
+	return /* @__PURE__ */ jsx(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsxs(Command$1, {
+			className: "overflow-auto bg-transparent text-foreground",
+			children: [
+				/* @__PURE__ */ jsx(PopoverAnchor, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Command.Input, {
+						"data-inline-input": "combobox",
+						value: value?.toString() ?? "",
+						placeholder,
+						disabled,
+						onValueChange: (value) => onSelect?.(value),
+						onKeyDown: (e) => setOpen(e.key !== "Escape"),
+						onMouseDown: () => setOpen((open) => !!value || !open),
+						onBlur: (e) => {
+							setOpen(false);
+							onBlur?.(e);
+						},
+						onFocus: () => setOpen(true),
+						className: cn("flex h-8 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className)
+					})
+				}),
+				!open && /* @__PURE__ */ jsx(CommandList$1, {
+					"aria-hidden": "true",
+					className: "hidden"
+				}),
+				/* @__PURE__ */ jsx(PopoverContent, {
+					asChild: true,
+					onOpenAutoFocus: (e) => e.preventDefault(),
+					onInteractOutside: (e) => {
+						if (e.target instanceof Element && e.target.hasAttribute("cmdk-input")) e.preventDefault();
+					},
+					className: "w-[var(--radix-popover-trigger-width)] p-0",
+					children: /* @__PURE__ */ jsxs(CommandList$1, { children: [options.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsx(CommandItem, {
+						value: option.id,
+						onMouseDown: (e) => e.preventDefault(),
+						className: cn(selected?.id === option.id && "font-bold"),
+						onSelect: (id) => {
+							onSelect?.(id);
+							setOpen(false);
+						},
+						children: option.label
+					}, option.id)) }), /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage })] })
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { Combobox };

package/dist/src/components/ui/command.client.d.mts

@@ -0,0 +1,58 @@
+import { Dialog } from "./dialog.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Command } from "cmdk";
+
+//#region src/components/ui/command.client.d.ts
+declare function Command$1({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Command>): react_jsx_runtime0.JSX.Element;
+declare function CommandDialog({
+  title,
+  description,
+  children,
+  className,
+  showCloseButton,
+  ...props
+}: React$1.ComponentProps<typeof Dialog> & {
+  title?: string;
+  description?: string;
+  className?: string;
+  showCloseButton?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function CommandInput({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Command.Input>): react_jsx_runtime0.JSX.Element;
+declare function CommandList$1({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Command.List>): react_jsx_runtime0.JSX.Element;
+declare function CommandEmpty({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Command.Empty>): react_jsx_runtime0.JSX.Element;
+declare function CommandGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Command.Group>): react_jsx_runtime0.JSX.Element;
+declare function CommandSeparator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Command.Separator>): react_jsx_runtime0.JSX.Element;
+declare function CommandItem({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Command.Item>): react_jsx_runtime0.JSX.Element;
+declare function CommandItemCheck({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function CommandShortcut({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandItemCheck, CommandList$1 as CommandList, CommandSeparator, CommandShortcut };