@cmdniels/uikit 1.5.3 → 1.5.4

package/out/components/command/Command.d.ts

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+export default function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/Command.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import cn from "../../cn";
+export default function Command(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive, Object.assign({ "data-slot": "command", className: cn("flex size-full flex-col overflow-hidden rounded-xl! bg-card p-1 text-card-foreground", className) }, props)));
+}

package/out/components/command/CommandDialog.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import Dialog from "../../components/dialog/Dialog";
+export default function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandDialog.js

@@ -0,0 +1,23 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from "../../cn";
+import Dialog from "../../components/dialog/Dialog";
+import DialogContent from "../../components/dialog/DialogContent";
+import DialogDescription from "../../components/dialog/DialogDescription";
+import DialogHeader from "../../components/dialog/DialogHeader";
+import DialogTitle from "../../components/dialog/DialogTitle";
+export default function CommandDialog(_a) {
+    var { title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false } = _a, props = __rest(_a, ["title", "description", "children", "className", "showCloseButton"]);
+    return (_jsxs(Dialog, Object.assign({}, props, { children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0", className), showCloseButton: showCloseButton, unstyled: true, children: children })] })));
+}

package/out/components/command/CommandEmpty.d.ts

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+export default function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandEmpty.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import cn from "../../cn";
+export default function CommandEmpty(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.Empty, Object.assign({ "data-slot": "command-empty", className: cn("py-6 text-center text-sm", className) }, props)));
+}

package/out/components/command/CommandGroup.d.ts

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+export default function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandGroup.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import cn from "../../cn";
+export default function CommandGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.Group, Object.assign({ "data-slot": "command-group", className: cn("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", className) }, props)));
+}

package/out/components/command/CommandInput.d.ts

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+export default function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandInput.js

@@ -0,0 +1,22 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconSearch } from "@tabler/icons-react";
+import { Command as CommandPrimitive } from "cmdk";
+import cn from "../../cn";
+import InputGroup from "../../components/input-group/InputGroup";
+import InputGroupAddon from "../../components/input-group/InputGroupAddon";
+export default function CommandInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: _jsxs(InputGroup, { className: "h-8! rounded-lg! border-border bg-card shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [_jsx(CommandPrimitive.Input, Object.assign({ "data-slot": "command-input", className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className) }, props)), _jsx(InputGroupAddon, { children: _jsx(IconSearch, { className: "size-4 shrink-0 opacity-50" }) })] }) }));
+}

package/out/components/command/CommandItem.d.ts

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+export default function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandItem.js

@@ -0,0 +1,20 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCheck } from "@tabler/icons-react";
+import { Command as CommandPrimitive } from "cmdk";
+import cn from "../../cn";
+export default function CommandItem(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsxs(CommandPrimitive.Item, Object.assign({ "data-slot": "command-item", className: cn("group/command-item relative flex cursor-default 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", className) }, props, { children: [children, _jsx(IconCheck, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })] })));
+}

package/out/components/command/CommandList.d.ts

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+export default function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandList.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import cn from "../../cn";
+export default function CommandList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.List, Object.assign({ "data-slot": "command-list", className: cn("scrollbar-none max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className) }, props)));
+}

package/out/components/command/CommandSeparator.d.ts

@@ -0,0 +1,3 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+export default function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandSeparator.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import cn from "../../cn";
+export default function CommandSeparator(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(CommandPrimitive.Separator, Object.assign({ "data-slot": "command-separator", className: cn("-mx-1 h-px bg-border", className) }, props)));
+}

package/out/components/command/CommandShortcut.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandShortcut.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function CommandShortcut(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("span", Object.assign({ "data-slot": "command-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", className) }, props)));
+}

package/out/components/dialog/DialogContent.d.ts

