kuzenbo 0.0.1

package/dist/button-group-text-D98w78rH.js

@@ -0,0 +1,25 @@
+import { Separator } from "./ui/separator.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/button-group/button-group-separator.tsx
+const ButtonGroupSeparator = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto data-[orientation=horizontal]:w-auto", className),
+	"data-slot": "button-group-separator",
+	orientation,
+	...props
+});
+
+//#endregion
+//#region src/components/button-group/button-group-text.tsx
+const ButtonGroupText = ({ className, render, ...props }) => useRender({
+	defaultTagName: "div",
+	props: mergeProps({ className: cn("flex items-center gap-2 rounded-lg border bg-muted px-2.5 font-medium text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className) }, props),
+	render,
+	state: { slot: "button-group-text" }
+});
+
+//#endregion
+export { ButtonGroupSeparator as n, ButtonGroupText as t };

package/dist/calendar-week-number-6AXvZ4Ij.js

@@ -0,0 +1,72 @@
+import { Button } from "./ui/button.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { useEffect, useRef } from "react";
+import { getDefaultClassNames } from "react-day-picker";
+
+//#region src/components/calendar/calendar-chevron.tsx
+const CalendarChevron = ({ className, orientation, ...props }) => {
+	if (orientation === "left") return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn("size-4", className),
+		icon: ArrowLeftIcon,
+		strokeWidth: 2,
+		...props
+	});
+	if (orientation === "right") return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn("size-4", className),
+		icon: ArrowRightIcon,
+		strokeWidth: 2,
+		...props
+	});
+	return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn("size-4", className),
+		icon: ArrowDownIcon,
+		strokeWidth: 2,
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/calendar/calendar-day-button.tsx
+const CalendarDayButton = ({ className, day, modifiers, ...props }) => {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = useRef(null);
+	useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 font-normal leading-none data-[range-end=true]:rounded-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-end=true]:bg-primary data-[range-middle=true]:bg-muted data-[range-start=true]:bg-primary data-[selected-single=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:text-foreground data-[range-start=true]:text-primary-foreground data-[selected-single=true]:text-primary-foreground group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+		"data-day": day.date.toLocaleDateString(),
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		size: "icon",
+		variant: "ghost",
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/calendar/calendar-root.tsx
+const CalendarRoot = ({ className, rootRef, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(className),
+	"data-slot": "calendar",
+	ref: rootRef,
+	...props
+});
+
+//#endregion
+//#region src/components/calendar/calendar-week-number.tsx
+const CalendarWeekNumber = ({ children, ...props }) => /* @__PURE__ */ jsx("td", {
+	...props,
+	children: /* @__PURE__ */ jsx("div", {
+		className: "flex size-(--cell-size) items-center justify-center text-center",
+		children
+	})
+});
+
+//#endregion
+export { CalendarChevron as i, CalendarRoot as n, CalendarDayButton as r, CalendarWeekNumber as t };

package/dist/calendar-week-number-in2gpvA_.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Chevron, DayButton, RootProps } from "react-day-picker";
+
+//#region src/components/calendar/calendar-chevron.d.ts
+type CalendarChevronProps = ComponentProps<typeof Chevron>;
+declare const CalendarChevron: ({
+  className,
+  orientation,
+  ...props
+}: CalendarChevronProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/calendar/calendar-day-button.d.ts
+declare const CalendarDayButton: ({
+  className,
+  day,
+  modifiers,
+  ...props
+}: ComponentProps<typeof DayButton>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/calendar/calendar-root.d.ts
+type CalendarRootProps = RootProps;
+declare const CalendarRoot: ({
+  className,
+  rootRef,
+  ...props
+}: CalendarRootProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/calendar/calendar-week-number.d.ts
+type CalendarWeekNumberProps = ComponentProps<"td">;
+declare const CalendarWeekNumber: ({
+  children,
+  ...props
+}: CalendarWeekNumberProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CalendarChevron as i, CalendarRoot as n, CalendarDayButton as r, CalendarWeekNumber as t };

package/dist/card-title-CbRPAh3M.js

@@ -0,0 +1,52 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/card/card-action.tsx
+const CardAction = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+	"data-slot": "card-action",
+	...props
+});
+
+//#endregion
+//#region src/components/card/card-content.tsx
+const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("px-6 group-data-[size=sm]/card:px-4", className),
+	"data-slot": "card-content",
+	...props
+});
+
+//#endregion
+//#region src/components/card/card-description.tsx
+const CardDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("text-muted-foreground text-sm", className),
+	"data-slot": "card-description",
+	...props
+});
+
+//#endregion
+//#region src/components/card/card-footer.tsx
+const CardFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center rounded-b-xl px-5 pb-5 group-data-[size=sm]/card:px-3 group-data-[size=sm]/card:pb-3 [.border-t]:pt-5 group-data-[size=sm]/card:[.border-t]:pt-3", className),
+	"data-slot": "card-footer",
+	...props
+});
+
+//#endregion
+//#region src/components/card/card-header.tsx
+const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-5 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] group-data-[size=sm]/card:px-3 [.border-b]:pb-5 group-data-[size=sm]/card:[.border-b]:pb-3", className),
+	"data-slot": "card-header",
+	...props
+});
+
+//#endregion
+//#region src/components/card/card-title.tsx
+const CardTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("font-medium text-base leading-snug group-data-[size=sm]/card:text-sm", className),
+	"data-slot": "card-title",
+	...props
+});
+
+//#endregion
+export { CardContent as a, CardDescription as i, CardHeader as n, CardAction as o, CardFooter as r, CardTitle as t };

