@ucdjs-internal/shared-ui 0.1.0

package/dist/ui/skeleton.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Skeleton };

package/dist/ui/skeleton.mjs

@@ -0,0 +1,40 @@
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+
+//#region src/ui/skeleton.tsx
+function Skeleton(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-muted rounded-md animate-pulse", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "skeleton",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { Skeleton };

package/dist/ui/table.d.mts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/table.d.ts
+declare function Table({
+  className,
+  ...props
+}: React.ComponentProps<"table">): react_jsx_runtime0.JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: React.ComponentProps<"thead">): react_jsx_runtime0.JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: React.ComponentProps<"tbody">): react_jsx_runtime0.JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: React.ComponentProps<"tfoot">): react_jsx_runtime0.JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: React.ComponentProps<"tr">): react_jsx_runtime0.JSX.Element;
+declare function TableHead({
+  className,
+  ...props
+}: React.ComponentProps<"th">): react_jsx_runtime0.JSX.Element;
+declare function TableCell({
+  className,
+  ...props
+}: React.ComponentProps<"td">): react_jsx_runtime0.JSX.Element;
+declare function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/ui/table.mjs

@@ -0,0 +1,269 @@
+import { cn } from "../lib/utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+
+//#region src/ui/table.tsx
+function Table(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("w-full caption-bottom text-sm", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "table-container",
+			className: "relative w-full overflow-x-auto",
+			children: /* @__PURE__ */ jsx("table", {
+				"data-slot": "table",
+				className: t1,
+				...props
+			})
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function TableHeader(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("[&_tr]:border-b", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("thead", {
+			"data-slot": "table-header",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function TableBody(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("[&_tr:last-child]:border-0", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("tbody", {
+			"data-slot": "table-body",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function TableFooter(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-muted/50 border-t font-medium [&>tr]:last:border-b-0", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("tfoot", {
+			"data-slot": "table-footer",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function TableRow(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("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("tr", {
+			"data-slot": "table-row",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function TableHead(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 h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("th", {
+			"data-slot": "table-head",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function TableCell(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("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("td", {
+			"data-slot": "table-cell",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function TableCaption(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 mt-4 text-sm", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("caption", {
+			"data-slot": "table-caption",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/ui/textarea.d.mts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/textarea.d.ts
+declare function Textarea({
+  className,
+  ...props
+}: React.ComponentProps<"textarea">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Textarea };

package/dist/ui/textarea.mjs

@@ -0,0 +1,41 @@
+import { cn } from "../lib/utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+
+//#region src/ui/textarea.tsx
+function Textarea(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("border-input dark:bg-input/30 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 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none 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("textarea", {
+			"data-slot": "textarea",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { Textarea };

package/dist/ui/tooltip.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+
+//#region src/ui/tooltip.d.ts
+declare function TooltipProvider({
+  delay,
+  ...props
+}: Tooltip$1.Provider.Props): react_jsx_runtime0.JSX.Element;
+declare function Tooltip({
+  ...props
+}: Tooltip$1.Root.Props): react_jsx_runtime0.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: Tooltip$1.Trigger.Props): react_jsx_runtime0.JSX.Element;
+declare function TooltipContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  children,
+  ...props
+}: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui/tooltip.mjs

@@ -0,0 +1,149 @@
+import { cn } from "../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+
+//#region src/ui/tooltip.tsx
+function TooltipProvider(t0) {
+	const $ = c(6);
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({delay: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+	} else {
+		props = $[1];
+		t1 = $[2];
+	}
+	const delay = t1 === void 0 ? 0 : t1;
+	let t2;
+	if ($[3] !== delay || $[4] !== props) {
+		t2 = /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+			"data-slot": "tooltip-provider",
+			delay,
+			...props
+		});
+		$[3] = delay;
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+function Tooltip(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(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip$1.Root, {
+			"data-slot": "tooltip",
+			...props
+		}) });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function TooltipTrigger(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(Tooltip$1.Trigger, {
+			"data-slot": "tooltip-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function TooltipContent(t0) {
+	const $ = c(21);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({className, side: t1, sideOffset: t2, align: t3, alignOffset: t4, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+	}
+	const side = t1 === void 0 ? "top" : t1;
+	const sideOffset = t2 === void 0 ? 4 : t2;
+	const align = t3 === void 0 ? "center" : t3;
+	const alignOffset = t4 === void 0 ? 0 : t4;
+	let t5;
+	if ($[8] !== className) {
+		t5 = cn("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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 rounded-md px-3 py-1.5 text-xs bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)", className);
+		$[8] = className;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" });
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== children || $[12] !== props || $[13] !== t5) {
+		t7 = /* @__PURE__ */ jsxs(Tooltip$1.Popup, {
+			"data-slot": "tooltip-content",
+			className: t5,
+			...props,
+			children: [children, t6]
+		});
+		$[11] = children;
+		$[12] = props;
+		$[13] = t5;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== align || $[16] !== alignOffset || $[17] !== side || $[18] !== sideOffset || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: t7
+		}) });
+		$[15] = align;
+		$[16] = alignOffset;
+		$[17] = side;
+		$[18] = sideOffset;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
+}
+
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "@ucdjs-internal/shared-ui",
+  "version": "0.1.0",
+  "type": "module",
+  "author": {
+    "name": "Lucas Nørgård",
+    "email": "lucasnrgaard@gmail.com",
+    "url": "https://luxass.dev"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/ucdjs/ucd",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ucdjs/ucd.git",
+    "directory": "packages/shared-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/ucdjs/ucd/issues"
+  },
+  "imports": {
+    "#components/*": "./src/components/*.tsx",
+    "#ui/*": "./src/ui/*.tsx",
+    "#lib/*": "./src/lib/*.ts",
+    "#hooks/*": "./src/hooks/*.ts"
+  },
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./components/shiki-code": "./dist/components/shiki-code.mjs",
+    "./components/theme-toggle": "./dist/components/theme-toggle.mjs",
+    "./hooks": "./dist/hooks/index.mjs",
+    "./lib/theme-script": "./dist/lib/theme-script.mjs",
+    "./lib/utils": "./dist/lib/utils.mjs",
+    "./ui/alert-dialog": "./dist/ui/alert-dialog.mjs",
+    "./ui/avatar": "./dist/ui/avatar.mjs",
+    "./ui/badge": "./dist/ui/badge.mjs",
+    "./ui/breadcrumb": "./dist/ui/breadcrumb.mjs",
+    "./ui/button": "./dist/ui/button.mjs",
+    "./ui/card": "./dist/ui/card.mjs",
+    "./ui/checkbox": "./dist/ui/checkbox.mjs",
+    "./ui/collapsible": "./dist/ui/collapsible.mjs",
+    "./ui/combobox": "./dist/ui/combobox.mjs",
+    "./ui/command": "./dist/ui/command.mjs",
+    "./ui/context-menu": "./dist/ui/context-menu.mjs",
+    "./ui/dialog": "./dist/ui/dialog.mjs",
+    "./ui/dropdown-menu": "./dist/ui/dropdown-menu.mjs",
+    "./ui/field": "./dist/ui/field.mjs",
+    "./ui/input": "./dist/ui/input.mjs",
+    "./ui/input-group": "./dist/ui/input-group.mjs",
+    "./ui/label": "./dist/ui/label.mjs",
+    "./ui/scroll-area": "./dist/ui/scroll-area.mjs",
+    "./ui/select": "./dist/ui/select.mjs",
+    "./ui/separator": "./dist/ui/separator.mjs",
+    "./ui/sheet": "./dist/ui/sheet.mjs",
+    "./ui/sidebar": "./dist/ui/sidebar.mjs",
+    "./ui/skeleton": "./dist/ui/skeleton.mjs",
+    "./ui/table": "./dist/ui/table.mjs",
+    "./ui/textarea": "./dist/ui/textarea.mjs",
+    "./ui/tooltip": "./dist/ui/tooltip.mjs",
+    "./styles.css": "./dist/styles/globals.css",
+    "./package.json": "./package.json"
+  },
+  "types": "./dist/index.d.mts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=22.18"
+  },
+  "dependencies": {
+    "@base-ui/react": "1.1.0",
+    "@fontsource-variable/inter": "5.2.8",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cmdk": "1.1.1",
+    "lucide-react": "0.563.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "shiki": "3.22.0",
+    "tailwind-merge": "3.4.0",
+    "tailwindcss": "4.1.18",
+    "tw-animate-css": "1.4.0",
+    "zod": "4.3.6"
+  },
+  "devDependencies": {
+    "@eslint-react/eslint-plugin": "2.12.4",
+    "@luxass/eslint-config": "7.2.0",
+    "@rollup/plugin-babel": "6.1.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "10.0.0",
+    "eslint-plugin-format": "1.4.0",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-react-refresh": "0.5.0",
+    "publint": "0.3.17",
+    "tsdown": "0.20.3",
+    "typescript": "5.9.3",
+    "@ucdjs-tooling/tsdown-config": "1.0.0",
+    "@ucdjs-tooling/tsconfig": "1.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown --tsconfig=./tsconfig.build.json",
+    "dev": "tsdown --watch",
+    "clean": "git clean -xdf dist node_modules",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit -p tsconfig.build.json"
+  }
+}