@pixpilot/shadcn 0.1.0 → 0.1.1

package/dist/calendar-CELLMIIj.cjs

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

package/dist/{calendar-DK_qW8tK.d.ts → calendar-b33t89Qe.d.ts}

@@ -1,7 +1,7 @@
-import { t as Button } from "./button-BlGZakU_.js";
+import { t as Button } from "./button-CESLc3CQ.js";
 import * as React from "react";
 import { DayButton, DayPicker } from "react-day-picker";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/ui/calendar.d.ts
 declare function Calendar({
@@ -15,12 +15,12 @@ declare function Calendar({
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime2.JSX.Element;
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { CalendarDayButton as n, Calendar as t };

package/dist/{card-8btbTKaB.d.ts → card-C4hKT5Pm.d.cts}

@@ -1,34 +1,34 @@
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import * as React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };

package/dist/card-Dvch7YjH.cjs

@@ -0,0 +1,100 @@
+const require_jsx_runtime$1 = require('./jsx-runtime-BlVTPSwi.cjs');
+const require_utils = require('./utils-DyQCiavd.cjs');
+let react = require("react");
+react = require_jsx_runtime$1.__toESM(react);
+
+//#region src/components/ui/card.tsx
+var import_jsx_runtime = /* @__PURE__ */ require_jsx_runtime$1.__toESM(require_jsx_runtime$1.require_jsx_runtime());
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card",
+		className: require_utils.cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-header",
+		className: require_utils.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+		...props
+	});
+}
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-title",
+		className: require_utils.cn("leading-none font-semibold", className),
+		...props
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-description",
+		className: require_utils.cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function CardAction({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-action",
+		className: require_utils.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-content",
+		className: require_utils.cn("px-6", className),
+		...props
+	});
+}
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-footer",
+		className: require_utils.cn("flex items-center px-6 [.border-t]:pt-6", className),
+		...props
+	});
+}
+
+//#endregion
+Object.defineProperty(exports, 'Card', {
+  enumerable: true,
+  get: function () {
+    return Card;
+  }
+});
+Object.defineProperty(exports, 'CardAction', {
+  enumerable: true,
+  get: function () {
+    return CardAction;
+  }
+});
+Object.defineProperty(exports, 'CardContent', {
+  enumerable: true,
+  get: function () {
+    return CardContent;
+  }
+});
+Object.defineProperty(exports, 'CardDescription', {
+  enumerable: true,
+  get: function () {
+    return CardDescription;
+  }
+});
+Object.defineProperty(exports, 'CardFooter', {
+  enumerable: true,
+  get: function () {
+    return CardFooter;
+  }
+});
+Object.defineProperty(exports, 'CardHeader', {
+  enumerable: true,
+  get: function () {
+    return CardHeader;
+  }
+});
+Object.defineProperty(exports, 'CardTitle', {
+  enumerable: true,
+  get: function () {
+    return CardTitle;
+  }
+});

