@questpie/admin 2.0.0 → 3.0.1

package/dist/client/components/primitives/time-input.mjs

@@ -2,6 +2,7 @@
 
 import { useResolveText } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -21,52 +22,124 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function TimeInput({ value, onChange, precision = "minute", placeholder = "Select time", disabled, className, id, "aria-invalid": ariaInvalid }) {
+function TimeInput(t0) {
+	const $ = c(29);
+	const { value, onChange, precision: t1, placeholder: t2, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
+	const precision = t1 === void 0 ? "minute" : t1;
+	const placeholder = t2 === void 0 ? "Select time" : t2;
 	const resolveText = useResolveText();
-	const handleChange = (e) => {
-		const timeValue = e.target.value;
-		onChange(timeValue || null);
-	};
-	const handleClear = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		onChange(null);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: "relative",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("flex h-9 w-full items-center gap-2 border border-input/80 bg-input/20 backdrop-blur-sm px-3 py-2 text-sm", "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", disabled && "cursor-not-allowed opacity-50", ariaInvalid && "border-destructive", className),
-			children: [
-				/* @__PURE__ */ jsx(Icon, {
-					icon: "ph:clock",
-					className: "size-4 text-muted-foreground"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "time",
-					id,
-					value: value ?? "",
-					onChange: handleChange,
-					step: precision === "second" ? 1 : 60,
-					disabled,
-					"aria-invalid": ariaInvalid,
-					placeholder: resolveText(placeholder),
-					className: cn("flex-1 bg-transparent outline-none", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed", "[&::-webkit-calendar-picker-indicator]:hidden")
-				}),
-				value && !disabled && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: handleClear,
-					className: "text-muted-foreground hover:text-foreground",
-					tabIndex: -1,
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: "ph:x",
-						className: "size-4"
-					})
-				})
-			]
-		})
-	});
+	let t3;
+	if ($[0] !== onChange) {
+		t3 = (e) => {
+			const timeValue = e.target.value;
+			onChange(timeValue || null);
+		};
+		$[0] = onChange;
+		$[1] = t3;
+	} else t3 = $[1];
+	const handleChange = t3;
+	let t4;
+	if ($[2] !== onChange) {
+		t4 = (e_0) => {
+			e_0.preventDefault();
+			e_0.stopPropagation();
+			onChange(null);
+		};
+		$[2] = onChange;
+		$[3] = t4;
+	} else t4 = $[3];
+	const handleClear = t4;
+	const t5 = disabled && "cursor-not-allowed opacity-50";
+	const t6 = ariaInvalid && "border-destructive";
+	let t7;
+	if ($[4] !== className || $[5] !== t5 || $[6] !== t6) {
+		t7 = cn("border-input bg-transparent font-mono flex h-9 w-full items-center gap-2 border px-3 py-2 text-sm", "focus-within:ring-ring focus-within:ring-2 focus-within:ring-offset-2", t5, t6, className);
+		$[4] = className;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:clock",
+			className: "text-muted-foreground size-4"
+		});
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = value ?? "";
+	const t10 = precision === "second" ? 1 : 60;
+	let t11;
+	if ($[9] !== placeholder || $[10] !== resolveText) {
+		t11 = resolveText(placeholder);
+		$[9] = placeholder;
+		$[10] = resolveText;
+		$[11] = t11;
+	} else t11 = $[11];
+	let t12;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = cn("flex-1 bg-transparent outline-none", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed", "[&::-webkit-calendar-picker-indicator]:hidden");
+		$[12] = t12;
+	} else t12 = $[12];
+	let t13;
+	if ($[13] !== ariaInvalid || $[14] !== disabled || $[15] !== handleChange || $[16] !== id || $[17] !== t10 || $[18] !== t11 || $[19] !== t9) {
+		t13 = /* @__PURE__ */ jsx("input", {
+			type: "time",
+			id,
+			value: t9,
+			onChange: handleChange,
+			step: t10,
+			disabled,
+			"aria-invalid": ariaInvalid,
+			placeholder: t11,
+			className: t12
+		});
+		$[13] = ariaInvalid;
+		$[14] = disabled;
+		$[15] = handleChange;
+		$[16] = id;
+		$[17] = t10;
+		$[18] = t11;
+		$[19] = t9;
+		$[20] = t13;
+	} else t13 = $[20];
+	let t14;
+	if ($[21] !== disabled || $[22] !== handleClear || $[23] !== value) {
+		t14 = value && !disabled && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: handleClear,
+			className: "text-muted-foreground hover:text-foreground",
+			tabIndex: -1,
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:x",
+				className: "size-4"
+			})
+		});
+		$[21] = disabled;
+		$[22] = handleClear;
+		$[23] = value;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== t13 || $[26] !== t14 || $[27] !== t7) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: "qa-time-input relative",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: t7,
+				children: [
+					t8,
+					t13,
+					t14
+				]
+			})
+		});
+		$[25] = t13;
+		$[26] = t14;
+		$[27] = t7;
+		$[28] = t15;
+	} else t15 = $[28];
+	return t15;
 }
 
 //#endregion
