@blawness/admin-kit 0.2.0

package/README.md

@@ -0,0 +1,14 @@
+# @blawness/admin-kit
+
+Reusable CMS core (auth, media, users, editor, admin shell, shared components)
+extracted from the LIPAN RI site. Consumed as a private Git dependency.
+
+## Consumer setup
+1. `pnpm add github:Blawness/admin-kit#vX.Y.Z`
+2. Add to `next.config`: `transpilePackages: ["@blawness/admin-kit"]`
+3. Ensure Tailwind scans the package and defines the `navy`/`brand`/`gold` tokens.
+
+## Phase 1 result
+- Directive preservation: CONFIRMED (`"use client"` intact in dist after tsc build).
+- Consumed by a Next.js 16.2.7 throwaway app via `transpilePackages` + Git-tag dependency: build PASSED, page rendered (HTTP 200).
+- Gotchas: pnpm v10 blocks the git dep's `prepare` script by default (`ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED`) — the consumer must add `@blawness/admin-kit` to `pnpm.onlyBuiltDependencies` in package.json (or pnpm-workspace.yaml) so tsc runs and `dist/` builds. The `noop` server action can be typed `() => Promise<void>` even though `ConfirmDelete`'s `action` prop is `(formData: FormData) => Promise<void>` — Next/TS accepts the narrower no-arg signature.

package/dist/auth/config.d.ts

@@ -0,0 +1,3 @@
+import type { NextAuthConfig } from "next-auth";
+export declare const authConfig: NextAuthConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/auth/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/auth/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,cAiCxB,CAAC"}

package/dist/auth/config.js

@@ -0,0 +1,36 @@
+export const authConfig = {
+    pages: { signIn: "/admin/login" },
+    session: { strategy: "jwt" },
+    trustHost: true,
+    providers: [], // real provider added in auth/index.ts (Node runtime)
+    callbacks: {
+        authorized({ auth, request: { nextUrl } }) {
+            const isAdminArea = nextUrl.pathname.startsWith("/admin");
+            const isLogin = nextUrl.pathname === "/admin/login";
+            // Already-authenticated users have no business on the login page.
+            if (isLogin) {
+                return auth?.user
+                    ? Response.redirect(new URL("/admin", nextUrl))
+                    : true;
+            }
+            if (isAdminArea)
+                return !!auth?.user;
+            return true;
+        },
+        jwt({ token, user }) {
+            if (user) {
+                token.id = user.id;
+                token.role = user.role ?? "editor";
+            }
+            return token;
+        },
+        session({ session, token }) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const u = session.user;
+            if (token.id)
+                u.id = token.id;
+            u.role = token.role ?? "editor";
+            return session;
+        },
+    },
+};

package/dist/auth/index.d.ts

@@ -0,0 +1,6 @@
+import { type NextAuthResult } from "next-auth";
+export declare const handlers: NextAuthResult["handlers"];
+export declare const auth: NextAuthResult["auth"];
+export declare const signIn: NextAuthResult["signIn"];
+export declare const signOut: NextAuthResult["signOut"];
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AAAA,OAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AA6C1D,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAoB,CAAC;AACrE,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,CAAgB,CAAC;AACzD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAkB,CAAC;AAC/D,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,CAAmB,CAAC"}

package/dist/auth/index.js

@@ -0,0 +1,46 @@
+import NextAuth from "next-auth";
+import Credentials from "next-auth/providers/credentials";
+import { compare } from "bcryptjs";
+import { z } from "zod";
+import { eq } from "drizzle-orm";
+import { db } from "../db/index";
+import { users } from "../db/schema";
+import { authConfig } from "./config";
+const credentialsSchema = z.object({
+    email: z.string().email(),
+    password: z.string().min(1),
+});
+const _result = NextAuth({
+    ...authConfig,
+    providers: [
+        Credentials({
+            credentials: { email: {}, password: {} },
+            async authorize(raw) {
+                const parsed = credentialsSchema.safeParse(raw);
+                if (!parsed.success)
+                    return null;
+                const { email, password } = parsed.data;
+                const [user] = await db
+                    .select()
+                    .from(users)
+                    .where(eq(users.email, email))
+                    .limit(1);
+                if (!user?.passwordHash)
+                    return null;
+                const ok = await compare(password, user.passwordHash);
+                if (!ok)
+                    return null;
+                return {
+                    id: String(user.id),
+                    email: user.email,
+                    name: user.name,
+                    role: user.role ?? "editor",
+                };
+            },
+        }),
+    ],
+});
+export const handlers = _result.handlers;
+export const auth = _result.auth;
+export const signIn = _result.signIn;
+export const signOut = _result.signOut;