package/dist/card-WGLY-CGJ.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/components/ui/card.d.ts
+declare function Card({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+declare function CardHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+declare function CardTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+declare function CardDescription({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+declare function CardAction({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+declare function CardContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+declare function CardFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+//#endregion
+export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };

package/dist/checkbox-B_9kOHN4.d.ts

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

package/dist/checkbox-DBOuQN-K.cjs

@@ -0,0 +1,30 @@
+const require_jsx_runtime$1 = require('./jsx-runtime-BlVTPSwi.cjs');
+const require_utils = require('./utils-DyQCiavd.cjs');
+let react = require("react");
+react = require_jsx_runtime$1.__toESM(react);
+let lucide_react = require("lucide-react");
+let __radix_ui_react_checkbox = require("@radix-ui/react-checkbox");
+__radix_ui_react_checkbox = require_jsx_runtime$1.__toESM(__radix_ui_react_checkbox);
+
+//#region src/components/ui/checkbox.tsx
+var import_jsx_runtime = /* @__PURE__ */ require_jsx_runtime$1.__toESM(require_jsx_runtime$1.require_jsx_runtime());
+function Checkbox({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(__radix_ui_react_checkbox.Root, {
+		"data-slot": "checkbox",
+		className: require_utils.cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(__radix_ui_react_checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "size-3.5" })
+		})
+	});
+}
+
+//#endregion
+Object.defineProperty(exports, 'Checkbox', {
+  enumerable: true,
+  get: function () {
+    return Checkbox;
+  }
+});

package/dist/{checkbox-BfAe26dy.d.ts → checkbox-qfDakeFS.d.cts}

@@ -1,6 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ui/checkbox.d.ts
 declare function Checkbox({

package/dist/{command-CTOqnzSx.d.ts → command-C4R-OiAQ.d.cts}

@@ -1,13 +1,13 @@
-import { t as Dialog } from "./dialog-C4wKr521.js";
+import { t as Dialog } from "./dialog-BeJ4W_wL.cjs";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
 import * as React from "react";
 import { Command } from "cmdk";
-import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime106.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -20,33 +20,33 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime120.JSX.Element;
+}): react_jsx_runtime106.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime106.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime106.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime106.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime106.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime106.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime106.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime106.JSX.Element;
 //#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 };

package/dist/command-DX6woPdY.cjs

@@ -0,0 +1,142 @@
+const require_jsx_runtime$1 = require('./jsx-runtime-BlVTPSwi.cjs');
+const require_utils = require('./utils-DyQCiavd.cjs');
+const require_dialog = require('./dialog-DFENsfgQ.cjs');
+let react = require("react");
+react = require_jsx_runtime$1.__toESM(react);
+let lucide_react = require("lucide-react");
+let cmdk = require("cmdk");
+
+//#region src/components/ui/command.tsx
+var import_jsx_runtime = /* @__PURE__ */ require_jsx_runtime$1.__toESM(require_jsx_runtime$1.require_jsx_runtime());
+function Command({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(cmdk.Command, {
+		"data-slot": "command",
+		className: require_utils.cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+		...props
+	});
+}
+function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(require_dialog.Dialog, {
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(require_dialog.DialogHeader, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(require_dialog.DialogTitle, { children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(require_dialog.DialogDescription, { children: description })]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(require_dialog.DialogContent, {
+			className: require_utils.cn("overflow-hidden p-0", className),
+			showCloseButton,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command, {
+				className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children
+			})
+		})]
+	});
+}
+function CommandInput({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b px-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucide_react.SearchIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(cmdk.Command.Input, {
+			"data-slot": "command-input",
+			className: require_utils.cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+			...props
+		})]
+	});
+}
+function CommandList({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(cmdk.Command.List, {
+		"data-slot": "command-list",
+		className: require_utils.cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+}
+function CommandEmpty({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(cmdk.Command.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...props
+	});
+}
+function CommandGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(cmdk.Command.Group, {
+		"data-slot": "command-group",
+		className: require_utils.cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+		...props
+	});
+}
+function CommandSeparator({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(cmdk.Command.Separator, {
+		"data-slot": "command-separator",
+		className: require_utils.cn("bg-border -mx-1 h-px", className),
+		...props
+	});
+}
+function CommandItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(cmdk.Command.Item, {
+		"data-slot": "command-item",
+		className: require_utils.cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function CommandShortcut({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		"data-slot": "command-shortcut",
+		className: require_utils.cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+
+//#endregion
+Object.defineProperty(exports, 'Command', {
+  enumerable: true,
+  get: function () {
+    return Command;
+  }
+});
+Object.defineProperty(exports, 'CommandDialog', {
+  enumerable: true,
+  get: function () {
+    return CommandDialog;
+  }
+});
+Object.defineProperty(exports, 'CommandEmpty', {
+  enumerable: true,
+  get: function () {
+    return CommandEmpty;
+  }
+});
+Object.defineProperty(exports, 'CommandGroup', {
+  enumerable: true,
+  get: function () {
+    return CommandGroup;
+  }
+});
+Object.defineProperty(exports, 'CommandInput', {
+  enumerable: true,
+  get: function () {
+    return CommandInput;
+  }
+});
+Object.defineProperty(exports, 'CommandItem', {
+  enumerable: true,
+  get: function () {
+    return CommandItem;
+  }
+});
+Object.defineProperty(exports, 'CommandList', {
+  enumerable: true,
+  get: function () {
+    return CommandList;
+  }
+});
+Object.defineProperty(exports, 'CommandSeparator', {
+  enumerable: true,
+  get: function () {
+    return CommandSeparator;
+  }
+});
+Object.defineProperty(exports, 'CommandShortcut', {
+  enumerable: true,
+  get: function () {
+    return CommandShortcut;
+  }
+});

package/dist/command-Jg-MECH0.d.ts

@@ -0,0 +1,52 @@
+import { t as Dialog } from "./dialog-C1-NCU47.js";
+import * as React from "react";
+import { Command } from "cmdk";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
+
+//#region src/components/ui/command.d.ts
+declare function Command$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command>): react_jsx_runtime85.JSX.Element;
+declare function CommandDialog({
+  title,
+  description,
+  children,
+  className,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string;
+  description?: string;
+  className?: string;
+  showCloseButton?: boolean;
+}): react_jsx_runtime85.JSX.Element;
+declare function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime85.JSX.Element;
+declare function CommandList({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime85.JSX.Element;
+declare function CommandEmpty({
+  ...props
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime85.JSX.Element;
+declare function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime85.JSX.Element;
+declare function CommandSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime85.JSX.Element;
+declare function CommandItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime85.JSX.Element;
+declare function CommandShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react_jsx_runtime85.JSX.Element;
+//#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 };