@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,51 @@
+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
+/**
+* Toggle Input Primitive
+*
+* A switch/toggle for boolean values.
+*
+* @example
+* ```tsx
+* <ToggleInput
+*   value={isActive}
+*   onChange={setIsActive}
+* />
+* ```
+*/
+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 };

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

@@ -0,0 +1,12 @@
+//#region src/client/components/primitives/types.ts
+/** Check if options are grouped */
+function isOptionGroup(option) {
+	return "options" in option;
+}
+/** Flatten grouped options */
+function flattenOptions(options) {
+	return options.flatMap((opt) => isOptionGroup(opt) ? opt.options : [opt]);
+}
+
+//#endregion
+export { flattenOptions, isOptionGroup };

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

@@ -0,0 +1,86 @@
+import { selectBasePath, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { LocaleScopeProvider } from "../../runtime/locale-scope.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 { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/sheets/resource-sheet.tsx
+function ResourceSheet(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);
+	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: "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 };

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

@@ -0,0 +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(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(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(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(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 };

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

@@ -0,0 +1,85 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/client/components/ui/alert.tsx
+const alertVariants = cva("qa-alert group/alert relative grid w-full gap-0.5 border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let variant;
+	if ($[0] !== t0) {
+		({className, variant, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = variant;
+	} else {
+		className = $[1];
+		props = $[2];
+		variant = $[3];
+	}
+	let t1;
+	if ($[4] !== className || $[5] !== variant) {
+		t1 = cn(alertVariants({ variant }), className);
+		$[4] = className;
+		$[5] = variant;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "alert",
+			role: "alert",
+			className: t1,
+			...props
+		});
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function AlertDescription(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-alert__description text-muted-foreground [&_a]:hover:text-foreground text-xs/relaxed text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "alert-description",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { Alert, AlertDescription };

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

@@ -0,0 +1,76 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/client/components/ui/badge.tsx
+const badgeVariants = cva("qa-badge focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent px-2 py-0.5 font-mono text-[0.625rem] font-medium whitespace-nowrap transition-all transition-colors focus-visible:ring-[3px] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:pointer-events-none [&>svg]:size-2.5!", {
+	variants: { variant: {
+		default: "bg-primary/10 text-primary border-primary [a]:hover:bg-primary/80 border",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary",
+		destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-transparent",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge(t0) {
+	const $ = c(13);
+	let render;
+	let t1;
+	let t2;
+	let t3;
+	let variant;
+	if ($[0] !== t0) {
+		const { className, variant: t4$1, render: t5$1, ...props } = t0;
+		render = t5$1;
+		variant = t4$1 === void 0 ? "default" : t4$1;
+		t3 = useRender;
+		t1 = "span";
+		t2 = mergeProps({ className: cn(badgeVariants({
+			className,
+			variant
+		})) }, props);
+		$[0] = t0;
+		$[1] = render;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = variant;
+	} else {
+		render = $[1];
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+		variant = $[5];
+	}
+	let t4;
+	if ($[6] !== variant) {
+		t4 = {
+			slot: "badge",
+			variant
+		};
+		$[6] = variant;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== render || $[9] !== t1 || $[10] !== t2 || $[11] !== t4) {
+		t5 = {
+			defaultTagName: t1,
+			props: t2,
+			render,
+			state: t4
+		};
+		$[8] = render;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t3(t5);
+}
+
+//#endregion
+export { Badge };

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

@@ -0,0 +1,84 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+
+//#region src/client/components/ui/button.tsx
+const buttonVariants = cva("qa-button 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 group/button inline-flex shrink-0 cursor-pointer items-center justify-center border border-transparent bg-clip-padding font-mono text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-[2px] disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-[2px] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			outline: "border-border bg-transparent hover:bg-accent hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted aria-expanded:bg-muted aria-expanded:text-foreground",
+			destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-4",
+			xs: "h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-10 gap-2 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-4",
+			icon: "size-9 [&_svg:not([class*='size-'])]:size-4",
+			"icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 [&_svg:not([class*='size-'])]:size-3.5",
+			"icon-lg": "size-10 [&_svg:not([class*='size-'])]:size-5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button$1(t0) {
+	const $ = c(12);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({className, variant: t1, size: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	const variant = t1 === void 0 ? "default" : t1;
+	const size = t2 === void 0 ? "default" : t2;
+	let t3;
+	if ($[5] !== className || $[6] !== size || $[7] !== variant) {
+		t3 = cn(buttonVariants({
+			variant,
+			size,
+			className
+		}));
+		$[5] = className;
+		$[6] = size;
+		$[7] = variant;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== props || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Button, {
+			"data-slot": "button",
+			className: t3,
+			...props
+		});
+		$[9] = props;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
+}
+
+//#endregion
+export { Button$1 as Button };