package/dist/components/admin/editor.d.ts

@@ -0,0 +1,5 @@
+export declare function Editor({ value, onChange, }: {
+    value: string;
+    onChange: (html: string) => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=editor.d.ts.map

package/dist/components/admin/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/components/admin/editor.tsx"],"names":[],"mappings":"AAQA,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,sCA8BA"}

package/dist/components/admin/editor.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Link from "@tiptap/extension-link";
+import Image from "@tiptap/extension-image";
+import { Button } from "../ui/button";
+export function Editor({ value, onChange, }) {
+    const editor = useEditor({
+        extensions: [
+            StarterKit.configure({ heading: { levels: [2, 3, 4] } }),
+            Link.configure({ openOnClick: false }),
+            Image,
+        ],
+        content: value,
+        immediatelyRender: false,
+        editorProps: { attributes: { class: "prose prose-blue max-w-none min-h-[300px] focus:outline-none" } },
+        onUpdate: ({ editor }) => onChange(editor.getHTML()),
+    });
+    if (!editor)
+        return null;
+    return (_jsxs("div", { className: "rounded-md border border-navy-200", children: [_jsxs("div", { className: "flex flex-wrap gap-1 border-b border-navy-100 p-2", children: [_jsx(ToolbarButton, { on: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), children: "B" }), _jsx(ToolbarButton, { on: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), children: "I" }), _jsx(ToolbarButton, { on: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), active: editor.isActive("heading", { level: 2 }), children: "H2" }), _jsx(ToolbarButton, { on: () => editor.chain().focus().toggleHeading({ level: 3 }).run(), active: editor.isActive("heading", { level: 3 }), children: "H3" }), _jsx(ToolbarButton, { on: () => editor.chain().focus().toggleBulletList().run(), active: editor.isActive("bulletList"), children: "\u2022 List" }), _jsx(ToolbarButton, { on: () => editor.chain().focus().toggleOrderedList().run(), active: editor.isActive("orderedList"), children: "1. List" }), _jsx(ToolbarButton, { on: () => { const url = prompt("URL tautan:"); if (url)
+                            editor.chain().focus().setLink({ href: url }).run(); }, active: editor.isActive("link"), children: "Link" }), _jsx(ToolbarButton, { on: () => { const url = prompt("URL gambar:"); if (url)
+                            editor.chain().focus().setImage({ src: url }).run(); }, active: false, children: "Gambar" })] }), _jsx(EditorContent, { editor: editor, className: "p-3" })] }));
+}
+function ToolbarButton({ on, active, children }) {
+    return (_jsx(Button, { type: "button", variant: active ? "default" : "outline", size: "sm", onClick: on, children: children }));
+}

