@ucdjs-internal/shared-ui 0.1.0

package/dist/ui/command.mjs

@@ -0,0 +1,378 @@
+import { cn } from "../lib/utils.mjs";
+import { InputGroup, InputGroupAddon } from "./input-group.mjs";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { CheckIcon, SearchIcon } from "lucide-react";
+import { Command as Command$1 } from "cmdk";
+
+//#region src/ui/command.tsx
+function Command(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Command$1, {
+			"data-slot": "command",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function CommandDialog(t0) {
+	const $ = c(24);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({title: t1, description: t2, children, className, showCloseButton: t3, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+	}
+	const title = t1 === void 0 ? "Command Palette" : t1;
+	const description = t2 === void 0 ? "Search for a command to run..." : t2;
+	const showCloseButton = t3 === void 0 ? false : t3;
+	let t4;
+	if ($[7] !== title) {
+		t4 = /* @__PURE__ */ jsx(DialogTitle, { children: title });
+		$[7] = title;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== description) {
+		t5 = /* @__PURE__ */ jsx(DialogDescription, { children: description });
+		$[9] = description;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== t4 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(DialogHeader, {
+			className: "sr-only",
+			children: [t4, t5]
+		});
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== className) {
+		t7 = cn("rounded-xl! top-1/3 translate-y-0 overflow-hidden p-0", className);
+		$[14] = className;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== children || $[17] !== showCloseButton || $[18] !== t7) {
+		t8 = /* @__PURE__ */ jsx(DialogContent, {
+			className: t7,
+			showCloseButton,
+			children
+		});
+		$[16] = children;
+		$[17] = showCloseButton;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== props || $[21] !== t6 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Dialog, {
+			...props,
+			children: [t6, t8]
+		});
+		$[20] = props;
+		$[21] = t6;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	return t9;
+}
+function CommandInput(t0) {
+	const $ = c(11);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Command$1.Input, {
+			"data-slot": "command-input",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) });
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== t2) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "command-input-wrapper",
+			className: "p-1 pb-0",
+			children: /* @__PURE__ */ jsxs(InputGroup, {
+				className: "bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!",
+				children: [t2, t3]
+			})
+		});
+		$[9] = t2;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+function CommandList(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Command$1.List, {
+			"data-slot": "command-list",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function CommandEmpty(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("py-6 text-center text-sm", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Command$1.Empty, {
+			"data-slot": "command-empty",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function CommandGroup(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Command$1.Group, {
+			"data-slot": "command-group",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function CommandSeparator(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("bg-border -mx-1 h-px w-auto", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Command$1.Separator, {
+			"data-slot": "command-separator",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function CommandItem(t0) {
+	const $ = c(11);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("data-selected:bg-muted data-selected:text-foreground data-selected:**:[svg]:text-foreground 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! [&_svg:not([class*='size-'])]:size-4 group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" });
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== children || $[8] !== props || $[9] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(Command$1.Item, {
+			"data-slot": "command-item",
+			className: t1,
+			...props,
+			children: [children, t2]
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+function CommandShortcut(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			"data-slot": "command-shortcut",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/ui/context-menu.d.mts

@@ -0,0 +1,86 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
+
+//#region src/ui/context-menu.d.ts
+declare function ContextMenu({
+  ...props
+}: ContextMenu$1.Root.Props): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuPortal({
+  ...props
+}: ContextMenu$1.Portal.Props): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuTrigger({
+  className,
+  ...props
+}: ContextMenu$1.Trigger.Props): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuContent({
+  className,
+  align,
+  alignOffset,
+  side,
+  sideOffset,
+  ...props
+}: ContextMenu$1.Popup.Props & Pick<ContextMenu$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuGroup({
+  ...props
+}: ContextMenu$1.Group.Props): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}: ContextMenu$1.GroupLabel.Props & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: ContextMenu$1.Item.Props & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuSub({
+  ...props
+}: ContextMenu$1.SubmenuRoot.Props): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: ContextMenu$1.SubmenuTrigger.Props & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuSubContent({
+  ...props
+}: React.ComponentProps<typeof ContextMenuContent>): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}: ContextMenu$1.CheckboxItem.Props & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuRadioGroup({
+  ...props
+}: ContextMenu$1.RadioGroup.Props): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}: ContextMenu$1.RadioItem.Props & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuSeparator({
+  className,
+  ...props
+}: ContextMenu$1.Separator.Props): react_jsx_runtime0.JSX.Element;
+declare function ContextMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };