@inspirare/design-system 0.0.23 → 0.0.25

package/dist/components/ui/color-picker.js

@@ -3,121 +3,101 @@ import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button.js";
 import { Input as n } from "./input.js";
 import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./popover.js";
-import { useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { HexColorPicker as l } from "react-colorful";
+import { Tooltip as o, TooltipContent as s, TooltipTrigger as c } from "./tooltip.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { HexColorPicker as f } from "react-colorful";
 //#region src/components/ui/color-picker.tsx
-function u({ value: u, onChange: d, className: f, disabled: p = !1 }) {
-	let [m, h] = o(u), [g, _] = o(!1), v = (e) => {
-		h(e), d(e);
+function p({ value: p, onChange: m, className: h, disabled: g = !1 }) {
+	let [_, v] = d(p), [y, b] = d(!1), x = (e) => {
+		v(e), m(e);
 	};
-	return /* @__PURE__ */ c(r, {
-		open: g,
-		onOpenChange: _,
-		children: [/* @__PURE__ */ s(a, {
-			asChild: !0,
-			children: /* @__PURE__ */ c(t, {
+	return /* @__PURE__ */ u(r, {
+		open: y,
+		onOpenChange: b,
+		children: [/* @__PURE__ */ u(a, {
+			render: /* @__PURE__ */ l(t, {
 				variant: "outline",
-				className: e("w-[200px] justify-start text-left font-normal border-border hover:border-primary/50 transition-colors gap-2 px-3", !m && "text-muted-foreground", f),
-				disabled: p,
-				children: [/* @__PURE__ */ s("div", {
-					className: "w-4 h-4 rounded border border-border shadow-sm shrink-0",
-					style: { backgroundColor: m || "#ffffff" }
-				}), /* @__PURE__ */ s("span", {
-					className: "truncate flex-1",
-					children: m ? /* @__PURE__ */ s("span", {
-						className: "font-mono text-xs",
-						children: m.toUpperCase()
-					}) : "Selecionar cor"
-				})]
-			})
-		}), /* @__PURE__ */ s(i, {
+				className: e("w-[200px] justify-start text-left font-normal border-border hover:border-primary/50 transition-colors gap-2 px-3", !_ && "text-muted-foreground", h),
+				disabled: g
+			}),
+			children: [/* @__PURE__ */ l("div", {
+				className: "w-4 h-4 rounded border border-border shadow-sm shrink-0",
+				style: { backgroundColor: _ || "#ffffff" }
+			}), /* @__PURE__ */ l("span", {
+				className: "truncate flex-1",
+				children: _ ? /* @__PURE__ */ l("span", {
+					className: "font-mono text-xs",
+					children: _.toUpperCase()
+				}) : "Selecionar cor"
+			})]
+		}), /* @__PURE__ */ l(i, {
 			className: "w-80 p-0",
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ u("div", {
 				className: "p-4 space-y-4",
 				children: [
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ l("div", {
 						className: "text-sm font-medium text-foreground pb-2 border-b border-border",
 						children: "Seletor de Cor"
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ u("div", {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ s(l, {
-							color: m || "#ffffff",
-							onChange: v,
+						children: [/* @__PURE__ */ l(f, {
+							color: _ || "#ffffff",
+							onChange: x,
 							className: "w-full !h-32"
-						}), /* @__PURE__ */ c("div", {
+						}), /* @__PURE__ */ u("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ s("label", {
+							children: [/* @__PURE__ */ l("label", {
+								htmlFor: "color-picker-hex",
 								className: "text-xs font-medium text-muted-foreground",
 								children: "Código Hexadecimal"
-							}), /* @__PURE__ */ s(n, {
-								value: m || "",
+							}), /* @__PURE__ */ l(n, {
+								id: "color-picker-hex",
+								value: _ || "",
 								onChange: (e) => {
 									let t = e.target.value;
-									(/^#[0-9A-F]{6}$/i.test(t) || t === "") && (h(t), t !== "" && d(t));
+									(/^#[0-9A-F]{6}$/i.test(t) || t === "") && (v(t), t !== "" && m(t));
 								},
 								placeholder: "#000000",
 								className: "font-mono text-sm border-border focus:border-primary/50 focus:ring-primary/20 bg-background text-foreground"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ u("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ s("label", {
+						children: [/* @__PURE__ */ l("span", {
+							id: "color-picker-presets-label",
 							className: "text-xs font-medium text-muted-foreground",
 							children: "Cores Predefinidas"
-						}), /* @__PURE__ */ s("div", {
+						}), /* @__PURE__ */ l("div", {
 							className: "grid grid-cols-8 gap-1.5",
-							children: [
-								"#9192FA",
-								"#60A5FA",
-								"#e0e7ff",
-								"#dbeafe",
-								"#1f2937",
-								"#374151",
-								"#6b7280",
-								"#9ca3af",
-								"#d1d5db",
-								"#f3f4f6",
-								"#ffffff",
-								"#000000",
-								"#dc2626",
-								"#ea580c",
-								"#d97706",
-								"#16a34a",
-								"#2563eb",
-								"#4f46e5",
-								"#9333ea",
-								"#e11d48",
-								"#fef3c7",
-								"#d1fae5",
-								"#fce7f3",
-								"#e9d5ff"
-							].map((t) => /* @__PURE__ */ s("button", {
-								className: e("w-7 h-7 rounded border cursor-pointer transition-all duration-200 hover:scale-110 hover:shadow-md", m === t ? "border-primary ring-2 ring-primary/20" : "border-border hover:border-muted-foreground/50"),
+							role: "group",
+							"aria-labelledby": "color-picker-presets-label",
+							children: (/* @__PURE__ */ "#2C2C2C.#FCEED7.#F4F4F5.#E3AC8E.#FF9876.#DC663E.#FF7512.#1f2937.#374151.#6b7280.#9ca3af.#d1d5db.#f3f4f6.#ffffff.#000000.#dc2626.#ea580c.#d97706.#16a34a.#2563eb.#4f46e5.#9333ea.#e11d48.#fef3c7.#d1fae5.#fce7f3.#e9d5ff".split(".")).map((t) => /* @__PURE__ */ u(o, { children: [/* @__PURE__ */ l(c, { render: /* @__PURE__ */ l("button", {
+								className: e("w-7 h-7 rounded border cursor-pointer transition-all duration-200 hover:scale-110 hover:shadow-md", _ === t ? "border-primary ring-2 ring-primary/20" : "border-border hover:border-muted-foreground/50"),
 								style: { backgroundColor: t },
-								onClick: () => v(t),
-								title: t.toUpperCase()
-							}, t))
+								onClick: () => x(t),
+								"aria-label": t.toUpperCase()
+							}) }), /* @__PURE__ */ l(s, { children: t.toUpperCase() })] }, t))
 						})]
 					}),
-					m && /* @__PURE__ */ c("div", {
+					_ && /* @__PURE__ */ u("div", {
 						className: "pt-2 border-t border-border",
-						children: [/* @__PURE__ */ s("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "text-xs font-medium text-muted-foreground mb-2",
 							children: "Cor Atual"
-						}), /* @__PURE__ */ c("div", {
+						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-3 p-2 bg-muted/50 rounded-md cursor-pointer hover:bg-muted transition-colors",
-							children: [/* @__PURE__ */ s("div", {
+							children: [/* @__PURE__ */ l("div", {
 								className: "w-8 h-8 rounded border border-border shadow-sm shrink-0",
-								style: { backgroundColor: m }
-							}), /* @__PURE__ */ c("div", {
+								style: { backgroundColor: _ }
+							}), /* @__PURE__ */ u("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ s("div", {
+								children: [/* @__PURE__ */ l("div", {
 									className: "font-mono text-sm font-medium text-foreground",
-									children: m.toUpperCase()
-								}), /* @__PURE__ */ s("div", {
+									children: _.toUpperCase()
+								}), /* @__PURE__ */ l("div", {
 									className: "text-xs text-muted-foreground",
 									children: "Clique para copiar"
 								})]
@@ -130,4 +110,4 @@ function u({ value: u, onChange: d, className: f, disabled: p = !1 }) {
 	});
 }
 //#endregion
-export { u as ColorPicker };
+export { p as ColorPicker };

package/dist/components/ui/combobox.js

@@ -1,42 +1,162 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button.js";
-import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "./popover.js";
-import { Command as a, CommandEmpty as o, CommandGroup as s, CommandInput as c, CommandItem as l, CommandList as u } from "./command.js";
+import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a } from "./input-group.js";
+import { CheckIcon as o, ChevronDownIcon as s, XIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import * as d from "react";
-import { Check as f, ChevronsUpDown as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Combobox as f } from "@base-ui/react";
 //#region src/components/ui/combobox.tsx
-function g({ options: g, value: _, onChange: v, placeholder: y = "Select option...", searchPlaceholder: b = "Search...", emptyMessage: x = "No option found.", className: S, buttonClassName: C, contentClassName: w, disabled: T = !1 }) {
-	let [E, D] = d.useState(!1), O = d.useMemo(() => g.find((e) => e.value === _)?.label, [g, _]);
-	return /* @__PURE__ */ h(n, {
-		open: E,
-		onOpenChange: D,
-		children: [/* @__PURE__ */ m(i, {
-			asChild: !0,
-			children: /* @__PURE__ */ h(t, {
-				variant: "outline",
-				role: "combobox",
-				"aria-expanded": E,
-				disabled: T,
-				className: e("w-full justify-between", !_ && "text-muted-foreground", C),
-				children: [O || y, /* @__PURE__ */ m(p, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
-			})
-		}), /* @__PURE__ */ m(r, {
-			className: e("w-full p-0", w),
-			align: "start",
-			children: /* @__PURE__ */ h(a, {
-				className: S,
-				children: [/* @__PURE__ */ m(c, { placeholder: b }), /* @__PURE__ */ h(u, { children: [/* @__PURE__ */ m(o, { children: x }), /* @__PURE__ */ m(s, { children: g.map((t) => /* @__PURE__ */ h(l, {
-					value: t.value,
-					onSelect: (e) => {
-						v?.(e === _ ? "" : e), D(!1);
-					},
-					children: [/* @__PURE__ */ m(f, { className: e("mr-2 h-4 w-4", _ === t.value ? "opacity-100" : "opacity-0") }), t.label]
-				}, t.value)) })] })]
-			})
+var p = f.Root;
+function m({ ...e }) {
+	return /* @__PURE__ */ l(f.Value, {
+		"data-slot": "combobox-value",
+		...e
+	});
+}
+function h({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u(f.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: e("[&_svg:not([class*='size-'])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ l(s, { className: "pointer-events-none size-4 text-muted-foreground" })]
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.Clear, {
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ l(i, {
+			variant: "ghost",
+			size: "icon-xs"
+		}),
+		className: e(t),
+		...n,
+		children: /* @__PURE__ */ l(c, { className: "pointer-events-none" })
+	});
+}
+function _({ className: t, children: o, disabled: s = !1, showTrigger: c = !0, showClear: d = !1, ...p }) {
+	return /* @__PURE__ */ u(n, {
+		className: e("w-auto", t),
+		children: [
+			/* @__PURE__ */ l(f.Input, {
+				render: /* @__PURE__ */ l(a, { disabled: s }),
+				...p
+			}),
+			/* @__PURE__ */ u(r, {
+				align: "inline-end",
+				children: [c && /* @__PURE__ */ l(i, {
+					size: "icon-xs",
+					variant: "ghost",
+					render: /* @__PURE__ */ l(h, {}),
+					"data-slot": "input-group-button",
+					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+					disabled: s
+				}), d && /* @__PURE__ */ l(g, { disabled: s })]
+			}),
+			o
+		]
+	});
+}
+function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: o, ...s }) {
+	return /* @__PURE__ */ l(f.Portal, { children: /* @__PURE__ */ l(f.Positioner, {
+		side: n,
+		sideOffset: r,
+		align: i,
+		alignOffset: a,
+		anchor: o,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ l(f.Popup, {
+			"data-slot": "combobox-content",
+			"data-chips": !!o,
+			className: e("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+			...s
+		})
+	}) });
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.List, {
+		"data-slot": "combobox-list",
+		className: e("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", t),
+		...n
+	});
+}
+function b({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u(f.Item, {
+		"data-slot": "combobox-item",
+		className: e("relative flex w-full cursor-pointer items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ l(f.ItemIndicator, {
+			render: /* @__PURE__ */ l("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ l(o, { className: "pointer-events-none" })
 		})]
 	});
 }
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.Group, {
+		"data-slot": "combobox-group",
+		className: e(t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.GroupLabel, {
+		"data-slot": "combobox-label",
+		className: e("px-2 py-1.5 text-xs text-muted-foreground", t),
+		...n
+	});
+}
+function C({ ...e }) {
+	return /* @__PURE__ */ l(f.Collection, {
+		"data-slot": "combobox-collection",
+		...e
+	});
+}
+function w({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.Empty, {
+		"data-slot": "combobox-empty",
+		className: e("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", t),
+		...n
+	});
+}
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.Separator, {
+		"data-slot": "combobox-separator",
+		className: e("-mx-1 my-1 h-px bg-border", t),
+		...n
+	});
+}
+function E({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.Chips, {
+		"data-slot": "combobox-chips",
+		className: e("flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", t),
+		...n
+	});
+}
+function D({ className: n, children: r, showRemove: i = !0, ...a }) {
+	return /* @__PURE__ */ u(f.Chip, {
+		"data-slot": "combobox-chip",
+		className: e("flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", n),
+		...a,
+		children: [r, i && /* @__PURE__ */ l(f.ChipRemove, {
+			render: /* @__PURE__ */ l(t, {
+				variant: "ghost",
+				size: "icon-xs"
+			}),
+			className: "-ml-1 opacity-50 hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			children: /* @__PURE__ */ l(c, { className: "pointer-events-none" })
+		})]
+	});
+}
+function O({ className: t, ...n }) {
+	return /* @__PURE__ */ l(f.Input, {
+		"data-slot": "combobox-chip-input",
+		className: e("min-w-16 flex-1 outline-none", t),
+		...n
+	});
+}
+function k() {
+	return d.useRef(null);
+}
 //#endregion
-export { g as Combobox };
+export { p as Combobox, D as ComboboxChip, E as ComboboxChips, O as ComboboxChipsInput, C as ComboboxCollection, v as ComboboxContent, w as ComboboxEmpty, x as ComboboxGroup, _ as ComboboxInput, b as ComboboxItem, S as ComboboxLabel, y as ComboboxList, T as ComboboxSeparator, h as ComboboxTrigger, m as ComboboxValue, k as useComboboxAnchor };

package/dist/components/ui/command.js

@@ -1,86 +1,88 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
-import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "./dialog.js";
+import { InputGroup as t, InputGroupAddon as n } from "./input-group.js";
+import { Dialog as r, DialogContent as i, DialogDescription as a, DialogHeader as o, DialogTitle as s } from "./dialog.js";
+import { CheckIcon as c, SearchIcon as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import "react";
-import { SearchIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Command as l } from "cmdk";
+import { Command as f } from "cmdk";
 //#region src/components/ui/command.tsx
-function u({ className: t, ...n }) {
-	return /* @__PURE__ */ s(l, {
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f, {
 		"data-slot": "command",
-		className: e("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", t),
+		className: e("flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground", t),
 		...n
 	});
 }
-function d({ title: o = "Command Palette", description: l = "Search for a command to run...", children: d, className: f, showCloseButton: p = !0, ...m }) {
-	return /* @__PURE__ */ c(t, {
-		...m,
-		children: [/* @__PURE__ */ c(i, {
+function m({ title: t = "Command Palette", description: n = "Search for a command to run...", children: c, className: l, showCloseButton: f = !1, ...p }) {
+	return /* @__PURE__ */ d(r, {
+		...p,
+		children: [/* @__PURE__ */ d(o, {
 			className: "sr-only",
-			children: [/* @__PURE__ */ s(a, { children: o }), /* @__PURE__ */ s(r, { children: l })]
-		}), /* @__PURE__ */ s(n, {
-			className: e("overflow-hidden p-0", f),
-			showCloseButton: p,
-			children: /* @__PURE__ */ s(u, {
-				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: d
-			})
+			children: [/* @__PURE__ */ u(s, { children: t }), /* @__PURE__ */ u(a, { children: n })]
+		}), /* @__PURE__ */ u(i, {
+			className: e("top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0", l),
+			showCloseButton: f,
+			children: c
 		})]
 	});
 }
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ c("div", {
+function h({ className: r, ...i }) {
+	return /* @__PURE__ */ u("div", {
 		"data-slot": "command-input-wrapper",
-		className: "flex h-9 items-center gap-2 border-b px-3",
-		children: [/* @__PURE__ */ s(o, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ s(l.Input, {
-			"data-slot": "command-input",
-			className: e("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", t),
-			...n
-		})]
+		className: "p-1 pb-0",
+		children: /* @__PURE__ */ d(t, {
+			className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!",
+			children: [/* @__PURE__ */ u(f.Input, {
+				"data-slot": "command-input",
+				className: e("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", r),
+				...i
+			}), /* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(l, { className: "size-4 shrink-0 opacity-50" }) })]
+		})
 	});
 }
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ s(l.List, {
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.List, {
 		"data-slot": "command-list",
-		className: e("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", t),
+		className: e("no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", t),
 		...n
 	});
 }
-function m({ ...e }) {
-	return /* @__PURE__ */ s(l.Empty, {
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Empty, {
 		"data-slot": "command-empty",
-		className: "py-6 text-center text-sm",
-		...e
+		className: e("py-6 text-center text-sm", t),
+		...n
 	});
 }
-function h({ className: t, ...n }) {
-	return /* @__PURE__ */ s(l.Group, {
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Group, {
 		"data-slot": "command-group",
-		className: e("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", t),
+		className: e("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", t),
 		...n
 	});
 }
-function g({ className: t, ...n }) {
-	return /* @__PURE__ */ s(l.Separator, {
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Separator, {
 		"data-slot": "command-separator",
-		className: e("bg-border -mx-1 h-px", t),
+		className: e("-mx-1 h-px bg-border", t),
 		...n
 	});
 }
-function _({ className: t, ...n }) {
-	return /* @__PURE__ */ s(l.Item, {
+function b({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ d(f.Item, {
 		"data-slot": "command-item",
-		className: e("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-pointer 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", t),
-		...n
+		className: e("group/command-item relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground", t),
+		...r,
+		children: [n, /* @__PURE__ */ u(c, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })]
 	});
 }
-function v({ className: t, ...n }) {
-	return /* @__PURE__ */ s("span", {
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ u("span", {
 		"data-slot": "command-shortcut",
-		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", t),
 		...n
 	});
 }
 //#endregion
-export { u as Command, d as CommandDialog, m as CommandEmpty, h as CommandGroup, f as CommandInput, _ as CommandItem, p as CommandList, g as CommandSeparator, v as CommandShortcut };
+export { p as Command, m as CommandDialog, _ as CommandEmpty, v as CommandGroup, h as CommandInput, b as CommandItem, g as CommandList, y as CommandSeparator, x as CommandShortcut };