-export { TimeInput };
-//# sourceMappingURL=time-input.mjs.map
+export { TimeInput };

package/dist/client/components/primitives/toggle-input.mjs

@@ -1,4 +1,6 @@
+import { cn } from "../../lib/utils.mjs";
 import { Switch } from "../ui/switch.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/primitives/toggle-input.tsx
@@ -15,17 +17,35 @@ import { jsx } from "react/jsx-runtime";
 * />
 * ```
 */
-function ToggleInput({ value, onChange, disabled, className, id, "aria-invalid": ariaInvalid }) {
-	return /* @__PURE__ */ jsx(Switch, {
-		id,
-		checked: value,
-		onCheckedChange: onChange,
-		disabled,
-		"aria-invalid": ariaInvalid,
-		className
-	});
+function ToggleInput(t0) {
+	const $ = c(9);
+	const { value, onChange, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("qa-toggle-input", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== ariaInvalid || $[3] !== disabled || $[4] !== id || $[5] !== onChange || $[6] !== t1 || $[7] !== value) {
+		t2 = /* @__PURE__ */ jsx(Switch, {
+			id,
+			checked: value,
+			onCheckedChange: onChange,
+			disabled,
+			"aria-invalid": ariaInvalid,
+			className: t1
+		});
+		$[2] = ariaInvalid;
+		$[3] = disabled;
+		$[4] = id;
+		$[5] = onChange;
+		$[6] = t1;
+		$[7] = value;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 }
 
 //#endregion
-export { ToggleInput };
-//# sourceMappingURL=toggle-input.mjs.map
+export { ToggleInput };

package/dist/client/components/primitives/types.mjs

@@ -9,5 +9,4 @@ function flattenOptions(options) {
 }
 
 //#endregion
-export { flattenOptions, isOptionGroup };
-//# sourceMappingURL=types.mjs.map
+export { flattenOptions, isOptionGroup };

package/dist/client/components/sheets/resource-sheet.mjs

@@ -1,78 +1,86 @@
 import { selectBasePath, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
 import { LocaleScopeProvider } from "../../runtime/locale-scope.mjs";
-import FormView from "../../views/collection/form-view.mjs";
 import { Sheet, SheetContent } from "../ui/sheet.mjs";
+import FormView from "../../views/collection/form-view.mjs";
 import GlobalFormView from "../../views/globals/global-form-view.mjs";
-import * as React$1 from "react";
+import { c } from "react/compiler-runtime";
+import "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/sheets/resource-sheet.tsx
-/**
-* ResourceSheet Component
-*
-* Universal sheet component for viewing/editing collections and globals.
-* Uses FormView/GlobalFormView internally for consistent UI and behavior.
-* Container queries provide automatic responsive layout.
-*
-* @example
-* ```tsx
-* // Collection usage
-* <ResourceSheet
-*   type="collection"
-*   collection="posts"
-*   itemId="123"
-*   open={isOpen}
-*   onOpenChange={setIsOpen}
-*   onSave={(data) => console.log('Saved:', data)}
-* />
-*
-* // Global usage
-* <ResourceSheet
-*   type="global"
-*   global="siteSettings"
-*   open={isOpen}
-*   onOpenChange={setIsOpen}
-*   onSave={(data) => console.log('Saved:', data)}
-* />
-* ```
-*/
 function ResourceSheet(props) {
-	const { open, onOpenChange, onSave, side = "right" } = props;
+	const $ = c(19);
+	const { open, onOpenChange, onSave, side: t0 } = props;
+	const side = t0 === void 0 ? "right" : t0;
 	const navigate = useAdminStore(selectNavigate);
 	const basePath = useAdminStore(selectBasePath);
-	const handleSuccess = React$1.useCallback((data) => {
-		onSave?.(data);
-		onOpenChange(false);
-	}, [onSave, onOpenChange]);
-	return /* @__PURE__ */ jsx(Sheet, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsx(SheetContent, {
+	let t1;
+	if ($[0] !== onOpenChange || $[1] !== onSave) {
+		t1 = (data) => {
+			onSave?.(data);
+			onOpenChange(false);
+		};
+		$[0] = onOpenChange;
+		$[1] = onSave;
+		$[2] = t1;
+	} else t1 = $[2];
+	const handleSuccess = t1;
+	let t2;
+	if ($[3] !== basePath || $[4] !== handleSuccess || $[5] !== navigate || $[6] !== props.collection || $[7] !== props.defaultValues || $[8] !== props.global || $[9] !== props.itemId || $[10] !== props.type) {
+		t2 = /* @__PURE__ */ jsx(LocaleScopeProvider, { children: props.type === "collection" ? /* @__PURE__ */ jsx(FormView, {
+			collection: props.collection,
+			id: props.itemId,
+			defaultValues: props.defaultValues,
+			config: void 0,
+			allCollectionsConfig: void 0,
+			navigate,
+			basePath,
+			onSuccess: handleSuccess,
+			showMeta: false
+		}) : /* @__PURE__ */ jsx(GlobalFormView, {
+			global: props.global,
+			config: void 0,
+			allGlobalsConfig: void 0,
+			navigate,
+			basePath,
+			onSuccess: handleSuccess,
+			showMeta: false
+		}) });
+		$[3] = basePath;
+		$[4] = handleSuccess;
+		$[5] = navigate;
+		$[6] = props.collection;
+		$[7] = props.defaultValues;
+		$[8] = props.global;
+		$[9] = props.itemId;
+		$[10] = props.type;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[12] !== side || $[13] !== t2) {
+		t3 = /* @__PURE__ */ jsx(SheetContent, {
 			side,
-			className: "overflow-y-auto p-6 pt-12",
-			children: /* @__PURE__ */ jsx(LocaleScopeProvider, { children: props.type === "collection" ? /* @__PURE__ */ jsx(FormView, {
-				collection: props.collection,
-				id: props.itemId,
-				defaultValues: props.defaultValues,
-				config: void 0,
-				allCollectionsConfig: void 0,
-				navigate,
-				basePath,
-				onSuccess: handleSuccess,
-				showMeta: false
-			}) : /* @__PURE__ */ jsx(GlobalFormView, {
-				global: props.global,
-				config: void 0,
-				allGlobalsConfig: void 0,
-				navigate,
-				basePath,
-				onSuccess: handleSuccess,
-				showMeta: false
-			}) })
-		})
-	});
+			className: "qa-resource-sheet overflow-y-auto p-6 pt-12",
+			children: t2
+		});
+		$[12] = side;
+		$[13] = t2;
+		$[14] = t3;
+	} else t3 = $[14];
+	let t4;
+	if ($[15] !== onOpenChange || $[16] !== open || $[17] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Sheet, {
+			open,
+			onOpenChange,
+			children: t3
+		});
+		$[15] = onOpenChange;
+		$[16] = open;
+		$[17] = t3;
+		$[18] = t4;
+	} else t4 = $[18];
+	return t4;
 }
 
 //#endregion
-export { ResourceSheet };
-//# sourceMappingURL=resource-sheet.mjs.map
+export { ResourceSheet };

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

@@ -1,50 +1,169 @@
 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 { Accordion } from "@base-ui/react/accordion";
 
 //#region src/client/components/ui/accordion.tsx
-function Accordion$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion.Root, {
-		"data-slot": "accordion",
-		className: cn("overflow-hidden border border-border/60 bg-card/30 backdrop-blur-md flex w-full flex-col", className),
-		...props
-	});
+function Accordion$1(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-accordion border-border bg-card flex w-full flex-col overflow-hidden border", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Accordion.Root, {
+			"data-slot": "accordion",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function AccordionItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion.Item, {
-		"data-slot": "accordion-item",
-		className: cn("data-open:bg-muted/30 data-open:backdrop-blur-sm not-last:border-b border-border/40 transition-colors", className),
-		...props
-	});
+function AccordionItem(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-accordion__item data-open:bg-muted border-border transition-colors not-last:border-b", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Accordion.Item, {
+			"data-slot": "accordion-item",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
-function AccordionTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion.Header, {
-		className: "flex",
-		children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
-			"data-slot": "accordion-trigger",
-			className: cn("**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-4 px-4 py-3 text-left text-sm font-medium hover:bg-muted/20 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-center justify-between transition-all outline-none disabled:pointer-events-none disabled:opacity-50", className),
-			...props,
-			children: [children, /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:caret-down",
-				"data-slot": "accordion-trigger-icon",
-				className: "pointer-events-none shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-180"
-			})]
-		})
-	});
+function AccordionTrigger(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("qa-accordion__trigger **:data-[slot=accordion-trigger-icon]:text-muted-foreground hover:bg-muted group/accordion-trigger relative flex flex-1 items-center justify-between gap-4 px-4 py-3 text-left text-sm font-medium transition-all outline-none disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:caret-down",
+			"data-slot": "accordion-trigger-icon",
+			className: "pointer-events-none shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-180"
+		});
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== children || $[8] !== props || $[9] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Accordion.Header, {
+			className: "flex",
+			children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
+				"data-slot": "accordion-trigger",
+				className: t1,
+				...props,
+				children: [children, t2]
+			})
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
 }
-function AccordionContent({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Accordion.Panel, {
-		"data-slot": "accordion-content",
-		className: "data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden",
-		...props,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("px-4 pt-0 pb-4 text-sm [&_a]:hover:text-foreground h-(--accordion-panel-height) data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className),
+function AccordionContent(t0) {
+	const $ = c(12);
+	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("[&_a]:hover:text-foreground h-(--accordion-panel-height) px-4 pt-0 pb-4 text-sm data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
 			children
-		})
-	});
+		});
+		$[6] = children;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== props || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Accordion.Panel, {
+			"data-slot": "accordion-content",
+			className: "qa-accordion__content data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden",
+			...props,
+			children: t2
+		});
+		$[9] = props;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
 }
 
 //#endregion
-export { Accordion$1 as Accordion, AccordionContent, AccordionItem, AccordionTrigger };
-//# sourceMappingURL=accordion.mjs.map
+export { Accordion$1 as Accordion, AccordionContent, AccordionItem, AccordionTrigger };