@@ -1,4 +1,5 @@
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
-export default function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
+export default function DialogContent({ className, children, showCloseButton, unstyled, ...props }: DialogPrimitive.Popup.Props & {
     showCloseButton?: boolean;
+    unstyled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/out/components/dialog/DialogContent.js

@@ -18,6 +18,6 @@ import Button from "../../components/button/Button";
 import DialogOverlay from "./DialogOverlay";
 import DialogPortal from "./DialogPortal";
 export default function DialogContent(_a) {
-    var { className, children, showCloseButton = true } = _a, props = __rest(_a, ["className", "children", "showCloseButton"]);
-    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsx(DialogPrimitive.Popup, Object.assign({ "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 flex h-fit max-h-[calc(100%-2rem)] w-full max-w-[calc(100%-2rem)] -translate-1/2 overflow-hidden rounded-xl ring-1 ring-foreground/10 duration-100  outline-none  sm:max-w-md 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", className) }, props, { children: _jsxs("div", { className: cn("max-h-[calc(100%-2rem)]", "grid w-full gap-6 overflow-y-auto rounded-xl bg-background p-6 text-sm", "scrollbar-track-background scrollbar-thumb-border scrollbar"), children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }), children: [_jsx(IconX, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] }) }))] }));
+    var { className, children, showCloseButton = true, unstyled = false } = _a, props = __rest(_a, ["className", "children", "showCloseButton", "unstyled"]);
+    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsx(DialogPrimitive.Popup, Object.assign({ "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 flex h-fit max-h-[calc(100%-2rem)] w-full max-w-[calc(100%-2rem)] -translate-1/2 overflow-hidden rounded-xl ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md 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", className) }, props, { children: _jsxs("div", { className: cn("max-h-[calc(100%-2rem)]", "grid w-full gap-6 overflow-y-auto rounded-xl bg-background text-sm", "scrollbar-track-background scrollbar-thumb-border scrollbar", !unstyled && "p-6"), children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }), children: [_jsx(IconX, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] }) }))] }));
 }

package/out/index.d.ts

@@ -58,6 +58,15 @@ export { default as ComboboxSeparator } from "./components/combobox/ComboboxSepa
 export { default as ComboboxTrigger } from "./components/combobox/ComboboxTrigger";
 export { default as ComboboxValue } from "./components/combobox/ComboboxValue";
 export { default as useComboboxAnchor } from "./components/combobox/useComboboxAnchor";
+export { default as Command } from "./components/command/Command";
+export { default as CommandDialog } from "./components/command/CommandDialog";
+export { default as CommandEmpty } from "./components/command/CommandEmpty";
+export { default as CommandGroup } from "./components/command/CommandGroup";
+export { default as CommandInput } from "./components/command/CommandInput";
+export { default as CommandItem } from "./components/command/CommandItem";
+export { default as CommandList } from "./components/command/CommandList";
+export { default as CommandSeparator } from "./components/command/CommandSeparator";
+export { default as CommandShortcut } from "./components/command/CommandShortcut";
 export { default as ContextMenu } from "./components/context-menu/ContextMenu";
 export { default as ContextMenuCheckboxItem } from "./components/context-menu/ContextMenuCheckboxItem";
 export { default as ContextMenuContent } from "./components/context-menu/ContextMenuContent";

package/out/index.js

@@ -68,6 +68,16 @@ export { default as ComboboxSeparator } from "./components/combobox/ComboboxSepa
 export { default as ComboboxTrigger } from "./components/combobox/ComboboxTrigger";
 export { default as ComboboxValue } from "./components/combobox/ComboboxValue";
 export { default as useComboboxAnchor } from "./components/combobox/useComboboxAnchor";
+// Command
+export { default as Command } from "./components/command/Command";
+export { default as CommandDialog } from "./components/command/CommandDialog";
+export { default as CommandEmpty } from "./components/command/CommandEmpty";
+export { default as CommandGroup } from "./components/command/CommandGroup";
+export { default as CommandInput } from "./components/command/CommandInput";
+export { default as CommandItem } from "./components/command/CommandItem";
+export { default as CommandList } from "./components/command/CommandList";
+export { default as CommandSeparator } from "./components/command/CommandSeparator";
+export { default as CommandShortcut } from "./components/command/CommandShortcut";
 // Context Menu
 export { default as ContextMenu } from "./components/context-menu/ContextMenu";
 export { default as ContextMenuCheckboxItem } from "./components/context-menu/ContextMenuCheckboxItem";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cmdniels/uikit",
-	"version": "1.5.3",
+	"version": "1.5.4",
 	"private": false,
 	"license": "MIT",
 	"type": "module",
@@ -61,6 +61,7 @@
 		"@tailwindcss/postcss": "^4",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
+		"cmdk": "^1.1.1",
 		"date-fns": "^4.1.0",
 		"motion": "^12.23.26",
 		"next-themes": "^0.4.6",