package/dist/card-title-DSDluDoy.d.ts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/card/card-action.d.ts
+declare const CardAction: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/card/card-content.d.ts
+declare const CardContent: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/card/card-description.d.ts
+declare const CardDescription: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/card/card-footer.d.ts
+declare const CardFooter: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/card/card-header.d.ts
+declare const CardHeader: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/card/card-title.d.ts
+declare const CardTitle: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardContent as a, CardDescription as i, CardHeader as n, CardAction as o, CardFooter as r, CardTitle as t };

package/dist/carousel-previous-B_jysGv_.js

@@ -0,0 +1,89 @@
+import { Button } from "./ui/button.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft01Icon, ArrowRight01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { createContext, useContext } from "react";
+
+//#region src/components/carousel/use-carousel.tsx
+const CarouselContext = createContext(null);
+const useCarousel = () => {
+	const context = useContext(CarouselContext);
+	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+	return context;
+};
+
+//#endregion
+//#region src/components/carousel/carousel-content.tsx
+const CarouselContent = ({ className, ...props }) => {
+	const { carouselRef, orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		ref: carouselRef,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/components/carousel/carousel-item.tsx
+const CarouselItem = ({ className, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		"aria-roledescription": "slide",
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+		"data-slot": "carousel-item",
+		role: "group",
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/carousel/carousel-next.tsx
+const CarouselNext = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollNext, canScrollNext } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		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),
+		"data-slot": "carousel-next",
+		disabled: !canScrollNext,
+		onClick: scrollNext,
+		size,
+		variant,
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowRight01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+};
+
+//#endregion
+//#region src/components/carousel/carousel-previous.tsx
+const CarouselPrevious = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		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),
+		"data-slot": "carousel-previous",
+		disabled: !canScrollPrev,
+		onClick: scrollPrev,
+		size,
+		variant,
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowLeft01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+};
+
+//#endregion
+export { CarouselContext as a, CarouselContent as i, CarouselNext as n, useCarousel as o, CarouselItem as r, CarouselPrevious as t };

package/dist/chart-tooltip-content-h5oLtil-.js

@@ -0,0 +1,144 @@
+import { cn } from "tailwind-variants";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { Legend, Tooltip } from "recharts";
+
+//#region src/components/chart/chart-legend.tsx
+const ChartLegend = Legend;
+
+//#endregion
+//#region src/components/chart/chart-utils.tsx
+const 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
+//#region src/components/chart/use-chart.tsx
+const ChartContext = createContext(null);
+const useChart = () => {
+	const context = useContext(ChartContext);
+	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+	return context;
+};
+
+//#endregion
+//#region src/components/chart/chart-legend-content.tsx
+const 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);
+		})
+	});
+};
+
+//#endregion
+//#region src/components/chart/chart-types.tsx
+const THEMES = {
+	light: "",
+	dark: ".dark"
+};
+
+//#endregion
+//#region src/components/chart/chart-style.tsx
+const ChartStyle = ({ id, config }) => {
+	const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme || itemConfig.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") } });
+};
+
+//#endregion
+//#region src/components/chart/chart-tooltip.tsx
+const ChartTooltip = Tooltip;
+
+//#endregion
+//#region src/components/chart/chart-tooltip-content.tsx
+const ChartTooltipContent = ({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) => {
+	const { config } = useChart();
+	const tooltipLabel = 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 ? null : tooltipLabel, /* @__PURE__ */ jsx("div", {
+			className: "grid gap-1.5",
+			children: payload.filter((item) => item.type !== "none").map((item, idx) => {
+				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, idx, 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);
+			})
+		})]
+	});
+};
+
+//#endregion
+export { ChartContext as a, ChartLegendContent as i, ChartTooltip as n, useChart as o, ChartStyle as r, ChartLegend as s, ChartTooltipContent as t };

