@cmdniels/uikit 1.5.2 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/out/components/combobox/Combobox.d.ts +1 -2
  2. package/out/components/combobox/Combobox.js +45 -2
  3. package/out/components/command/Command.d.ts +3 -0
  4. package/out/components/command/Command.js +19 -0
  5. package/out/components/command/CommandDialog.d.ts +9 -0
  6. package/out/components/command/CommandDialog.js +23 -0
  7. package/out/components/command/CommandEmpty.d.ts +3 -0
  8. package/out/components/command/CommandEmpty.js +19 -0
  9. package/out/components/command/CommandGroup.d.ts +3 -0
  10. package/out/components/command/CommandGroup.js +19 -0
  11. package/out/components/command/CommandInput.d.ts +3 -0
  12. package/out/components/command/CommandInput.js +22 -0
  13. package/out/components/command/CommandItem.d.ts +3 -0
  14. package/out/components/command/CommandItem.js +20 -0
  15. package/out/components/command/CommandList.d.ts +3 -0
  16. package/out/components/command/CommandList.js +19 -0
  17. package/out/components/command/CommandSeparator.d.ts +3 -0
  18. package/out/components/command/CommandSeparator.js +19 -0
  19. package/out/components/command/CommandShortcut.d.ts +2 -0
  20. package/out/components/command/CommandShortcut.js +18 -0
  21. package/out/components/dialog/DialogContent.d.ts +2 -1
  22. package/out/components/dialog/DialogContent.js +2 -2
  23. package/out/components/radio-group/RadioGroup.d.ts +2 -0
  24. package/out/components/radio-group/RadioGroup.js +19 -0
  25. package/out/components/radio-group/RadioGroupItem.d.ts +2 -0
  26. package/out/components/radio-group/RadioGroupItem.js +19 -0
  27. package/out/index.d.ts +11 -0
  28. package/out/index.js +13 -0
  29. package/package.json +2 -1
@@ -1,3 +1,2 @@
1
1
  import { Combobox as ComboboxPrimitive } from "@base-ui/react";
2
- declare const Combobox: typeof ComboboxPrimitive.Root;
3
- export default Combobox;
2
+ export default function Combobox({ children, itemToStringLabel: itemToStringLabelProp, ...props }: ComboboxPrimitive.Root.Props<unknown, boolean | undefined>): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,47 @@
1
1
  "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
2
14
  import { Combobox as ComboboxPrimitive } from "@base-ui/react";
3
- const Combobox = ComboboxPrimitive.Root;
4
- export default Combobox;
15
+ import { useMemo, Children, isValidElement } from "react";
16
+ function extractItemsFromChildren(children, items) {
17
+ Children.forEach(children, (child) => {
18
+ if (isValidElement(child)) {
19
+ const props = child.props;
20
+ if (props.value !== undefined && props.children) {
21
+ const label = typeof props.children === "string"
22
+ ? props.children
23
+ : typeof props.children === "number"
24
+ ? String(props.children)
25
+ : String(props.value);
26
+ items.set(props.value, label);
27
+ }
28
+ if (props.children) {
29
+ extractItemsFromChildren(props.children, items);
30
+ }
31
+ }
32
+ });
33
+ }
34
+ export default function Combobox(_a) {
35
+ var { children, itemToStringLabel: itemToStringLabelProp } = _a, props = __rest(_a, ["children", "itemToStringLabel"]);
36
+ const itemsMap = useMemo(() => {
37
+ const map = new Map();
38
+ extractItemsFromChildren(children, map);
39
+ return map;
40
+ }, [children]);
41
+ const autoItemToStringLabel = useMemo(() => {
42
+ if (itemToStringLabelProp)
43
+ return itemToStringLabelProp;
44
+ return (value) => { var _a; return (_a = itemsMap.get(value)) !== null && _a !== void 0 ? _a : String(value); };
45
+ }, [itemsMap, itemToStringLabelProp]);
46
+ return (_jsx(ComboboxPrimitive.Root, Object.assign({}, props, { itemToStringLabel: autoItemToStringLabel, children: children })));
47
+ }
@@ -0,0 +1,3 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import * as React from "react";
3
+ export default function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { Command as CommandPrimitive } from "cmdk";
15
+ import cn from "../../cn";
16
+ export default function Command(_a) {
17
+ var { className } = _a, props = __rest(_a, ["className"]);
18
+ 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)));
19
+ }
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import Dialog from "../../components/dialog/Dialog";
3
+ export default function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
4
+ title?: string;
5
+ description?: string;
6
+ className?: string;
7
+ showCloseButton?: boolean;
8
+ children: React.ReactNode;
9
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,23 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ import cn from "../../cn";
15
+ import Dialog from "../../components/dialog/Dialog";
16
+ import DialogContent from "../../components/dialog/DialogContent";
17
+ import DialogDescription from "../../components/dialog/DialogDescription";
18
+ import DialogHeader from "../../components/dialog/DialogHeader";
19
+ import DialogTitle from "../../components/dialog/DialogTitle";
20
+ export default function CommandDialog(_a) {
21
+ var { title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false } = _a, props = __rest(_a, ["title", "description", "children", "className", "showCloseButton"]);
22
+ 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 })] })));
23
+ }
@@ -0,0 +1,3 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import * as React from "react";
3
+ export default function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { Command as CommandPrimitive } from "cmdk";
15
+ import cn from "../../cn";
16
+ export default function CommandEmpty(_a) {
17
+ var { className } = _a, props = __rest(_a, ["className"]);
18
+ return (_jsx(CommandPrimitive.Empty, Object.assign({ "data-slot": "command-empty", className: cn("py-6 text-center text-sm", className) }, props)));
19
+ }
@@ -0,0 +1,3 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import * as React from "react";
3
+ export default function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { Command as CommandPrimitive } from "cmdk";
15
+ import cn from "../../cn";
16
+ export default function CommandGroup(_a) {
17
+ var { className } = _a, props = __rest(_a, ["className"]);
18
+ 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)));
19
+ }
@@ -0,0 +1,3 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import * as React from "react";
3
+ export default function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,22 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ import { IconSearch } from "@tabler/icons-react";
15
+ import { Command as CommandPrimitive } from "cmdk";
16
+ import cn from "../../cn";
17
+ import InputGroup from "../../components/input-group/InputGroup";
18
+ import InputGroupAddon from "../../components/input-group/InputGroupAddon";
19
+ export default function CommandInput(_a) {
20
+ var { className } = _a, props = __rest(_a, ["className"]);
21
+ 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" }) })] }) }));
22
+ }
@@ -0,0 +1,3 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import * as React from "react";
3
+ export default function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,20 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ import { IconCheck } from "@tabler/icons-react";
15
+ import { Command as CommandPrimitive } from "cmdk";
16
+ import cn from "../../cn";
17
+ export default function CommandItem(_a) {
18
+ var { className, children } = _a, props = __rest(_a, ["className", "children"]);
19
+ 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" })] })));
20
+ }
@@ -0,0 +1,3 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import * as React from "react";
3
+ export default function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { Command as CommandPrimitive } from "cmdk";
15
+ import cn from "../../cn";
16
+ export default function CommandList(_a) {
17
+ var { className } = _a, props = __rest(_a, ["className"]);
18
+ 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)));
19
+ }
@@ -0,0 +1,3 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import * as React from "react";
3
+ export default function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { Command as CommandPrimitive } from "cmdk";
15
+ import cn from "../../cn";
16
+ export default function CommandSeparator(_a) {
17
+ var { className } = _a, props = __rest(_a, ["className"]);
18
+ return (_jsx(CommandPrimitive.Separator, Object.assign({ "data-slot": "command-separator", className: cn("-mx-1 h-px bg-border", className) }, props)));
19
+ }
@@ -0,0 +1,2 @@
1
+ import * as React from "react";
2
+ export default function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import cn from "../../cn";
15
+ export default function CommandShortcut(_a) {
16
+ var { className } = _a, props = __rest(_a, ["className"]);
17
+ 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)));
18
+ }
@@ -1,4 +1,5 @@
1
1
  import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
2
- export default function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
2
+ export default function DialogContent({ className, children, showCloseButton, unstyled, ...props }: DialogPrimitive.Popup.Props & {
3
3
  showCloseButton?: boolean;
4
+ unstyled?: boolean;
4
5
  }): import("react/jsx-runtime").JSX.Element;
@@ -18,6 +18,6 @@ import Button from "../../components/button/Button";
18
18
  import DialogOverlay from "./DialogOverlay";
19
19
  import DialogPortal from "./DialogPortal";
20
20
  export default function DialogContent(_a) {
21
- var { className, children, showCloseButton = true } = _a, props = __rest(_a, ["className", "children", "showCloseButton"]);
22
- 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" })] }))] }) }))] }));
21
+ var { className, children, showCloseButton = true, unstyled = false } = _a, props = __rest(_a, ["className", "children", "showCloseButton", "unstyled"]);
22
+ 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" })] }))] }) }))] }));
23
23
  }
@@ -0,0 +1,2 @@
1
+ import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
2
+ export default function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
15
+ import cn from "../../cn";
16
+ export default function RadioGroup(_a) {
17
+ var { className } = _a, props = __rest(_a, ["className"]);
18
+ return _jsx(RadioGroupPrimitive, Object.assign({ "data-slot": "radio-group", className: cn("grid w-full gap-2", className) }, props));
19
+ }
@@ -0,0 +1,2 @@
1
+ import { Radio as RadioPrimitive } from "@base-ui/react/radio";
2
+ export default function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import { Radio as RadioPrimitive } from "@base-ui/react/radio";
15
+ import cn from "../../cn";
16
+ export default function RadioGroupItem(_a) {
17
+ var { className } = _a, props = __rest(_a, ["className"]);
18
+ return (_jsx(RadioPrimitive.Root, Object.assign({ "data-slot": "radio-group-item", className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-card/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className) }, props, { children: _jsx(RadioPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "flex size-4 items-center justify-center", children: _jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-1/2 rounded-full bg-primary-foreground" }) }) })));
19
+ }
package/out/index.d.ts CHANGED
@@ -58,6 +58,15 @@ export { default as ComboboxSeparator } from "./components/combobox/ComboboxSepa
58
58
  export { default as ComboboxTrigger } from "./components/combobox/ComboboxTrigger";
59
59
  export { default as ComboboxValue } from "./components/combobox/ComboboxValue";
60
60
  export { default as useComboboxAnchor } from "./components/combobox/useComboboxAnchor";
61
+ export { default as Command } from "./components/command/Command";
62
+ export { default as CommandDialog } from "./components/command/CommandDialog";
63
+ export { default as CommandEmpty } from "./components/command/CommandEmpty";
64
+ export { default as CommandGroup } from "./components/command/CommandGroup";
65
+ export { default as CommandInput } from "./components/command/CommandInput";
66
+ export { default as CommandItem } from "./components/command/CommandItem";
67
+ export { default as CommandList } from "./components/command/CommandList";
68
+ export { default as CommandSeparator } from "./components/command/CommandSeparator";
69
+ export { default as CommandShortcut } from "./components/command/CommandShortcut";
61
70
  export { default as ContextMenu } from "./components/context-menu/ContextMenu";
62
71
  export { default as ContextMenuCheckboxItem } from "./components/context-menu/ContextMenuCheckboxItem";
63
72
  export { default as ContextMenuContent } from "./components/context-menu/ContextMenuContent";
@@ -144,6 +153,8 @@ export { default as PopoverDescription } from "./components/popover/PopoverDescr
144
153
  export { default as PopoverHeader } from "./components/popover/PopoverHeader";
145
154
  export { default as PopoverTitle } from "./components/popover/PopoverTitle";
146
155
  export { default as PopoverTrigger } from "./components/popover/PopoverTrigger";
156
+ export { default as RadioGroup } from "./components/radio-group/RadioGroup";
157
+ export { default as RadioGroupItem } from "./components/radio-group/RadioGroupItem";
147
158
  export { default as ScrollArea } from "./components/scroll-area/ScrollArea";
148
159
  export { default as ScrollBar } from "./components/scroll-area/ScrollBar";
149
160
  export { default as Select } from "./components/select/Select";
package/out/index.js CHANGED
@@ -68,6 +68,16 @@ export { default as ComboboxSeparator } from "./components/combobox/ComboboxSepa
68
68
  export { default as ComboboxTrigger } from "./components/combobox/ComboboxTrigger";
69
69
  export { default as ComboboxValue } from "./components/combobox/ComboboxValue";
70
70
  export { default as useComboboxAnchor } from "./components/combobox/useComboboxAnchor";
71
+ // Command
72
+ export { default as Command } from "./components/command/Command";
73
+ export { default as CommandDialog } from "./components/command/CommandDialog";
74
+ export { default as CommandEmpty } from "./components/command/CommandEmpty";
75
+ export { default as CommandGroup } from "./components/command/CommandGroup";
76
+ export { default as CommandInput } from "./components/command/CommandInput";
77
+ export { default as CommandItem } from "./components/command/CommandItem";
78
+ export { default as CommandList } from "./components/command/CommandList";
79
+ export { default as CommandSeparator } from "./components/command/CommandSeparator";
80
+ export { default as CommandShortcut } from "./components/command/CommandShortcut";
71
81
  // Context Menu
72
82
  export { default as ContextMenu } from "./components/context-menu/ContextMenu";
73
83
  export { default as ContextMenuCheckboxItem } from "./components/context-menu/ContextMenuCheckboxItem";
@@ -170,6 +180,9 @@ export { default as PopoverDescription } from "./components/popover/PopoverDescr
170
180
  export { default as PopoverHeader } from "./components/popover/PopoverHeader";
171
181
  export { default as PopoverTitle } from "./components/popover/PopoverTitle";
172
182
  export { default as PopoverTrigger } from "./components/popover/PopoverTrigger";
183
+ // Radio Group
184
+ export { default as RadioGroup } from "./components/radio-group/RadioGroup";
185
+ export { default as RadioGroupItem } from "./components/radio-group/RadioGroupItem";
173
186
  // Scroll Area
174
187
  export { default as ScrollArea } from "./components/scroll-area/ScrollArea";
175
188
  export { default as ScrollBar } from "./components/scroll-area/ScrollBar";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmdniels/uikit",
3
- "version": "1.5.2",
3
+ "version": "1.5.4",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -61,6 +61,7 @@
61
61
  "@tailwindcss/postcss": "^4",
62
62
  "class-variance-authority": "^0.7.1",
63
63
  "clsx": "^2.1.1",
64
+ "cmdk": "^1.1.1",
64
65
  "date-fns": "^4.1.0",
65
66
  "motion": "^12.23.26",
66
67
  "next-themes": "^0.4.6",