moverlay 0.0.0 → 0.0.2

package/dist/layouts/form.d.ts

@@ -1,5 +1,5 @@
 import { ModalProps } from "./normal";
-import type { FormBuilderProps } from "@bouko/form";
+import type { FormBuilderProps } from "formeact";
 import type { JsonMap } from "@bouko/ts";
 type Props<T> = Omit<ModalProps, "children"> & Omit<FormBuilderProps<T>, "cancel" | "sound" | "oops">;
 /**

package/dist/layouts/form.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Modal } from "./normal";
-import { FormBuilder } from "@bouko/form";
+import { FormBuilder } from "formeact";
 /**
  * Form Modal component.
  *

package/package.json

@@ -1,86 +1,48 @@
 {
 
   "name": "moverlay",
-
-  "version": "0.0.0",
-
+  "version": "0.0.2",
   "main": "./dist/index.js",
-
   "types": "./dist/index.d.ts",
-
   "license": "MIT",
-
   "files": [
-
     "dist"
-
   ],
-
   "publishConfig": {
-
     "access": "public"
-
   },
-
   "author": "",
-
   "description": "",
-
   "peerDependencies": {
-
     "next": ">=15.4.5",
-
     "react": ">=18.3.1"
-
   },
-
   "engines": {},
 
   "scripts": {
-
     "build": "tsc"
-
   },
 
   "dependencies": {
-
-    "@bouko/form": "^0.6.1",
-
     "@bouko/react": "^2.4.8",
-
     "@bouko/style": "^0.1.6",
-
     "@bouko/ts": "^0.2.0",
-
     "clsx": "^2.1.1",
-
+    "formeact": "^0.0.2",
     "framer-motion": "^12.16.0",
-
     "superstruct": "^2.0.2",
-
     "tailwind-merge": "^3.3.0",
-
     "tailwind-variants": "^1.0.0",
-
     "zod": "^4.0.17"
-
   },
 
   "devDependencies": {
-
     "@types/react": "^19.1.10",
-
     "dependency-cruiser": "^17.0.1",
-
     "next": "^15.4.5",
-
     "nupabase": "^0.2.0",
-
     "react": "^19.1.1",
-
     "typescript": "^5.9.2"
-
   }
 
-}
-
+}

package/dist/assets/forms/login.json

@@ -1,17 +0,0 @@
-[
-
-    [{
-        "id": "email", 
-        "element": "input", 
-        "label": "Email Address", 
-        "placeholder": "Your email" 
-    }], 
-
-    [{
-        "id": "password", 
-        "element": "input", 
-        "label": "Password", 
-        "placeholder": "Enter password" 
-    }] 
-
-]

package/dist/assets/icons/x.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="1em" height="1em">
-    <path 
-        d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" 
-        fill="currentColor" 
-    />
-</svg>

package/dist/layout/form.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from "react";
-import { type Props as BaseProps } from "./normal";
-import { type Option, type FormSection, SetState } from "@bouko/form";
-import { JsonMap } from "@bouko/ts";
-import { ZodTypeAny } from "zod";
-type Field<T, K = string> = {
-    id: string;
-    label?: string;
-    style?: string;
-    value?: K;
-    update: SetState<T>;
-    required?: boolean;
-    disabled?: boolean;
-    note?: ReactNode;
-};
-type FormBuilderField<T> = (Omit<Field<T>, "value" | "update"> & {
-    element: string;
-    rows?: number;
-    placeholder?: string;
-    options?: Option[];
-})[][];
-type Props<T> = BaseProps & FormSection<T> & {
-    fields: FormBuilderField<T>;
-    validator: ZodTypeAny;
-    styles?: {
-        submit?: string;
-    };
-    submit: (data: T, clear?: (() => void) | undefined) => Promise<void>;
-};
-export declare function FormModal<T extends JsonMap>({ fields, data, validator, update, submit, styles, clear, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default FormModal;

package/dist/layout/form.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Modal from "./normal";
-import { FormBuilder } from "@bouko/form";
-export function FormModal({ fields, data, validator, update, submit, styles, clear, ...props }) {
-    return (_jsx(Modal, { ...props, children: _jsx(FormBuilder, { styles: styles, fields: fields, validator: validator.safeParse, submit: submit }) }));
-}
-export default FormModal;

package/dist/layout/normal.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from "react";
-export type Props = {
-    style?: string;
-    title: string;
-    subtitle?: ReactNode;
-    redirect?: {
-        label: string;
-        to: string;
-    };
-    children?: ReactNode;
-};
-export default function ModalLayout({ style, title, subtitle, redirect, children }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/layout/normal.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@bouko/style";
-import useModal from "../state/context";
-import X from "../assets/icons/x.svg";
-export default function ModalLayout({ style, title, subtitle, redirect, children }) {
-    const { openModal, closeModal } = useModal();
-    return (_jsxs("div", { className: cn(styles.container, style), role: "dialog", "aria-modal": "true", children: [_jsxs("div", { className: styles.header, children: [_jsxs("div", { className: styles.heading, children: [_jsx("span", { className: styles.title, children: title }), _jsxs("span", { className: styles.subtitle, children: [subtitle, redirect && (_jsx("button", { className: "p-0 bg-transparent border-none outline-none text-sm text-accent duration-200 hover:text-accent-light cursor-pointer font-semibold", onClick: () => openModal(redirect.to), children: redirect.label }))] })] }), _jsx(X, { className: styles.close, onClick: closeModal })] }), children] }));
-}
-const styles = {
-    container: "relative flex flex-col gap-4 w-lg p-7 pt-6 select-none overflow-hidden",
-    header: "relative flex flex-col gap-px mb-1 w-full",
-    heading: "flex flex-col gap-px",
-    title: "leading-none text-xl font-semibold",
-    subtitle: "flex items-center gap-2 text-sm text-slate-400",
-    close: "absolute -right-2 -top-1 text-error hover:text-error text-lg duration-200 cursor-pointer"
-};

package/dist/layout/root.d.ts

@@ -1 +0,0 @@
-export default function RootModal(): import("react/jsx-runtime").JSX.Element;

package/dist/layout/root.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import useModal from "../state/context";
-import { AnimatePresence, motion } from "framer-motion";
-export default function RootModal() {
-    const { isOpen, templateId, templates } = useModal();
-    return (_jsx(AnimatePresence, { mode: "wait", children: isOpen && templateId && (_jsxs(motion.div, { className: styles.container, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, layout: true, children: [_jsx("div", { className: styles.backdrop }), _jsx("div", { className: styles.content, children: _jsx("div", { className: styles.subcontainer, children: templates[templateId] }) })] }, templateId)) }));
-}
-const styles = {
-    container: "fixed inset-0 flex justify-center items-center z-[99]",
-    backdrop: "absolute inset-0 bg-background-dark/60",
-    content: "absolute top-0 left-0 w-[100dvw] h-[100dvh] flex justify-center items-center 2xl:scale-125 select-none",
-    subcontainer: "relative flex max-w-[80%] max-h-[85%] bg-background border border-border rounded-lg shadow-soft overflow-hidden"
-};

package/dist/state/manager.d.ts

@@ -1,5 +0,0 @@
-import { type ReactElement, type ReactNode } from "react";
-export default function ModalManager({ config, children }: {
-    config: Record<string, ReactElement>;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/state/manager.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Context } from "./context";
-import { parseData } from "@bouko/react";
-export default function ModalManager({ config, children }) {
-    const [isOpen, setOpen] = useState(false);
-    const [templateId, setTemplate] = useState();
-    const [params, setParams] = useState({});
-    const openModal = async (template, params) => {
-        setTemplate(template);
-        setParams(params ?? {});
-        setOpen(true);
-    };
-    const getParams = () => parseData(params ?? {});
-    const closeModal = () => {
-        setOpen(false);
-        setTemplate(undefined);
-        setParams({});
-    };
-    return (_jsx(Context.Provider, { value: {
-            templates: config,
-            templateId,
-            isOpen,
-            params,
-            getParams,
-            openModal,
-            closeModal
-        }, children: children }));
-}