package/dist/components/admin/image-upload.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Clear drag-and-drop / click-to-upload zone backed by the R2 upload action.
+ * Used for both a post's featured image (with `value`) and the gallery (no
+ * value, parent refreshes on change).
+ */
+export declare function ImageUpload({ value, onChange, label, uploadAction, }: {
+    value?: string | null;
+    onChange: (url: string) => void;
+    label?: string;
+    uploadAction: (formData: FormData) => Promise<{
+        url?: string;
+        error?: string;
+    }>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=image-upload.d.ts.map

package/dist/components/admin/image-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload.d.ts","sourceRoot":"","sources":["../../../src/components/admin/image-upload.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAgB,EAChB,YAAY,GACb,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjF,+BAuGA"}

package/dist/components/admin/image-upload.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState, useTransition } from "react";
+import { UploadCloud, Loader2, AlertCircle } from "lucide-react";
+// Mirror the server action (src/app/admin/media/actions.ts) — keep in sync.
+const OK_TYPES = ["image/jpeg", "image/png", "image/webp", "image/gif"];
+const MAX_BYTES = 8 * 1024 * 1024;
+/**
+ * Clear drag-and-drop / click-to-upload zone backed by the R2 upload action.
+ * Used for both a post's featured image (with `value`) and the gallery (no
+ * value, parent refreshes on change).
+ */
+export function ImageUpload({ value, onChange, label = "gambar", uploadAction, }) {
+    const [pending, start] = useTransition();
+    const [error, setError] = useState();
+    const [dragging, setDragging] = useState(false);
+    const inputRef = useRef(null);
+    function upload(file) {
+        if (!file)
+            return;
+        if (!OK_TYPES.includes(file.type)) {
+            setError("Format tidak didukung — gunakan JPG, PNG, WebP, atau GIF.");
+            return;
+        }
+        if (file.size > MAX_BYTES) {
+            setError("Ukuran gambar maksimal 8MB.");
+            return;
+        }
+        const fd = new FormData();
+        fd.set("file", file);
+        setError(undefined);
+        start(async () => {
+            const res = await uploadAction(fd);
+            if (res.error)
+                setError(res.error);
+            else if (res.url)
+                onChange(res.url);
+        });
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("button", { type: "button", onClick: () => inputRef.current?.click(), onDragOver: (e) => {
+                    e.preventDefault();
+                    setDragging(true);
+                }, onDragLeave: () => setDragging(false), onDrop: (e) => {
+                    e.preventDefault();
+                    setDragging(false);
+                    upload(e.dataTransfer.files?.[0]);
+                }, disabled: pending, className: `group relative flex w-full flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-8 text-center transition-colors ${dragging
+                    ? "border-brand-500 bg-brand-50"
+                    : "border-navy-200 bg-navy-50/40 hover:border-brand-400 hover:bg-brand-50/60"} ${pending ? "pointer-events-none opacity-80" : "cursor-pointer"}`, children: value ? (_jsxs(_Fragment, { children: [_jsx("img", { src: value, alt: "", className: "h-28 w-28 rounded-lg object-cover object-top ring-1 ring-navy-200 shadow-sm" }), _jsxs("span", { className: "text-sm font-medium text-navy-700", children: ["Klik untuk mengganti ", label] }), pending && (_jsx("span", { className: "absolute inset-0 grid place-items-center rounded-xl bg-white/70", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-brand-600" }) }))] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-brand-100 text-brand-600 transition-transform group-hover:scale-105", children: pending ? (_jsx(Loader2, { className: "h-6 w-6 animate-spin" })) : (_jsx(UploadCloud, { className: "h-6 w-6" })) }), _jsxs("span", { children: [_jsx("span", { className: "block text-sm font-semibold text-navy-900", children: pending ? "Mengunggah…" : `Klik untuk unggah ${label}` }), _jsx("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: "atau seret & lepas di sini \u00B7 JPG, PNG, WebP, GIF (maks 8MB)" })] })] })) }), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", className: "hidden", onChange: (e) => upload(e.target.files?.[0]), disabled: pending }), error && (_jsxs("p", { className: "flex items-center gap-1.5 text-sm text-red-600", children: [_jsx(AlertCircle, { className: "h-4 w-4 shrink-0" }), error] }))] }));
+}

package/dist/components/admin/toast-on-param.d.ts

@@ -0,0 +1,5 @@
+export declare function ToastOnParam(props: {
+    param: string;
+    messages: Record<string, string>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=toast-on-param.d.ts.map

package/dist/components/admin/toast-on-param.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-on-param.d.ts","sourceRoot":"","sources":["../../../src/components/admin/toast-on-param.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,+BAMA"}

package/dist/components/admin/toast-on-param.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, useEffect, useRef } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { toast } from "sonner";
+function ToastOnParamInner({ param, messages, }) {
+    const searchParams = useSearchParams();
+    const router = useRouter();
+    const pathname = usePathname();
+    const fired = useRef(false);
+    useEffect(() => {
+        if (fired.current)
+            return;
+        const value = searchParams.get(param);
+        if (!value)
+            return;
+        fired.current = true;
+        const message = messages[value];
+        if (message)
+            toast.success(message);
+        // Bersihkan param dari URL agar tidak terpicu ulang saat refresh.
+        const next = new URLSearchParams(searchParams.toString());
+        next.delete(param);
+        const qs = next.toString();
+        router.replace(qs ? `${pathname}?${qs}` : pathname);
+    }, [param, messages, searchParams, router, pathname]);
+    return null;
+}
+export function ToastOnParam(props) {
+    return (_jsx(Suspense, { fallback: null, children: _jsx(ToastOnParamInner, { ...props }) }));
+}

package/dist/components/confirm-delete.d.ts

@@ -0,0 +1,14 @@
+import { type ReactElement, type ReactNode } from "react";
+export declare function ConfirmDelete({ action, id, title, description, confirmLabel, successMessage, trigger, }: {
+    /** Server action that receives FormData with an `id` field. */
+    action: (formData: FormData) => Promise<void>;
+    id: number;
+    title?: string;
+    description?: ReactNode;
+    confirmLabel?: string;
+    /** Toast yang muncul setelah penghapusan berhasil. */
+    successMessage?: string;
+    /** Custom trigger element. Defaults to an outline icon button. */
+    trigger?: ReactElement;
+}): import("react").JSX.Element;
+//# sourceMappingURL=confirm-delete.d.ts.map

package/dist/components/confirm-delete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete.d.ts","sourceRoot":"","sources":["../../src/components/confirm-delete.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAenF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,EAAE,EACF,KAAyB,EACzB,WAAoD,EACpD,YAAsB,EACtB,cAAoC,EACpC,OAAO,GACR,EAAE;IACD,+DAA+D;IAC/D,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,+BA2DA"}

package/dist/components/confirm-delete.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+import { Loader2, Trash2 } from "lucide-react";
+import { toast } from "sonner";
+import { Button } from "./ui/button";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./ui/dialog";
+export function ConfirmDelete({ action, id, title = "Hapus item ini?", description = "Tindakan ini tidak dapat dibatalkan.", confirmLabel = "Hapus", successMessage = "Berhasil dihapus.", trigger, }) {
+    const [open, setOpen] = useState(false);
+    const [pending, start] = useTransition();
+    function handleConfirm() {
+        start(async () => {
+            const fd = new FormData();
+            fd.set("id", String(id));
+            let succeeded = false;
+            try {
+                await action(fd);
+                // Hanya tercapai bila action selesai tanpa melempar (mis. redirect
+                // pada konflik akan throw, sehingga toast sukses tidak muncul).
+                succeeded = true;
+            }
+            finally {
+                // Tutup dialog baik saat sukses maupun saat action me-redirect
+                // (mis. media yang masih dipakai → halaman menampilkan pesan error).
+                setOpen(false);
+            }
+            if (succeeded)
+                toast.success(successMessage);
+        });
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { render: trigger ?? (_jsx(Button, { size: "sm", variant: "outline", "aria-label": "Hapus", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })) }), _jsxs(DialogContent, { showCloseButton: false, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { render: _jsx(Button, { variant: "outline", disabled: pending }), children: "Batal" }), _jsxs(Button, { variant: "destructive", onClick: handleConfirm, disabled: pending, children: [pending ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (_jsx(Trash2, { className: "h-4 w-4" })), confirmLabel] })] })] })] }));
+}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,9 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAmCnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/button.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+            outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+            ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+            destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+            xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg 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 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+            lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+            icon: "size-8",
+            "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+            "icon-lg": "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button({ className, variant = "default", size = "default", ...props }) {
+    return (_jsx(ButtonPrimitive, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button, buttonVariants };

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
+declare function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
+declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
+declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/ui/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAMjE,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAEvD;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,qBAE/D;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAE7D;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,qBAWhC;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAgCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAkBA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,qBAWnC;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/components/ui/dialog.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { XIcon } from "lucide-react";
+function Dialog({ ...props }) {
+    return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+    return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+    return _jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+    return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className), ...props }));
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-2 right-2", size: "icon-sm" }), children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+}
+function DialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props }));
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+    return (_jsxs("div", { "data-slot": "dialog-footer", className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", className), ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { render: _jsx(Button, { variant: "outline" }), children: "Close" }))] }));
+}
+function DialogTitle({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("font-heading text-base leading-none font-medium", className), ...props }));
+}
+function DialogDescription({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props }));
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAY1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { cn } from "../../lib/utils";
+function Input({ className, type, ...props }) {
+    return (_jsx(InputPrimitive, { type: type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className), ...props }));
+}
+export { Input };

