@ucdjs-internal/shared-ui 0.1.0

package/dist/ui/select.mjs

@@ -0,0 +1,414 @@
+import { cn } from "../lib/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { Select as Select$1 } from "@base-ui/react/select";
+
+//#region src/ui/select.tsx
+const Select = Select$1.Root;
+function SelectGroup(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("scroll-my-1 p-1", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Select$1.Group, {
+			"data-slot": "select-group",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function SelectValue(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("flex flex-1 text-left", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Select$1.Value, {
+			"data-slot": "select-value",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function SelectTrigger(t0) {
+	const $ = c(13);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, size: t1, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const size = t1 === void 0 ? "default" : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = cn("border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", className);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDown, { className: "text-muted-foreground size-4 pointer-events-none" }) });
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== children || $[9] !== props || $[10] !== size || $[11] !== t2) {
+		t4 = /* @__PURE__ */ jsxs(Select$1.Trigger, {
+			"data-slot": "select-trigger",
+			"data-size": size,
+			className: t2,
+			...props,
+			children: [children, t3]
+		});
+		$[8] = children;
+		$[9] = props;
+		$[10] = size;
+		$[11] = t2;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+function SelectContent(t0) {
+	const $ = c(26);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] !== t0) {
+		({className, children, side: t1, sideOffset: t2, align: t3, alignOffset: t4, alignItemWithTrigger: t5, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+		t5 = $[8];
+	}
+	const side = t1 === void 0 ? "bottom" : t1;
+	const sideOffset = t2 === void 0 ? 4 : t2;
+	const align = t3 === void 0 ? "center" : t3;
+	const alignOffset = t4 === void 0 ? 0 : t4;
+	const alignItemWithTrigger = t5 === void 0 ? true : t5;
+	let t6;
+	if ($[9] !== className) {
+		t6 = cn("bg-popover text-popover-foreground 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 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", className);
+		$[9] = className;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(SelectScrollUpButton, {});
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== children) {
+		t8 = /* @__PURE__ */ jsx(Select$1.List, { children });
+		$[12] = children;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(SelectScrollDownButton, {});
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== props || $[16] !== t6 || $[17] !== t8) {
+		t10 = /* @__PURE__ */ jsxs(Select$1.Popup, {
+			"data-slot": "select-content",
+			className: t6,
+			...props,
+			children: [
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[15] = props;
+		$[16] = t6;
+		$[17] = t8;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== align || $[20] !== alignItemWithTrigger || $[21] !== alignOffset || $[22] !== side || $[23] !== sideOffset || $[24] !== t10) {
+		t11 = /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
+			side,
+			sideOffset,
+			align,
+			alignOffset,
+			alignItemWithTrigger,
+			className: "isolate z-50",
+			children: t10
+		}) });
+		$[19] = align;
+		$[20] = alignItemWithTrigger;
+		$[21] = alignOffset;
+		$[22] = side;
+		$[23] = sideOffset;
+		$[24] = t10;
+		$[25] = t11;
+	} else t11 = $[25];
+	return t11;
+}
+function SelectLabel(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 px-1.5 py-1 text-xs", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Select$1.GroupLabel, {
+			"data-slot": "select-label",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function SelectItem(t0) {
+	const $ = c(13);
+	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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full 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] !== children) {
+		t2 = /* @__PURE__ */ jsx(Select$1.ItemText, {
+			className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
+			children
+		});
+		$[6] = children;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
+			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ jsx(Check, { className: "pointer-events-none" })
+		});
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== props || $[10] !== t1 || $[11] !== t2) {
+		t4 = /* @__PURE__ */ jsxs(Select$1.Item, {
+			"data-slot": "select-item",
+			className: t1,
+			...props,
+			children: [t2, t3]
+		});
+		$[9] = props;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+function SelectSeparator(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 pointer-events-none", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Select$1.Separator, {
+			"data-slot": "select-separator",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function SelectScrollUpButton(t0) {
+	const $ = c(9);
+	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 z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ChevronUp, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
+			"data-slot": "select-scroll-up-button",
+			className: t1,
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+function SelectScrollDownButton(t0) {
+	const $ = c(9);
+	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 z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ChevronDown, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
+			"data-slot": "select-scroll-down-button",
+			className: t1,
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/ui/separator.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+
+//#region src/ui/separator.d.ts
+declare function Separator({
+  className,
+  orientation,
+  ...props
+}: Separator$1.Props): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Separator };

package/dist/ui/separator.mjs

@@ -0,0 +1,47 @@
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+
+//#region src/ui/separator.tsx
+function Separator(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, orientation: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	let t2;
+	if ($[4] !== className) {
+		t2 = cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className);
+		$[4] = className;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Separator$1, {
+			"data-slot": "separator",
+			orientation,
+			className: t2,
+			...props
+		});
+		$[6] = orientation;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+
+//#endregion
+export { Separator };

package/dist/ui/sheet.d.mts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/ui/sheet.d.ts
+declare function Sheet({
+  ...props
+}: Dialog.Root.Props): react_jsx_runtime0.JSX.Element;
+declare function SheetTrigger({
+  ...props
+}: Dialog.Trigger.Props): react_jsx_runtime0.JSX.Element;
+declare function SheetClose({
+  ...props
+}: Dialog.Close.Props): react_jsx_runtime0.JSX.Element;
+declare function SheetContent({
+  className,
+  children,
+  side,
+  showCloseButton,
+  ...props
+}: Dialog.Popup.Props & {
+  side?: "top" | "right" | "bottom" | "left";
+  showCloseButton?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function SheetHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function SheetFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function SheetTitle({
+  className,
+  ...props
+}: Dialog.Title.Props): react_jsx_runtime0.JSX.Element;
+declare function SheetDescription({
+  className,
+  ...props
+}: Dialog.Description.Props): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };