@questpie/admin 0.0.1

package/dist/hooks/use-collection.mjs

@@ -0,0 +1,112 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useAdminContext } from "./admin-provider";
+import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
+
+//#region src/hooks/use-collection.ts
+/**
+* Hook to fetch collection list with filters, sorting, pagination
+*/
+function useCollectionList(collection, options, queryOptions) {
+	const { client, locale } = useAdminContext();
+	return useQuery({
+		...createQuestpieQueryOptions(client, { keyPrefix: [
+			"qcms",
+			"locale",
+			locale ?? "default"
+		] }).collections[collection].find(options),
+		...queryOptions
+	});
+}
+/**
+* Hook to fetch single collection item
+*/
+function useCollectionItem(collection, id, options, queryOptions) {
+	const { client, locale } = useAdminContext();
+	return useQuery({
+		...createQuestpieQueryOptions(client, { keyPrefix: [
+			"qcms",
+			"locale",
+			locale ?? "default"
+		] }).collections[collection].findOne({
+			where: { id },
+			...options
+		}),
+		...queryOptions
+	});
+}
+/**
+* Hook to create collection item
+*/
+function useCollectionCreate(collection, mutationOptions) {
+	const { client, locale } = useAdminContext();
+	const queryClient = useQueryClient();
+	const keyPrefix = [
+		"qcms",
+		"locale",
+		locale ?? "default"
+	];
+	return useMutation({
+		...createQuestpieQueryOptions(client, { keyPrefix }).collections[collection].create(),
+		onSuccess: (data, variables, context) => {
+			queryClient.invalidateQueries({ queryKey: [
+				...keyPrefix,
+				"collections",
+				collection,
+				"find"
+			] });
+			(mutationOptions?.onSuccess)?.(data, variables, context);
+		},
+		...mutationOptions
+	});
+}
+/**
+* Hook to update collection item
+*/
+function useCollectionUpdate(collection, mutationOptions) {
+	const { client, locale } = useAdminContext();
+	const queryClient = useQueryClient();
+	const keyPrefix = [
+		"qcms",
+		"locale",
+		locale ?? "default"
+	];
+	return useMutation({
+		...createQuestpieQueryOptions(client, { keyPrefix }).collections[collection].update(),
+		onSuccess: (data, variables, context) => {
+			queryClient.invalidateQueries({ queryKey: [
+				...keyPrefix,
+				"collections",
+				collection
+			] });
+			(mutationOptions?.onSuccess)?.(data, variables, context);
+		},
+		...mutationOptions
+	});
+}
+/**
+* Hook to delete collection item
+*/
+function useCollectionDelete(collection, mutationOptions) {
+	const { client, locale } = useAdminContext();
+	const queryClient = useQueryClient();
+	const keyPrefix = [
+		"qcms",
+		"locale",
+		locale ?? "default"
+	];
+	return useMutation({
+		...createQuestpieQueryOptions(client, { keyPrefix }).collections[collection].delete(),
+		onSuccess: (data, variables, context) => {
+			queryClient.invalidateQueries({ queryKey: [
+				...keyPrefix,
+				"collections",
+				collection
+			] });
+			(mutationOptions?.onSuccess)?.(data, variables, context);
+		},
+		...mutationOptions
+	});
+}
+
+//#endregion
+export { useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionUpdate };

package/dist/hooks/use-global.mjs

@@ -0,0 +1,46 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useAdminContext } from "./admin-provider";
+import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
+
+//#region src/hooks/use-global.ts
+/**
+* Hook to fetch global settings
+*/
+function useGlobal(globalName, options, queryOptions) {
+	const { client, locale } = useAdminContext();
+	return useQuery({
+		...createQuestpieQueryOptions(client, { keyPrefix: [
+			"qcms",
+			"locale",
+			locale ?? "default"
+		] }).globals[globalName].get(options),
+		...queryOptions
+	});
+}
+/**
+* Hook to update global settings
+*/
+function useGlobalUpdate(globalName, mutationOptions) {
+	const { client, locale } = useAdminContext();
+	const queryClient = useQueryClient();
+	const keyPrefix = [
+		"qcms",
+		"locale",
+		locale ?? "default"
+	];
+	return useMutation({
+		...createQuestpieQueryOptions(client, { keyPrefix }).globals[globalName].update(),
+		onSuccess: (...args) => {
+			queryClient.invalidateQueries({ queryKey: [
+				...keyPrefix,
+				"globals",
+				globalName
+			] });
+			mutationOptions?.onSuccess?.(...args);
+		},
+		...mutationOptions
+	});
+}
+
+//#endregion
+export { useGlobal, useGlobalUpdate };

