@ucdjs-internal/shared-ui 0.1.0

package/dist/ui/dropdown-menu.mjs

@@ -0,0 +1,534 @@
+import { cn } from "../lib/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Check, ChevronRight } from "lucide-react";
+import { Menu as Menu$1 } from "@base-ui/react/menu";
+
+//#region src/ui/dropdown-menu.tsx
+function DropdownMenu(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(Menu$1.Root, {
+			"data-slot": "dropdown-menu",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DropdownMenuPortal(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(Menu$1.Portal, {
+			"data-slot": "dropdown-menu-portal",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DropdownMenuTrigger(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(Menu$1.Trigger, {
+			"data-slot": "dropdown-menu-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DropdownMenuContent(t0) {
+	const $ = c(18);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({align: t1, alignOffset: t2, side: t3, sideOffset: t4, className, ...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 ? 0 : t2;
+	const side = t3 === void 0 ? "bottom" : t3;
+	const sideOffset = t4 === void 0 ? 4 : 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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden", className);
+		$[7] = className;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== props || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Menu$1.Popup, {
+			"data-slot": "dropdown-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(Menu$1.Portal, { children: /* @__PURE__ */ jsx(Menu$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 DropdownMenuGroup(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(Menu$1.Group, {
+			"data-slot": "dropdown-menu-group",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DropdownMenuLabel(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-8", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== inset || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
+			"data-slot": "dropdown-menu-label",
+			"data-inset": inset,
+			className: t1,
+			...props
+		});
+		$[6] = inset;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function DropdownMenuItem(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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_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(Menu$1.Item, {
+			"data-slot": "dropdown-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 DropdownMenuSub(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(Menu$1.SubmenuRoot, {
+			"data-slot": "dropdown-menu-sub",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DropdownMenuSubTrigger(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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-inset:pl-8 [&_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(ChevronRight, { className: "ml-auto" });
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
+			"data-slot": "dropdown-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 DropdownMenuSubContent(t0) {
+	const $ = c(16);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({align: t1, alignOffset: t2, side: t3, sideOffset: t4, className, ...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 ? -3 : 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-24 rounded-md p-1 shadow-lg ring-1 duration-100 w-auto", className);
+		$[7] = className;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== align || $[10] !== alignOffset || $[11] !== props || $[12] !== side || $[13] !== sideOffset || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx(DropdownMenuContent, {
+			"data-slot": "dropdown-menu-sub-content",
+			className: t5,
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			...props
+		});
+		$[9] = align;
+		$[10] = alignOffset;
+		$[11] = props;
+		$[12] = side;
+		$[13] = sideOffset;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
+}
+function DropdownMenuCheckboxItem(t0) {
+	const $ = c(13);
+	let checked;
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, checked, ...props} = t0);
+		$[0] = t0;
+		$[1] = checked;
+		$[2] = children;
+		$[3] = className;
+		$[4] = props;
+	} else {
+		checked = $[1];
+		children = $[2];
+		className = $[3];
+		props = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_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 flex items-center justify-center pointer-events-none",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) })
+		});
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== checked || $[9] !== children || $[10] !== props || $[11] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(Menu$1.CheckboxItem, {
+			"data-slot": "dropdown-menu-checkbox-item",
+			className: t1,
+			checked,
+			...props,
+			children: [t2, children]
+		});
+		$[8] = checked;
+		$[9] = children;
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+}
+function DropdownMenuRadioGroup(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(Menu$1.RadioGroup, {
+			"data-slot": "dropdown-menu-radio-group",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DropdownMenuRadioItem(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("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_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);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) })
+		});
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== children || $[8] !== props || $[9] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
+			"data-slot": "dropdown-menu-radio-item",
+			className: t1,
+			...props,
+			children: [t2, children]
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+function DropdownMenuSeparator(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(Menu$1.Separator, {
+			"data-slot": "dropdown-menu-separator",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function DropdownMenuShortcut(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/dropdown-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": "dropdown-menu-shortcut",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/ui/field.d.mts

@@ -0,0 +1,64 @@
+import { Label } from "./label.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/ui/field.d.ts
+declare function FieldSet({
+  className,
+  ...props
+}: React.ComponentProps<"fieldset">): react_jsx_runtime0.JSX.Element;
+declare function FieldLegend({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"legend"> & {
+  variant?: "legend" | "label";
+}): react_jsx_runtime0.JSX.Element;
+declare function FieldGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare const fieldVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Field({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime0.JSX.Element;
+declare function FieldContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>): react_jsx_runtime0.JSX.Element;
+declare function FieldTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FieldDescription({
+  className,
+  ...props
+}: React.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+declare function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+declare function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{
+    message?: string;
+  } | undefined>;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };