@ucdjs-internal/shared-ui 0.1.0

package/dist/ui/context-menu.mjs

@@ -0,0 +1,520 @@
+import { cn } from "../lib/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
+
+//#region src/ui/context-menu.tsx
+function ContextMenu(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(ContextMenu$1.Root, {
+			"data-slot": "context-menu",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function ContextMenuPortal(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
+			"data-slot": "context-menu-portal",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function ContextMenuTrigger(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("select-none", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
+			"data-slot": "context-menu-trigger",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function ContextMenuContent(t0) {
+	const $ = c(18);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({className, align: t1, alignOffset: t2, side: t3, sideOffset: t4, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+		t3 = $[5];
+		t4 = $[6];
+	}
+	const align = t1 === void 0 ? "start" : t1;
+	const alignOffset = t2 === void 0 ? 4 : t2;
+	const side = t3 === void 0 ? "right" : t3;
+	const sideOffset = t4 === void 0 ? 0 : t4;
+	let t5;
+	if ($[7] !== className) {
+		t5 = cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none", className);
+		$[7] = className;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== props || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
+			"data-slot": "context-menu-content",
+			className: t5,
+			...props
+		});
+		$[9] = props;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== align || $[13] !== alignOffset || $[14] !== side || $[15] !== sideOffset || $[16] !== t6) {
+		t7 = /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
+			className: "isolate z-50 outline-none",
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			children: t6
+		}) });
+		$[12] = align;
+		$[13] = alignOffset;
+		$[14] = side;
+		$[15] = sideOffset;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
+}
+function ContextMenuGroup(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(ContextMenu$1.Group, {
+			"data-slot": "context-menu-group",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function ContextMenuLabel(t0) {
+	const $ = c(10);
+	let className;
+	let inset;
+	let props;
+	if ($[0] !== t0) {
+		({className, inset, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = inset;
+		$[3] = props;
+	} else {
+		className = $[1];
+		inset = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== inset || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ContextMenu$1.GroupLabel, {
+			"data-slot": "context-menu-label",
+			"data-inset": inset,
+			className: t1,
+			...props
+		});
+		$[6] = inset;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function ContextMenuItem(t0) {
+	const $ = c(12);
+	let className;
+	let inset;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, inset, variant: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = inset;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		className = $[1];
+		inset = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const variant = t1 === void 0 ? "default" : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== inset || $[8] !== props || $[9] !== t2 || $[10] !== variant) {
+		t3 = /* @__PURE__ */ jsx(ContextMenu$1.Item, {
+			"data-slot": "context-menu-item",
+			"data-inset": inset,
+			"data-variant": variant,
+			className: t2,
+			...props
+		});
+		$[7] = inset;
+		$[8] = props;
+		$[9] = t2;
+		$[10] = variant;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+}
+function ContextMenuSub(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(ContextMenu$1.SubmenuRoot, {
+			"data-slot": "context-menu-sub",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function ContextMenuSubTrigger(t0) {
+	const $ = c(13);
+	let children;
+	let className;
+	let inset;
+	let props;
+	if ($[0] !== t0) {
+		({className, inset, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = inset;
+		$[4] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		inset = $[3];
+		props = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" });
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(ContextMenu$1.SubmenuTrigger, {
+			"data-slot": "context-menu-sub-trigger",
+			"data-inset": inset,
+			className: t1,
+			...props,
+			children: [children, t2]
+		});
+		$[8] = children;
+		$[9] = inset;
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+}
+function ContextMenuSubContent(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(ContextMenuContent, {
+			"data-slot": "context-menu-sub-content",
+			className: "shadow-lg",
+			side: "right",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function ContextMenuCheckboxItem(t0) {
+	const $ = c(15);
+	let checked;
+	let children;
+	let className;
+	let inset;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, checked, inset, ...props} = t0);
+		$[0] = t0;
+		$[1] = checked;
+		$[2] = children;
+		$[3] = className;
+		$[4] = inset;
+		$[5] = props;
+	} else {
+		checked = $[1];
+		children = $[2];
+		className = $[3];
+		inset = $[4];
+		props = $[5];
+	}
+	let t1;
+	if ($[6] !== className) {
+		t1 = cn("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className);
+		$[6] = className;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 pointer-events-none",
+			children: /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		});
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== checked || $[10] !== children || $[11] !== inset || $[12] !== props || $[13] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(ContextMenu$1.CheckboxItem, {
+			"data-slot": "context-menu-checkbox-item",
+			"data-inset": inset,
+			className: t1,
+			checked,
+			...props,
+			children: [t2, children]
+		});
+		$[9] = checked;
+		$[10] = children;
+		$[11] = inset;
+		$[12] = props;
+		$[13] = t1;
+		$[14] = t3;
+	} else t3 = $[14];
+	return t3;
+}
+function ContextMenuRadioGroup(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(ContextMenu$1.RadioGroup, {
+			"data-slot": "context-menu-radio-group",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function ContextMenuRadioItem(t0) {
+	const $ = c(13);
+	let children;
+	let className;
+	let inset;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, inset, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = inset;
+		$[4] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		inset = $[3];
+		props = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cn("focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 pointer-events-none",
+			children: /* @__PURE__ */ jsx(ContextMenu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		});
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(ContextMenu$1.RadioItem, {
+			"data-slot": "context-menu-radio-item",
+			"data-inset": inset,
+			className: t1,
+			...props,
+			children: [t2, children]
+		});
+		$[8] = children;
+		$[9] = inset;
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+}
+function ContextMenuSeparator(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 my-1 h-px", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ContextMenu$1.Separator, {
+			"data-slot": "context-menu-separator",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function ContextMenuShortcut(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-focus/context-menu-item:text-accent-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": "context-menu-shortcut",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/ui/dialog.d.mts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+
+//#region src/ui/dialog.d.ts
+declare function Dialog({
+  ...props
+}: Dialog$1.Root.Props): react_jsx_runtime0.JSX.Element;
+declare function DialogTrigger({
+  ...props
+}: Dialog$1.Trigger.Props): react_jsx_runtime0.JSX.Element;
+declare function DialogPortal({
+  ...props
+}: Dialog$1.Portal.Props): react_jsx_runtime0.JSX.Element;
+declare function DialogClose({
+  ...props
+}: Dialog$1.Close.Props): react_jsx_runtime0.JSX.Element;
+declare function DialogOverlay({
+  className,
+  ...props
+}: Dialog$1.Backdrop.Props): react_jsx_runtime0.JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: Dialog$1.Popup.Props & {
+  showCloseButton?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function DialogFooter({
+  className,
+  showCloseButton,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: Dialog$1.Title.Props): react_jsx_runtime0.JSX.Element;
+declare function DialogDescription({
+  className,
+  ...props
+}: Dialog$1.Description.Props): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };