@questpie/admin 2.0.0 → 3.0.0

package/dist/client/components/ui/tabs.mjs

@@ -1,49 +1,160 @@
 "use client";
 
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Tabs } from "@base-ui/react/tabs";
 
 //#region src/client/components/ui/tabs.tsx
-function Tabs$1({ className, orientation = "horizontal", ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Root, {
-		"data-slot": "tabs",
-		"data-orientation": orientation,
-		className: cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className),
-		...props
-	});
+function Tabs$1(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("qa-tabs group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className);
+		$[4] = className;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tabs.Root, {
+			"data-slot": "tabs",
+			"data-orientation": orientation,
+			className: t2,
+			...props
+		});
+		$[6] = orientation;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 }
-const tabsListVariants = cva("p-[3px] group-data-horizontal/tabs:h-8 group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+const tabsListVariants = cva("qa-tabs__list group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center p-[3px] group-data-horizontal/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
 	variants: { variant: {
 		default: "bg-muted",
 		line: "gap-1 bg-transparent"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function TabsList({ className, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.List, {
-		"data-slot": "tabs-list",
-		"data-variant": variant,
-		className: cn(tabsListVariants({ variant }), className),
-		...props
-	});
+function TabsList(t0) {
+	const $ = c(11);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, variant: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const variant = t1 === void 0 ? "default" : t1;
+	let t2;
+	if ($[4] !== className || $[5] !== variant) {
+		t2 = cn(tabsListVariants({ variant }), className);
+		$[4] = className;
+		$[5] = variant;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== props || $[8] !== t2 || $[9] !== variant) {
+		t3 = /* @__PURE__ */ jsx(Tabs.List, {
+			"data-slot": "tabs-list",
+			"data-variant": variant,
+			className: t2,
+			...props
+		});
+		$[7] = props;
+		$[8] = t2;
+		$[9] = variant;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
 }
-function TabsTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Tab, {
-		"data-slot": "tabs-trigger",
-		className: cn("gap-1.5 border border-transparent px-1.5 py-0.5 text-xs font-medium group-data-vertical/tabs:py-[calc(--spacing(1.25))] [&_svg:not([class*='size-'])]:size-3.5 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
-		...props
-	});
+function TabsTrigger(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-tabs__trigger focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent px-1.5 py-0.5 font-mono text-xs font-medium whitespace-nowrap transition-all group-data-vertical/tabs:py-[calc(--spacing(1.25))] group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-border dark:data-active:bg-background data-active:text-foreground", "after:bg-primary after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Tab, {
+			"data-slot": "tabs-trigger",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function TabsContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Panel, {
-		"data-slot": "tabs-content",
-		className: cn("text-xs/relaxed flex-1 outline-none", className),
-		...props
-	});
+function TabsContent(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-tabs__content flex-1 text-xs/relaxed outline-none", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Panel, {
+			"data-slot": "tabs-content",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
 
 //#endregion
-export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger };
-//# sourceMappingURL=tabs.mjs.map
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/client/components/ui/textarea.mjs

@@ -1,15 +1,40 @@
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/ui/textarea.tsx
-function Textarea({ className, ...props }) {
-	return /* @__PURE__ */ jsx("textarea", {
-		"data-slot": "textarea",
-		className: cn("border-input/80 bg-input/20  backdrop-blur-sm focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 resize-none border px-3 py-2.5 text-sm transition-all focus-visible:ring-[2px] aria-invalid:ring-[2px] placeholder:text-muted-foreground flex field-sizing-content min-h-24 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50", className),
-		...props
-	});
+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("qa-textarea border-input bg-transparent font-mono focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 placeholder:text-muted-foreground flex field-sizing-content min-h-24 w-full resize-none border px-3 py-2.5 text-sm transition-all outline-none focus-visible:ring-[2px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[2px]", 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 };
-//# sourceMappingURL=textarea.mjs.map
+export { Textarea };

package/dist/client/components/ui/toolbar.mjs

@@ -1,5 +1,5 @@
 import { cn } from "../../lib/utils.mjs";
-import "react";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/ui/toolbar.tsx
@@ -19,36 +19,118 @@ import { jsx } from "react/jsx-runtime";
 * </Toolbar>
 * ```
 */
-function Toolbar({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "toolbar",
-		className: cn("bg-card/10 backdrop-blur-sm border border-border/40", "p-1 flex items-center gap-2", className),
-		...props,
-		children
-	});
+function Toolbar(t0) {
+	const $ = c(10);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({children, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-toolbar bg-card border-border border", "flex items-center gap-2 p-1", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "toolbar",
+			className: t1,
+			...props,
+			children
+		});
+		$[6] = children;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
 }
 /**
 * ToolbarSection - Group of related toolbar elements
 */
-function ToolbarSection({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "toolbar-section",
-		className: cn("flex items-center gap-1", className),
-		...props,
-		children
-	});
+function ToolbarSection(t0) {
+	const $ = c(10);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({children, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-toolbar__section flex items-center gap-1", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "toolbar-section",
+			className: t1,
+			...props,
+			children
+		});
+		$[6] = children;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
 }
 /**
 * ToolbarSeparator - Vertical separator between toolbar sections
 */
-function ToolbarSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "toolbar-separator",
-		className: cn("h-4 w-px bg-border/40", className),
-		...props
-	});
+function ToolbarSeparator(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-toolbar__separator bg-border h-4 w-px", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "toolbar-separator",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
 
 //#endregion
-export { Toolbar, ToolbarSection, ToolbarSeparator };
-//# sourceMappingURL=toolbar.mjs.map
+export { Toolbar, ToolbarSection, ToolbarSeparator };

package/dist/client/components/ui/tooltip.mjs

@@ -1,45 +1,146 @@
 "use client";
 
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react/tooltip";
 
 //#region src/client/components/ui/tooltip.tsx
-function TooltipProvider({ delay = 0, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Provider, {
-		"data-slot": "tooltip-provider",
-		delay,
-		...props
-	});
+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.Provider, {
+			"data-slot": "tooltip-provider",
+			delay,
+			...props
+		});
+		$[3] = delay;
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 }
-function Tooltip$1({ ...props }) {
-	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip.Root, {
-		"data-slot": "tooltip",
-		...props
-	}) });
+function Tooltip$1(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.Root, {
+			"data-slot": "tooltip",
+			...props
+		}) });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 }
-function TooltipTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
-		"data-slot": "tooltip-trigger",
-		...props
-	});
+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.Trigger, {
+			"data-slot": "tooltip-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 }
-function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		className: "isolate z-50",
-		children: /* @__PURE__ */ jsx(Tooltip.Popup, {
+function TooltipContent(t0) {
+	const $ = c(20);
+	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("qa-tooltip__content data-open:animate-in data-open:fade-in-0 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-closed:animate-out data-closed:fade-out-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 bg-card text-foreground border-border z-50 w-fit max-w-xs origin-(--transform-origin) border px-3 py-1.5 text-xs font-mono", className);
+		$[8] = className;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== children || $[11] !== props || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Tooltip.Popup, {
 			"data-slot": "tooltip-content",
-			className: 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)", "bg-card/10 backdrop-blur-md border text-foreground border-border/60", className),
+			className: t5,
 			...props,
 			children
-		})
-	}) });
+		});
+		$[10] = children;
+		$[11] = props;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== align || $[15] !== alignOffset || $[16] !== side || $[17] !== sideOffset || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: t6
+		}) });
+		$[14] = align;
+		$[15] = alignOffset;
+		$[16] = side;
+		$[17] = sideOffset;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
 }
 
 //#endregion
-export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };
-//# sourceMappingURL=tooltip.mjs.map
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };