@rsc-kit/press 0.30.50 → 0.30.52

package/dist/shadcn/resource-form.js

@@ -6,7 +6,7 @@ import Link from '@rsc-kit/core/Link';
 import { Button } from './components/ui/button.js';
 import { Card, CardContent, CardFooter } from './components/ui/card.js';
 import { FieldGroup } from './components/ui/field.js';
-import { FieldList, useBrowserErrors } from './fields.js';
+import { FieldList, useBrowserErrors, useConditions } from './fields.js';
 /**
  * Every resource's create and edit form, drawn from its fields. Uncontrolled:
  * a value starts as its default, and a refused save keeps what was typed.
@@ -21,10 +21,11 @@ import { FieldList, useBrowserErrors } from './fields.js';
 export function ResourceForm({ action, fields, values, submit, cancel, }) {
     const form = useRef(null);
     const browser = useBrowserErrors(form);
+    const hidden = useConditions(form, fields, values);
     return (_jsx(Form, { action: action, ref: form, children: ({ pending, error: server, formError }) => {
             // The browser's message while the field is still wrong, else the server's.
             const error = (name) => browser[name] ?? server(name);
-            return (_jsxs(Card, { className: "max-w-2xl", children: [_jsx(CardContent, { children: _jsxs(FieldGroup, { children: [_jsx(FieldList, { fields: fields, values: values, error: error }), formError && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: formError }))] }) }), _jsxs(CardFooter, { className: "justify-end gap-2 border-t", children: [_jsx(Button, { variant: "outline", nativeButton: false, render: _jsx(Link, { href: cancel }), children: "Cancel" }), _jsx(Button, { type: "submit", disabled: pending, children: pending ? 'Saving…' : submit })] })] }));
+            return (_jsxs(Card, { className: "max-w-2xl", children: [_jsx(CardContent, { children: _jsxs(FieldGroup, { children: [_jsx(FieldList, { fields: fields, values: values, error: error, hidden: hidden }), formError && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: formError }))] }) }), _jsxs(CardFooter, { className: "justify-end gap-2 border-t", children: [_jsx(Button, { variant: "outline", nativeButton: false, render: _jsx(Link, { href: cancel }), children: "Cancel" }), _jsx(Button, { type: "submit", disabled: pending, children: pending ? 'Saving…' : submit })] })] }));
         } }));
 }
 //# sourceMappingURL=resource-form.js.map

package/dist/shadcn/resource-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-form.js","sourceRoot":"","sources":["../../src/shadcn/resource-form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,oBAAoB,CAAA;AACrC,OAAO,IAAI,MAAM,oBAAoB,CAAA;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEzD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,GAOP;IACC,MAAM,IAAI,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAEtC,OAAO,CACL,KAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,YAC5B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;YACzC,2EAA2E;YAC3E,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAA;YAE7D,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aACzB,KAAC,WAAW,cACV,MAAC,UAAU,eACT,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,EAC1D,SAAS,IAAI,CACZ,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,0BAA0B,YACjD,SAAS,GACR,CACL,IACU,GACD,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,4BAA4B,aAChD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,MAAe,GAAI,uBAE7E,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,YACpC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GACtB,IACE,IACR,CACR,CAAA;QACH,CAAC,GACI,CACR,CAAA;AACH,CAAC","sourcesContent":["'use client'\n\nimport { useRef } from 'react'\nimport Form from '@rsc-kit/core/form'\nimport Link from '@rsc-kit/core/Link'\nimport type { Field as FieldSpec } from '../resource.js'\nimport { Button } from './components/ui/button.js'\nimport { Card, CardContent, CardFooter } from './components/ui/card.js'\nimport { FieldGroup } from './components/ui/field.js'\nimport { FieldList, useBrowserErrors } from './fields.js'\n\n/**\n * Every resource's create and edit form, drawn from its fields. Uncontrolled:\n * a value starts as its default, and a refused save keeps what was typed.\n * The controls are shadcn's, and each submits under its field's name - a\n * Select and a Switch through the hidden input base-ui renders for them.\n *\n * The browser checks each control first, against the constraints read from\n * the schema (required, min, maxlength, pattern, type=\"email\"). Its own\n * bubble is replaced by its message in the field's FieldError, where the\n * server's refusals show too; with JavaScript off the bubble is what shows.\n */\nexport function ResourceForm({\n  action,\n  fields,\n  values,\n  submit,\n  cancel,\n}: {\n  action: (form: FormData) => Promise<unknown>\n  fields: FieldSpec[]\n  values: Record<string, unknown>\n  submit: string\n  cancel: string\n}) {\n  const form = useRef<HTMLFormElement>(null)\n  const browser = useBrowserErrors(form)\n\n  return (\n    <Form action={action} ref={form}>\n      {({ pending, error: server, formError }) => {\n        // The browser's message while the field is still wrong, else the server's.\n        const error = (name: string) => browser[name] ?? server(name)\n\n        return (\n          <Card className=\"max-w-2xl\">\n            <CardContent>\n              <FieldGroup>\n                <FieldList fields={fields} values={values} error={error} />\n                {formError && (\n                  <p role=\"alert\" className=\"text-sm text-destructive\">\n                    {formError}\n                  </p>\n                )}\n              </FieldGroup>\n            </CardContent>\n            <CardFooter className=\"justify-end gap-2 border-t\">\n              <Button variant=\"outline\" nativeButton={false} render={<Link href={cancel as never} />}>\n                Cancel\n              </Button>\n              <Button type=\"submit\" disabled={pending}>\n                {pending ? 'Saving…' : submit}\n              </Button>\n            </CardFooter>\n          </Card>\n        )\n      }}\n    </Form>\n  )\n}\n"]}
+{"version":3,"file":"resource-form.js","sourceRoot":"","sources":["../../src/shadcn/resource-form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,oBAAoB,CAAA;AACrC,OAAO,IAAI,MAAM,oBAAoB,CAAA;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAExE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,GAOP;IACC,MAAM,IAAI,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACtC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAElD,OAAO,CACL,KAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,YAC5B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;YACzC,2EAA2E;YAC3E,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAA;YAE7D,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aACzB,KAAC,WAAW,cACV,MAAC,UAAU,eACT,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,EAC1E,SAAS,IAAI,CACZ,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,0BAA0B,YACjD,SAAS,GACR,CACL,IACU,GACD,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,4BAA4B,aAChD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,MAAe,GAAI,uBAE7E,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,YACpC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GACtB,IACE,IACR,CACR,CAAA;QACH,CAAC,GACI,CACR,CAAA;AACH,CAAC","sourcesContent":["'use client'\n\nimport { useRef } from 'react'\nimport Form from '@rsc-kit/core/form'\nimport Link from '@rsc-kit/core/Link'\nimport type { Field as FieldSpec } from '../resource.js'\nimport { Button } from './components/ui/button.js'\nimport { Card, CardContent, CardFooter } from './components/ui/card.js'\nimport { FieldGroup } from './components/ui/field.js'\nimport { FieldList, useBrowserErrors, useConditions } from './fields.js'\n\n/**\n * Every resource's create and edit form, drawn from its fields. Uncontrolled:\n * a value starts as its default, and a refused save keeps what was typed.\n * The controls are shadcn's, and each submits under its field's name - a\n * Select and a Switch through the hidden input base-ui renders for them.\n *\n * The browser checks each control first, against the constraints read from\n * the schema (required, min, maxlength, pattern, type=\"email\"). Its own\n * bubble is replaced by its message in the field's FieldError, where the\n * server's refusals show too; with JavaScript off the bubble is what shows.\n */\nexport function ResourceForm({\n  action,\n  fields,\n  values,\n  submit,\n  cancel,\n}: {\n  action: (form: FormData) => Promise<unknown>\n  fields: FieldSpec[]\n  values: Record<string, unknown>\n  submit: string\n  cancel: string\n}) {\n  const form = useRef<HTMLFormElement>(null)\n  const browser = useBrowserErrors(form)\n  const hidden = useConditions(form, fields, values)\n\n  return (\n    <Form action={action} ref={form}>\n      {({ pending, error: server, formError }) => {\n        // The browser's message while the field is still wrong, else the server's.\n        const error = (name: string) => browser[name] ?? server(name)\n\n        return (\n          <Card className=\"max-w-2xl\">\n            <CardContent>\n              <FieldGroup>\n                <FieldList fields={fields} values={values} error={error} hidden={hidden} />\n                {formError && (\n                  <p role=\"alert\" className=\"text-sm text-destructive\">\n                    {formError}\n                  </p>\n                )}\n              </FieldGroup>\n            </CardContent>\n            <CardFooter className=\"justify-end gap-2 border-t\">\n              <Button variant=\"outline\" nativeButton={false} render={<Link href={cancel as never} />}>\n                Cancel\n              </Button>\n              <Button type=\"submit\" disabled={pending}>\n                {pending ? 'Saving…' : submit}\n              </Button>\n            </CardFooter>\n          </Card>\n        )\n      }}\n    </Form>\n  )\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsc-kit/press",
-  "version": "0.30.50",
+  "version": "0.30.52",
   "description": "Admin panels, public forms and pages built from blocks for rsc-kit: resources, data sources, tenants and plugins, with the drawing in a theme - shadcn/ui is the one that ships.",
   "type": "module",
   "license": "MIT",
@@ -50,7 +50,7 @@
     "prepack": "bun run build"
   },
   "peerDependencies": {
-    "@rsc-kit/core": "^0.30.50",
+    "@rsc-kit/core": "^0.30.52",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tailwindcss": "^4.0.0"

package/dist/forms/form.d.ts

@@ -1,61 +0,0 @@
-import type { ReactNode } from 'react';
-import type { Field, FieldOverride, FormSchema, ValuesOf } from '../resource.js';
-import type { HostAction, HostFields } from './host.js';
-import type { FormsTheme } from './theme.js';
-interface FormOptions {
-    /** Unique in the app: the form is found by it when it is sent. Lowercase letters, digits and dashes. */
-    name: string;
-    /** What draws it: import { shadcn } from '@rsc-kit/press/shadcn'. */
-    theme: FormsTheme;
-    /** The submit button's words. Send by default. */
-    submit?: string;
-    /** What the visitor reads in place of the form once it is sent. */
-    done?: string;
-    /** Where the visitor goes once it is sent, instead of `done`. */
-    redirect?: string;
-}
-export interface FormDefinition<Schema extends FormSchema> extends FormOptions {
-    /** Any Standard Schema of an object: z.object(), v.object(), type({...}). It checks every submission, on the server. */
-    form: Schema;
-    /** Labels, descriptions and controls the schema cannot say - or every field, for a schema that does not describe itself as JSON Schema. */
-    fields?: Partial<Record<keyof ValuesOf<Schema> & string, FieldOverride>>;
-    /**
-     * What a submission that passed the schema does: store it, send it, call a
-     * backend. Throw an ActionValidationError - or let a backend's 422 through -
-     * and its messages land under the fields.
-     */
-    handle: (values: ValuesOf<Schema>) => void | Promise<void>;
-}
-export interface HostFormDefinition<Action extends HostAction> extends FormOptions {
-    /**
-     * The backend action the form calls, as the build generated it:
-     * `import { contactSend } from '../server-actions.generated'`. Its fields are
-     * drawn from what the backend says it takes, and it does all the checking:
-     * a Laravel FormRequest, a Go struct. Its refusals land under the fields.
-     */
-    action: Action;
-    /** Labels, descriptions and controls the backend's type cannot say. */
-    fields?: Partial<Record<HostFields<Action>, FieldOverride>>;
-}
-/**
- * A form anyone may fill in - a contact form, a sign-up, a survey. Either from
- * a Standard Schema, checked by the browser first and by the schema on the
- * server always, or from a backend function, checked by the browser first and
- * by the backend always. Place it in any page:
- *
- *     export default function Contact() {
- *       return <main><h1>Contact us</h1><contact.Form /></main>
- *     }
- *
- * The form reads nothing from the request, so the page around it can still
- * be stored by the build.
- */
-export declare function defineForm<Schema extends FormSchema>(definition: FormDefinition<Schema>): PublicFormHandle;
-export declare function defineForm<Action extends HostAction>(definition: HostFormDefinition<Action>): PublicFormHandle;
-export interface PublicFormHandle {
-    name: string;
-    fields: Field[];
-    Form: () => ReactNode;
-}
-export type PublicForm = PublicFormHandle;
-export {};

package/dist/forms/form.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fieldsOf } from '../resource.js';
-import { submitForm } from './actions.js';
-import { hostSchema, requireDrawable } from './host.js';
-import { HONEYPOT } from './honeypot.js';
-import { registerForm } from './registry.js';
-export function defineForm(definition) {
-    if (!/^[a-z0-9-]+$/.test(definition.name)) {
-        throw new Error(`[forms] a form's name is lowercase letters, digits and dashes: ${JSON.stringify(definition.name)}`);
-    }
-    if (definition.done !== undefined && definition.redirect !== undefined) {
-        throw new Error(`[forms] the form ${definition.name} has both done and redirect; a sent form shows one or goes to the other`);
-    }
-    const { action } = definition;
-    if (typeof action === 'string') {
-        throw new Error(`[forms] the form ${definition.name}'s action is the generated action now, not its name: ` +
-            `import { contactSend } from '../server-actions.generated', then action: contactSend, for ${JSON.stringify(action)}`);
-    }
-    if ((action === undefined) === (definition.form === undefined)) {
-        throw new Error(`[forms] the form ${definition.name} needs a form schema with handle, or an action, and not both`);
-    }
-    const overrides = (definition.fields ?? {});
-    const schema = action === undefined ? definition.form : hostSchema(action);
-    let drawn = null;
-    function fields() {
-        if (drawn)
-            return drawn;
-        if (action !== undefined)
-            requireDrawable(definition.name, action, overrides);
-        const fields = fieldsOf(schema, overrides);
-        if (fields.some((field) => field.name === HONEYPOT)) {
-            throw new Error(`[forms] the form ${definition.name} has a field named ${HONEYPOT}, which is the name its bot trap uses`);
-        }
-        return (drawn = fields);
-    }
-    // A backend's types arrive with the server entry, which runs after this
-    // module: those fields wait for the first render. A schema's fail here.
-    if (action === undefined)
-        fields();
-    const handle = action === undefined
-        ? definition.handle
-        : async (values) => void (await action(values));
-    registerForm({
-        name: definition.name,
-        schema,
-        get fields() {
-            return fields();
-        },
-        handle,
-        redirect: definition.redirect ?? null,
-    });
-    const theme = definition.theme;
-    const submit = definition.submit ?? 'Send';
-    const done = definition.redirect === undefined ? (definition.done ?? 'Thank you. It was sent.') : undefined;
-    function Form() {
-        return (_jsx(theme.PublicForm, { action: submitForm.bind(null, definition.name), fields: fields(), submit: submit, ...(done === undefined ? {} : { done }), honeypot: HONEYPOT }));
-    }
-    return {
-        name: definition.name,
-        get fields() {
-            return fields();
-        },
-        Form,
-    };
-}
-//# sourceMappingURL=form.js.map

package/dist/forms/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/forms/form.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react'\nimport { fieldsOf } from '../resource.js'\nimport type { Field, FieldOverride, FormSchema, ValuesOf } from '../resource.js'\nimport { submitForm } from './actions.js'\nimport { hostSchema, requireDrawable } from './host.js'\nimport type { HostAction, HostFields } from './host.js'\nimport { HONEYPOT } from './honeypot.js'\nimport { registerForm } from './registry.js'\nimport type { FormsTheme } from './theme.js'\n\ninterface FormOptions {\n  /** Unique in the app: the form is found by it when it is sent. Lowercase letters, digits and dashes. */\n  name: string\n  /** What draws it: import { shadcn } from '@rsc-kit/press/shadcn'. */\n  theme: FormsTheme\n  /** The submit button's words. Send by default. */\n  submit?: string\n  /** What the visitor reads in place of the form once it is sent. */\n  done?: string\n  /** Where the visitor goes once it is sent, instead of `done`. */\n  redirect?: string\n}\n\nexport interface FormDefinition<Schema extends FormSchema> extends FormOptions {\n  /** Any Standard Schema of an object: z.object(), v.object(), type({...}). It checks every submission, on the server. */\n  form: Schema\n  /** Labels, descriptions and controls the schema cannot say - or every field, for a schema that does not describe itself as JSON Schema. */\n  fields?: Partial<Record<keyof ValuesOf<Schema> & string, FieldOverride>>\n  /**\n   * What a submission that passed the schema does: store it, send it, call a\n   * backend. Throw an ActionValidationError - or let a backend's 422 through -\n   * and its messages land under the fields.\n   */\n  handle: (values: ValuesOf<Schema>) => void | Promise<void>\n}\n\nexport interface HostFormDefinition<Action extends HostAction> extends FormOptions {\n  /**\n   * The backend action the form calls, as the build generated it:\n   * `import { contactSend } from '../server-actions.generated'`. Its fields are\n   * drawn from what the backend says it takes, and it does all the checking:\n   * a Laravel FormRequest, a Go struct. Its refusals land under the fields.\n   */\n  action: Action\n  /** Labels, descriptions and controls the backend's type cannot say. */\n  fields?: Partial<Record<HostFields<Action>, FieldOverride>>\n}\n\n/**\n * A form anyone may fill in - a contact form, a sign-up, a survey. Either from\n * a Standard Schema, checked by the browser first and by the schema on the\n * server always, or from a backend function, checked by the browser first and\n * by the backend always. Place it in any page:\n *\n *     export default function Contact() {\n *       return <main><h1>Contact us</h1><contact.Form /></main>\n *     }\n *\n * The form reads nothing from the request, so the page around it can still\n * be stored by the build.\n */\nexport function defineForm<Schema extends FormSchema>(definition: FormDefinition<Schema>): PublicFormHandle\nexport function defineForm<Action extends HostAction>(definition: HostFormDefinition<Action>): PublicFormHandle\nexport function defineForm(definition: (FormDefinition<FormSchema> | HostFormDefinition<HostAction>) & { form?: FormSchema; action?: HostAction }): PublicFormHandle {\n  if (!/^[a-z0-9-]+$/.test(definition.name)) {\n    throw new Error(`[forms] a form's name is lowercase letters, digits and dashes: ${JSON.stringify(definition.name)}`)\n  }\n\n  if (definition.done !== undefined && definition.redirect !== undefined) {\n    throw new Error(`[forms] the form ${definition.name} has both done and redirect; a sent form shows one or goes to the other`)\n  }\n\n  const { action } = definition\n\n  if (typeof action === 'string') {\n    throw new Error(\n      `[forms] the form ${definition.name}'s action is the generated action now, not its name: ` +\n        `import { contactSend } from '../server-actions.generated', then action: contactSend, for ${JSON.stringify(action)}`,\n    )\n  }\n\n  if ((action === undefined) === (definition.form === undefined)) {\n    throw new Error(`[forms] the form ${definition.name} needs a form schema with handle, or an action, and not both`)\n  }\n\n  const overrides = (definition.fields ?? {}) as Record<string, FieldOverride>\n  const schema = action === undefined ? definition.form! : hostSchema(action)\n  let drawn: Field[] | null = null\n\n  function fields(): Field[] {\n    if (drawn) return drawn\n\n    if (action !== undefined) requireDrawable(definition.name, action, overrides)\n\n    const fields = fieldsOf(schema, overrides)\n\n    if (fields.some((field) => field.name === HONEYPOT)) {\n      throw new Error(`[forms] the form ${definition.name} has a field named ${HONEYPOT}, which is the name its bot trap uses`)\n    }\n\n    return (drawn = fields)\n  }\n\n  // A backend's types arrive with the server entry, which runs after this\n  // module: those fields wait for the first render. A schema's fail here.\n  if (action === undefined) fields()\n\n  const handle = action === undefined\n    ? ((definition as FormDefinition<FormSchema>).handle as (values: Record<string, unknown>) => void | Promise<void>)\n    : async (values: Record<string, unknown>) => void (await (action as (values: Record<string, unknown>) => Promise<unknown>)(values))\n\n  registerForm({\n    name: definition.name,\n    schema,\n    get fields() {\n      return fields()\n    },\n    handle,\n    redirect: definition.redirect ?? null,\n  })\n\n  const theme = definition.theme\n  const submit = definition.submit ?? 'Send'\n  const done = definition.redirect === undefined ? (definition.done ?? 'Thank you. It was sent.') : undefined\n\n  function Form() {\n    return (\n      <theme.PublicForm\n        action={submitForm.bind(null, definition.name)}\n        fields={fields()}\n        submit={submit}\n        {...(done === undefined ? {} : { done })}\n        honeypot={HONEYPOT}\n      />\n    )\n  }\n\n  return {\n    name: definition.name,\n    get fields() {\n      return fields()\n    },\n    Form,\n  }\n}\n\nexport interface PublicFormHandle {\n  name: string\n  fields: Field[]\n  Form: () => ReactNode\n}\n\nexport type PublicForm = PublicFormHandle\n"]}

package/dist/shadcn/public-form.d.ts

@@ -1,8 +0,0 @@
-import type { PublicFormProps } from '../forms/theme.js';
-/**
- * A form anyone may fill in, drawn with the same fields as the panel's: the
- * browser checks each one first, and the server's refusals land under the
- * same fields. Once sent it says so in its place - or the action redirects.
- * No card around it: it sits in the app's own page, which decides that.
- */
-export declare function PublicForm({ action, fields, submit, done, honeypot }: PublicFormProps): import("react").JSX.Element;

package/dist/shadcn/public-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"public-form.js","sourceRoot":"","sources":["../../src/shadcn/public-form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,oBAAoB,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAmB;IACpF,MAAM,IAAI,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAEtC,OAAO,CACL,KAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,YAC5B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;YACpD,IAAI,SAAS,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACpC,OAAO,CACL,aAAG,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,aAC1D,KAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,GAAG,EACvD,IAAI,IACH,CACL,CAAA;YACH,CAAC;YAED,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAA;YAE7D,OAAO,CACL,MAAC,UAAU,eACT,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,EAEvD,6BAAiB,MAAM,EAAC,SAAS,EAAC,iDAAiD,YACjF,gBAAO,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,YAAY,EAAC,KAAK,EAAC,YAAY,EAAC,EAAE,GAAG,GAClF,EACL,SAAS,IAAI,CACZ,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,0BAA0B,YACjD,SAAS,GACR,CACL,EACD,wBACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,YACpC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GACvB,GACL,IACK,CACd,CAAA;QACH,CAAC,GACI,CACR,CAAA;AACH,CAAC","sourcesContent":["'use client'\n\nimport { useRef } from 'react'\nimport Form from '@rsc-kit/core/form'\nimport { CircleCheck } from 'lucide-react'\nimport type { PublicFormProps } from '../forms/theme.js'\nimport { Button } from './components/ui/button.js'\nimport { FieldGroup } from './components/ui/field.js'\nimport { FieldList, useBrowserErrors } from './fields.js'\n\n/**\n * A form anyone may fill in, drawn with the same fields as the panel's: the\n * browser checks each one first, and the server's refusals land under the\n * same fields. Once sent it says so in its place - or the action redirects.\n * No card around it: it sits in the app's own page, which decides that.\n */\nexport function PublicForm({ action, fields, submit, done, honeypot }: PublicFormProps) {\n  const form = useRef<HTMLFormElement>(null)\n  const browser = useBrowserErrors(form)\n\n  return (\n    <Form action={action} ref={form}>\n      {({ pending, error: server, formError, succeeded }) => {\n        if (succeeded && done !== undefined) {\n          return (\n            <p role=\"status\" className=\"flex items-center gap-2 text-sm\">\n              <CircleCheck className=\"size-4 text-muted-foreground\" />\n              {done}\n            </p>\n          )\n        }\n\n        const error = (name: string) => browser[name] ?? server(name)\n\n        return (\n          <FieldGroup>\n            <FieldList fields={fields} values={{}} error={error} />\n            {/* For bots: out of sight, out of the tab order, and not read out. */}\n            <div aria-hidden=\"true\" className=\"absolute -left-[9999px] size-px overflow-hidden\">\n              <input type=\"text\" name={honeypot} tabIndex={-1} autoComplete=\"off\" defaultValue=\"\" />\n            </div>\n            {formError && (\n              <p role=\"alert\" className=\"text-sm text-destructive\">\n                {formError}\n              </p>\n            )}\n            <div>\n              <Button type=\"submit\" disabled={pending}>\n                {pending ? 'Sending…' : submit}\n              </Button>\n            </div>\n          </FieldGroup>\n        )\n      }}\n    </Form>\n  )\n}\n"]}