@cmdniels/uikit 1.5.3 → 1.5.5

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/components/tabs/Tabs.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+export default function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/Tabs.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 { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+export default function Tabs(_a) {
+    var { className, orientation = "horizontal" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (_jsx(TabsPrimitive.Root, Object.assign({ "data-slot": "tabs", "data-orientation": orientation, className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className) }, props)));
+}

package/out/components/tabs/TabsContent.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+export default function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/TabsContent.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 { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+export default function TabsContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Panel, Object.assign({ "data-slot": "tabs-content", className: cn("flex-1 text-sm outline-none", className) }, props)));
+}

package/out/components/tabs/TabsList.d.ts

@@ -0,0 +1,4 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import tabsListVariants from "./tabsListVariants";
+import type { VariantProps } from "class-variance-authority";
+export default function TabsList({ className, variant, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/TabsList.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 } from "react/jsx-runtime";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+import tabsListVariants from "./tabsListVariants";
+export default function TabsList(_a) {
+    var { className, variant = "default" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (_jsx(TabsPrimitive.List, Object.assign({ "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className) }, props)));
+}

package/out/components/tabs/TabsTrigger.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+export default function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/TabsTrigger.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 { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+export default function TabsTrigger(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Tab, Object.assign({ "data-slot": "tabs-trigger", className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-border dark:data-active:bg-card/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:-bottom-1.25 group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className) }, props)));
+}

package/out/components/tabs/tabsListVariants.d.ts

@@ -0,0 +1,4 @@
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export default tabsListVariants;

package/out/components/tabs/tabsListVariants.js

@@ -0,0 +1,13 @@
+import { cva } from "class-variance-authority";
+const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+    variants: {
+        variant: {
+            default: "bg-muted",
+            line: "gap-1 bg-transparent",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+export default tabsListVariants;

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";
@@ -205,6 +214,10 @@ export { default as TableFooter } from "./components/table/TableFooter";
 export { default as TableHead } from "./components/table/TableHead";
 export { default as TableHeader } from "./components/table/TableHeader";
 export { default as TableRow } from "./components/table/TableRow";
+export { default as Tabs } from "./components/tabs/Tabs";
+export { default as TabsContent } from "./components/tabs/TabsContent";
+export { default as TabsList } from "./components/tabs/TabsList";
+export { default as TabsTrigger } from "./components/tabs/TabsTrigger";
 export { default as TextArea } from "./components/textarea/TextArea";
 export { default as Toggle } from "./components/toggle/Toggle";
 export { default as Tooltip } from "./components/tooltip/Tooltip";

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";
@@ -243,6 +253,11 @@ export { default as TableFooter } from "./components/table/TableFooter";
 export { default as TableHead } from "./components/table/TableHead";
 export { default as TableHeader } from "./components/table/TableHeader";
 export { default as TableRow } from "./components/table/TableRow";
+// Tabs
+export { default as Tabs } from "./components/tabs/Tabs";
+export { default as TabsContent } from "./components/tabs/TabsContent";
+export { default as TabsList } from "./components/tabs/TabsList";
+export { default as TabsTrigger } from "./components/tabs/TabsTrigger";
 // Textarea
 export { default as TextArea } from "./components/textarea/TextArea";
 // Toggle

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cmdniels/uikit",
-	"version": "1.5.3",
+	"version": "1.5.5",
 	"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",