package/dist/collapsible-trigger-DcQWODN-.js

@@ -0,0 +1,20 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+
+//#region src/components/collapsible/collapsible-content.tsx
+const CollapsibleContent = ({ ...props }) => /* @__PURE__ */ jsx(Collapsible.Panel, {
+	"data-slot": "collapsible-content",
+	...props
+});
+
+//#endregion
+//#region src/components/collapsible/collapsible-trigger.tsx
+const CollapsibleTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "collapsible-trigger",
+	...props
+});
+
+//#endregion
+export { CollapsibleContent as n, CollapsibleTrigger as t };

package/dist/collapsible-trigger-aZF7_mPR.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+
+//#region src/components/collapsible/collapsible-content.d.ts
+declare const CollapsibleContent: ({
+  ...props
+}: Collapsible.Panel.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/collapsible/collapsible-trigger.d.ts
+declare const CollapsibleTrigger: ({
+  className,
+  ...props
+}: Collapsible.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CollapsibleContent as n, CollapsibleTrigger as t };

package/dist/command-shortcut-DoWM7Mnm.js

@@ -0,0 +1,97 @@
+import { a as InputGroupAddon } from "./input-group-textarea-voYOV11-.js";
+import { InputGroup } from "./ui/input-group.js";
+import { a as DialogDescription, n as DialogTitle, o as DialogContent, r as DialogHeader } from "./dialog-trigger-CR23tYql.js";
+import { Dialog } from "./ui/dialog.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchIcon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Command } from "cmdk";
+
+//#region src/components/command/command-dialog.tsx
+const CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, ...props }) => /* @__PURE__ */ jsxs(Dialog, {
+	...props,
+	children: [/* @__PURE__ */ jsxs(DialogHeader, {
+		className: "sr-only",
+		children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
+	}), /* @__PURE__ */ jsx(DialogContent, {
+		className: cn("overflow-hidden rounded-xl! p-0", className),
+		showCloseButton,
+		children
+	})]
+});
+
+//#endregion
+//#region src/components/command/command-empty.tsx
+const CommandEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx(Command.Empty, {
+	className: cn("py-6 text-center text-sm", className),
+	"data-slot": "command-empty",
+	...props
+});
+
+//#endregion
+//#region src/components/command/command-group.tsx
+const CommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Command.Group, {
+	className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", className),
+	"data-slot": "command-group",
+	...props
+});
+
+//#endregion
+//#region src/components/command/command-input.tsx
+const CommandInput = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: "p-1 pb-0",
+	"data-slot": "command-input-wrapper",
+	children: /* @__PURE__ */ jsxs(InputGroup, {
+		className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!",
+		children: [/* @__PURE__ */ jsx(Command.Input, {
+			className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+			"data-slot": "command-input",
+			...props
+		}), /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: "size-4 shrink-0 opacity-50",
+			icon: SearchIcon,
+			strokeWidth: 2
+		}) })]
+	})
+});
+
+//#endregion
+//#region src/components/command/command-item.tsx
+const CommandItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Command.Item, {
+	className: cn("group/command-item relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-selected:bg-muted data-selected:text-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [[data-slot=dialog-content]_&]:rounded-lg! data-selected:*:[svg]:text-foreground", className),
+	"data-slot": "command-item",
+	...props,
+	children: [children, /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: "ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100",
+		icon: Tick02Icon,
+		strokeWidth: 2
+	})]
+});
+
+//#endregion
+//#region src/components/command/command-list.tsx
+const CommandList = ({ className, ...props }) => /* @__PURE__ */ jsx(Command.List, {
+	className: cn("no-scrollbar max-h-72 scroll-py-1 overflow-y-auto overflow-x-hidden outline-none", className),
+	"data-slot": "command-list",
+	...props
+});
+
+//#endregion
+//#region src/components/command/command-separator.tsx
+const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Command.Separator, {
+	className: cn("-mx-1 h-px bg-border", className),
+	"data-slot": "command-separator",
+	...props
+});
+
+//#endregion
+//#region src/components/command/command-shortcut.tsx
+const CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("ml-auto text-muted-foreground text-xs tracking-widest group-data-selected/command-item:text-foreground", className),
+	"data-slot": "command-shortcut",
+	...props
+});
+
+//#endregion
+export { CommandInput as a, CommandDialog as c, CommandItem as i, CommandSeparator as n, CommandGroup as o, CommandList as r, CommandEmpty as s, CommandShortcut as t };