package/dist/hooks/use-mobile.mjs

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+
+//#region src/hooks/use-mobile.ts
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+
+//#endregion
+export { useIsMobile };

package/dist/lib/utils.mjs

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };

package/dist/styles/index.css

@@ -0,0 +1,336 @@
+
+@custom-variant dark (&:is(.dark *));
+
+/* =============================================================================
+   QUESTPIE Design System - Cyber-Minimalist Theme
+   
+   Core principles:
+   - Zero radius (sharp corners)
+   - Neon purple accents with glow effects
+   - Pitch-black foundation
+   - Backdrop blur for depth
+   ============================================================================= */
+
+:root {
+	/* Core Colors (Light mode - for completeness, but dark is primary) */
+	--background: oklch(1 0 0);
+	--foreground: oklch(0.145 0 0);
+	--card: oklch(0.98 0 0);
+	--card-foreground: oklch(0.145 0 0);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.145 0 0);
+	--primary: oklch(0.55 0.3 300);
+	--primary-foreground: oklch(1 0 0);
+	--secondary: oklch(0.96 0 0);
+	--secondary-foreground: oklch(0.55 0.3 300);
+	--muted: oklch(0.96 0 0);
+	--muted-foreground: oklch(0.5 0 0);
+	--accent: oklch(0.96 0 0);
+	--accent-foreground: oklch(0.2 0 0);
+	--destructive: oklch(0.58 0.22 27);
+	--border: oklch(0.9 0 0);
+	--input: oklch(0.9 0 0);
+	--ring: oklch(0.55 0.3 300 / 50%);
+
+	/* Chart Colors */
+	--chart-1: oklch(0.7 0.25 300);
+	--chart-2: oklch(0.65 0.28 310);
+	--chart-3: oklch(0.6 0.3 300);
+	--chart-4: oklch(0.55 0.3 300);
+	--chart-5: oklch(0.5 0.28 300);
+
+	/* QUESTPIE: Zero Radius */
+	--radius: 0px;
+
+	/* Sidebar */
+	--sidebar: oklch(0.98 0 0);
+	--sidebar-foreground: oklch(0.145 0 0);
+	--sidebar-primary: oklch(0.55 0.3 300);
+	--sidebar-primary-foreground: oklch(1 0 0);
+	--sidebar-accent: oklch(0.96 0 0);
+	--sidebar-accent-foreground: oklch(0.2 0 0);
+	--sidebar-border: oklch(0.9 0 0);
+	--sidebar-ring: oklch(0.55 0.3 300 / 50%);
+}
+
+/* Dark Mode - QUESTPIE Primary Theme */
+.dark {
+	/* Depth Black Foundation */
+	--background: oklch(0.14 0 0);
+	--foreground: oklch(0.92 0.01 255);
+
+	/* Surface Black */
+	--card: oklch(0.18 0 0);
+	--card-foreground: oklch(0.92 0.01 255);
+
+	/* Popover */
+	--popover: oklch(0.18 0 0);
+	--popover-foreground: oklch(0.92 0.01 255);
+
+	/* Neon Purple Accent */
+	--primary: oklch(0.55 0.3 300);
+	--primary-foreground: oklch(1 0 0);
+
+	/* Neutral Surface */
+	--secondary: oklch(0.22 0 0);
+	--secondary-foreground: oklch(0.55 0.3 300);
+
+	/* Muted */
+	--muted: oklch(0.25 0 0);
+	--muted-foreground: oklch(0.7 0 0);
+
+	/* Accent */
+	--accent: oklch(0.25 0 0);
+	--accent-foreground: oklch(0.92 0.01 255);
+
+	/* Destructive */
+	--destructive: oklch(0.65 0.22 27);
+
+	/* Technical Border */
+	--border: oklch(0.32 0 0);
+	--input: oklch(0.28 0 0);
+
+	/* Glow Focus Ring */
+	--ring: oklch(0.55 0.3 300 / 50%);
+
+	/* Chart Colors */
+	--chart-1: oklch(0.7 0.25 300);
+	--chart-2: oklch(0.65 0.28 310);
+	--chart-3: oklch(0.6 0.3 300);
+	--chart-4: oklch(0.55 0.3 300);
+	--chart-5: oklch(0.5 0.28 300);
+
+	/* Sidebar */
+	--sidebar: oklch(0.16 0 0);
+	--sidebar-foreground: oklch(0.92 0.01 255);
+	--sidebar-primary: oklch(0.55 0.3 300);
+	--sidebar-primary-foreground: oklch(1 0 0);
+	--sidebar-accent: oklch(0.22 0 0);
+	--sidebar-accent-foreground: oklch(0.92 0.01 255);
+	--sidebar-border: oklch(0.32 0 0);
+	--sidebar-ring: oklch(0.55 0.3 300 / 50%);
+}
+
+@theme inline {
+	/* Typography */
+	--font-sans: "DM Sans Variable", ui-sans-serif, system-ui, sans-serif;
+	--font-mono: "JetBrains Mono Variable", ui-monospace, monospace;
+
+	/* Color Variables */
+	--color-sidebar-ring: var(--sidebar-ring);
+	--color-sidebar-border: var(--sidebar-border);
+	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+	--color-sidebar-accent: var(--sidebar-accent);
+	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+	--color-sidebar-primary: var(--sidebar-primary);
+	--color-sidebar-foreground: var(--sidebar-foreground);
+	--color-sidebar: var(--sidebar);
+	--color-chart-5: var(--chart-5);
+	--color-chart-4: var(--chart-4);
+	--color-chart-3: var(--chart-3);
+	--color-chart-2: var(--chart-2);
+	--color-chart-1: var(--chart-1);
+	--color-ring: var(--ring);
+	--color-input: var(--input);
+	--color-border: var(--border);
+	--color-destructive: var(--destructive);
+	--color-accent-foreground: var(--accent-foreground);
+	--color-accent: var(--accent);
+	--color-muted-foreground: var(--muted-foreground);
+	--color-muted: var(--muted);
+	--color-secondary-foreground: var(--secondary-foreground);
+	--color-secondary: var(--secondary);
+	--color-primary-foreground: var(--primary-foreground);
+	--color-primary: var(--primary);
+	--color-popover-foreground: var(--popover-foreground);
+	--color-popover: var(--popover);
+	--color-card-foreground: var(--card-foreground);
+	--color-card: var(--card);
+	--color-foreground: var(--foreground);
+	--color-background: var(--background);
+
+	/* QUESTPIE: Zero Radius */
+	--radius-sm: 0px;
+	--radius-md: 0px;
+	--radius-lg: 0px;
+	--radius-xl: 0px;
+	--radius-2xl: 0px;
+	--radius-3xl: 0px;
+	--radius-4xl: 0px;
+}
+
+@layer base {
+	* {
+		@apply border-border outline-ring/50;
+	}
+	body {
+		@apply bg-background font-sans text-foreground;
+	}
+	html {
+		@apply font-sans;
+	}
+}
+
+/* =============================================================================
+   QUESTPIE Atmospheric Utilities
+   ============================================================================= */
+
+@utility bg-grid-quest {
+	background-image:
+		linear-gradient(to right, oklch(0.55 0.3 300 / 5%) 1px, transparent 1px),
+		linear-gradient(to bottom, oklch(0.55 0.3 300 / 5%) 1px, transparent 1px);
+	background-size: 24px 24px;
+}
+
+@utility glow-primary {
+	box-shadow: 0 0 20px oklch(0.55 0.3 300 / 30%);
+}
+
+@utility glow-primary-sm {
+	box-shadow: 0 0 8px oklch(0.55 0.3 300 / 25%);
+}
+
+@utility glow-destructive {
+	box-shadow: 0 0 20px oklch(0.65 0.22 27 / 30%);
+}
+
+@utility ambient-beam {
+	background: radial-gradient(
+		circle,
+		oklch(0.55 0.3 300 / 15%) 0%,
+		transparent 70%
+	);
+	filter: blur(100px);
+}
+
+/* =============================================================================
+   Rich Text Editor Styles
+   ============================================================================= */
+
+.qp-rich-text-editor__content {
+	min-height: 200px;
+	padding: 0.75rem;
+	outline: none;
+}
+
+.qp-rich-text-editor__content > *:first-child {
+	margin-top: 0;
+}
+
+.qp-rich-text-editor__content > *:last-child {
+	margin-bottom: 0;
+}
+
+.qp-rich-text-editor__content p {
+	margin: 0 0 0.75rem;
+}
+
+.qp-rich-text-editor__content h1 {
+	font-size: 1.5rem;
+	font-weight: 600;
+	margin: 1rem 0 0.75rem;
+}
+
+.qp-rich-text-editor__content h2 {
+	font-size: 1.25rem;
+	font-weight: 600;
+	margin: 1rem 0 0.75rem;
+}
+
+.qp-rich-text-editor__content h3 {
+	font-size: 1.125rem;
+	font-weight: 600;
+	margin: 1rem 0 0.75rem;
+}
+
+.qp-rich-text-editor__content ul,
+.qp-rich-text-editor__content ol {
+	padding-left: 1.5rem;
+	margin: 0.75rem 0;
+}
+
+.qp-rich-text-editor__content blockquote {
+	border-left: 2px solid var(--border);
+	padding-left: 0.75rem;
+	color: var(--muted-foreground);
+	margin: 0.75rem 0;
+}
+
+.qp-rich-text-editor__content code {
+	background: var(--muted);
+	padding: 0.1rem 0.25rem;
+	font-size: 0.875em;
+	font-family: var(--font-mono);
+}
+
+.qp-rich-text-editor__content pre {
+	background: var(--muted);
+	padding: 0.75rem;
+	overflow-x: auto;
+	font-family: var(--font-mono);
+}
+
+.qp-rich-text-editor__content hr {
+	border: none;
+	border-top: 1px solid var(--border);
+	margin: 1rem 0;
+}
+
+.qp-rich-text-editor__content table {
+	border-collapse: collapse;
+	margin: 1rem 0;
+	width: 100%;
+}
+
+.qp-rich-text-editor__content th,
+.qp-rich-text-editor__content td {
+	border: 1px solid var(--border);
+	padding: 0.5rem;
+	text-align: left;
+}
+
+.tippy-box[data-theme~="qp-rich-text-editor"] {
+	background: var(--popover);
+	color: var(--popover-foreground);
+	border: 1px solid var(--border);
+	box-shadow: 0 0 20px oklch(0 0 0 / 40%);
+}
+
+.qp-rich-text-editor__slash {
+	display: flex;
+	flex-direction: column;
+	gap: 0.25rem;
+	padding: 0.5rem;
+	min-width: 220px;
+}
+
+.qp-rich-text-editor__slash-item {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 0.125rem;
+	padding: 0.5rem;
+	font-size: 0.75rem;
+	line-height: 1.2;
+	color: var(--foreground);
+}
+
+.qp-rich-text-editor__slash-item--active,
+.qp-rich-text-editor__slash-item:hover {
+	background: var(--muted);
+}
+
+.qp-rich-text-editor__slash-title {
+	font-weight: 600;
+}
+
+.qp-rich-text-editor__slash-description {
+	color: var(--muted-foreground);
+}
+
+.qp-rich-text-editor__slash-empty {
+	padding: 0.5rem;
+	font-size: 0.75rem;
+	color: var(--muted-foreground);
+}
+

package/dist/styles/index.mjs

@@ -0,0 +1 @@
+export {  };

package/dist/utils/index.mjs

@@ -0,0 +1,9 @@
+import { cn } from "../lib/utils";
+
+//#region src/utils/index.ts
+/**
+* Utility functions for admin package
+*/
+
+//#endregion
+export { cn };

package/dist/views/auth/auth-layout.mjs

@@ -0,0 +1,52 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/ui/card";
+import { cn } from "../../lib/utils";
+
+//#region src/views/auth/auth-layout.tsx
+/**
+* Centered layout for authentication pages (login, register, forgot password, etc.)
+*
+* @example
+* ```tsx
+* <AuthLayout
+*   title="Sign in"
+*   description="Enter your credentials to access the admin panel"
+*   logo={<Logo />}
+*   footer={<Link to="/forgot-password">Forgot password?</Link>}
+* >
+*   <LoginForm />
+* </AuthLayout>
+* ```
+*/
+function AuthLayout({ title, description, logo, footer, children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "bg-background flex min-h-screen flex-col items-center justify-center p-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-sm space-y-6",
+			children: [
+				logo && /* @__PURE__ */ jsx("div", {
+					className: "flex justify-center",
+					children: logo
+				}),
+				/* @__PURE__ */ jsxs(Card, {
+					className: cn("w-full", className),
+					children: [/* @__PURE__ */ jsxs(CardHeader, {
+						className: "text-center",
+						children: [/* @__PURE__ */ jsx(CardTitle, {
+							className: "text-lg",
+							children: title
+						}), description && /* @__PURE__ */ jsx(CardDescription, { children: description })]
+					}), /* @__PURE__ */ jsx(CardContent, { children })]
+				}),
+				footer && /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground text-center text-xs",
+					children: footer
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { AuthLayout };