@tulip-systems/core 0.10.1 → 0.10.3

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

@@ -1,135 +0,0 @@
-"use client";
-
-import { cn } from "../../lib/utils/cn.mjs";
-import { Button } from "./button.mjs";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
-import useEmblaCarousel from "embla-carousel-react";
-
-//#region src/components/ui/carousel.client.tsx
-const CarouselContext = React$1.createContext(null);
-function useCarousel() {
-	const context = React$1.useContext(CarouselContext);
-	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
-	return context;
-}
-function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
-	const [carouselRef, api] = useEmblaCarousel({
-		...opts,
-		axis: orientation === "horizontal" ? "x" : "y"
-	}, plugins);
-	const [canScrollPrev, setCanScrollPrev] = React$1.useState(false);
-	const [canScrollNext, setCanScrollNext] = React$1.useState(false);
-	const onSelect = React$1.useCallback((api) => {
-		if (!api) return;
-		setCanScrollPrev(api.canScrollPrev());
-		setCanScrollNext(api.canScrollNext());
-	}, []);
-	const scrollPrev = React$1.useCallback(() => {
-		api?.scrollPrev();
-	}, [api]);
-	const scrollNext = React$1.useCallback(() => {
-		api?.scrollNext();
-	}, [api]);
-	const handleKeyDown = React$1.useCallback((event) => {
-		if (event.key === "ArrowLeft") {
-			event.preventDefault();
-			scrollPrev();
-		} else if (event.key === "ArrowRight") {
-			event.preventDefault();
-			scrollNext();
-		}
-	}, [scrollPrev, scrollNext]);
-	React$1.useEffect(() => {
-		if (!api || !setApi) return;
-		setApi(api);
-	}, [api, setApi]);
-	React$1.useEffect(() => {
-		if (!api) return;
-		onSelect(api);
-		api.on("reInit", onSelect);
-		api.on("select", onSelect);
-		return () => {
-			api?.off("select", onSelect);
-		};
-	}, [api, onSelect]);
-	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
-		value: {
-			carouselRef,
-			api,
-			opts,
-			orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-			scrollPrev,
-			scrollNext,
-			canScrollPrev,
-			canScrollNext
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			onKeyDownCapture: handleKeyDown,
-			className: cn("relative", className),
-			role: "region",
-			"aria-roledescription": "carousel",
-			"data-slot": "carousel",
-			...props,
-			children
-		})
-	});
-}
-function CarouselContent({ className, ...props }) {
-	const { carouselRef, orientation } = useCarousel();
-	return /* @__PURE__ */ jsx("div", {
-		ref: carouselRef,
-		className: "overflow-hidden",
-		"data-slot": "carousel-content",
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
-			...props
-		})
-	});
-}
-function CarouselItem({ className, ...props }) {
-	const { orientation } = useCarousel();
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"aria-roledescription": "slide",
-		"data-slot": "carousel-item",
-		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
-		...props
-	});
-}
-function CarouselPrevious({ className, variant = "outline", size = "icon-sm", ...props }) {
-	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-	return /* @__PURE__ */ jsxs(Button, {
-		"data-slot": "carousel-previous",
-		variant,
-		size,
-		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
-		disabled: !canScrollPrev,
-		onClick: scrollPrev,
-		...props,
-		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "cn-rtl-flip" }), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Previous slide"
-		})]
-	});
-}
-function CarouselNext({ className, variant = "outline", size = "icon-sm", ...props }) {
-	const { orientation, scrollNext, canScrollNext } = useCarousel();
-	return /* @__PURE__ */ jsxs(Button, {
-		"data-slot": "carousel-next",
-		variant,
-		size,
-		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
-		disabled: !canScrollNext,
-		onClick: scrollNext,
-		...props,
-		children: [/* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip" }), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Next slide"
-		})]
-	});
-}
-
-//#endregion
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };

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

@@ -1,71 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as React$1 from "react";
-import * as RechartsPrimitive from "recharts";
-
-//#region src/components/ui/chart.client.d.ts
-declare const THEMES: {
-  readonly light: "";
-  readonly dark: ".dark";
-};
-type ChartConfig = { [k in string]: {
-  label?: React$1.ReactNode;
-  icon?: React$1.ComponentType;
-} & ({
-  color?: string;
-  theme?: never;
-} | {
-  color?: never;
-  theme: Record<keyof typeof THEMES, string>;
-}) };
-declare function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}: React$1.ComponentProps<"div"> & {
-  config: ChartConfig;
-  children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime0.JSX.Element;
-declare const ChartStyle: ({
-  id,
-  config
-}: {
-  id: string;
-  config: ChartConfig;
-}) => react_jsx_runtime0.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator,
-  hideLabel,
-  hideIndicator,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey
-}: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
-  hideLabel?: boolean;
-  hideIndicator?: boolean;
-  indicator?: "line" | "dot" | "dashed";
-  nameKey?: string;
-  labelKey?: string;
-}): react_jsx_runtime0.JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({
-  className,
-  hideIcon,
-  payload,
-  verticalAlign,
-  nameKey
-}: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-  hideIcon?: boolean;
-  nameKey?: string;
-}): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

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

@@ -1,142 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-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

@@ -1,23 +0,0 @@
-"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

@@ -1,15 +0,0 @@
-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

@@ -1,27 +0,0 @@
-"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

@@ -1,15 +0,0 @@
-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

@@ -1,38 +0,0 @@
-"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

@@ -1,45 +0,0 @@
-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

@@ -1,94 +0,0 @@
-"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

@@ -1,30 +0,0 @@
-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 };