package/dist/components.d.ts

@@ -0,0 +1,7 @@
+export { ConfirmDelete } from "./components/confirm-delete";
+export { Button, buttonVariants } from "./components/ui/button";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog";
+export * from "./components/admin/editor";
+export * from "./components/admin/image-upload";
+export * from "./components/admin/toast-on-param";
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC"}

package/dist/components.js

@@ -0,0 +1,6 @@
+export { ConfirmDelete } from "./components/confirm-delete";
+export { Button, buttonVariants } from "./components/ui/button";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog";
+export * from "./components/admin/editor";
+export * from "./components/admin/image-upload";
+export * from "./components/admin/toast-on-param";

package/dist/db/index.d.ts

@@ -0,0 +1,6 @@
+import postgres from "postgres";
+import * as schema from "./schema";
+export declare const db: import("drizzle-orm/postgres-js").PostgresJsDatabase<typeof schema> & {
+    $client: postgres.Sql<{}>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/db/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/db/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAKnC,eAAO,MAAM,EAAE;;CAA8B,CAAC"}

package/dist/db/index.js

@@ -0,0 +1,8 @@
+import { drizzle } from "drizzle-orm/postgres-js";
+import postgres from "postgres";
+import * as schema from "./schema";
+const connectionString = process.env.DATABASE_URL;
+if (!connectionString)
+    throw new Error("admin-kit: DATABASE_URL env var is required");
+const client = postgres(connectionString, { prepare: false });
+export const db = drizzle(client, { schema });