@questpie/admin 1.1.1 → 3.0.0

package/dist/client/components/ui/dropdown-menu.mjs

@@ -0,0 +1,315 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { Icon } from "@iconify/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/client/components/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.Root, {
+			"data-slot": "dropdown-menu",
+			...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.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("qa-dropdown-menu__content data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 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 border-border bg-popover text-popover-foreground z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border p-1.5 duration-100 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.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.Portal, { children: /* @__PURE__ */ jsx(Menu.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 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("qa-dropdown-menu__item 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 group/dropdown-menu-item relative flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-9 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== inset || $[8] !== props || $[9] !== t2 || $[10] !== variant) {
+		t3 = /* @__PURE__ */ jsx(Menu.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.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("qa-dropdown-menu__sub-trigger focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[inset]:pl-9 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:caret-right",
+			className: "ml-auto size-4"
+		});
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(Menu.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("qa-dropdown-menu__sub-content data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 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 border-border bg-popover text-popover-foreground w-auto min-w-32 border p-1 duration-100", 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 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("qa-dropdown-menu__separator 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.Separator, {
+			"data-slot": "dropdown-menu-separator",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/client/components/ui/empty-state.mjs

@@ -0,0 +1,99 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/ui/empty-state.tsx
+/**
+* EmptyState - Cyber-styled empty state component
+*
+* @example
+* ```tsx
+* <EmptyState
+*   title="NO_RESULTS"
+*   description="Try adjusting your search or filters"
+* />
+*
+* <EmptyState
+*   title="NO_POSTS_YET"
+*   description="Create your first post to get started"
+*   action={<Button>Create Post</Button>}
+* />
+* ```
+*/
+function EmptyState(t0) {
+	const $ = c(19);
+	const { title, description, icon: Icon, action, height: t1, className } = t0;
+	const height = t1 === void 0 ? "h-48" : t1;
+	let t2;
+	if ($[0] !== className || $[1] !== height) {
+		t2 = cn("qa-empty-state relative flex flex-col items-center justify-center", "border-border bg-card border border-dashed", height, className);
+		$[0] = className;
+		$[1] = height;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== Icon) {
+		t3 = Icon ? /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground/50 mx-auto mb-4 size-8" }) : /* @__PURE__ */ jsx("div", { className: "bg-primary mx-auto mb-4 size-1.5" });
+		$[3] = Icon;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== title) {
+		t4 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground font-mono text-sm tracking-wider uppercase",
+			children: title
+		});
+		$[5] = title;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== description) {
+		t5 = description && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground/60 mt-2 text-xs",
+			children: description
+		});
+		$[7] = description;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== action) {
+		t6 = action && /* @__PURE__ */ jsx("div", {
+			className: "mt-4",
+			children: action
+		});
+		$[9] = action;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "text-center",
+			children: [
+				t3,
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t2 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "empty-state",
+			className: t2,
+			children: t7
+		});
+		$[16] = t2;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+}
+
+//#endregion
+export { EmptyState };