@brandlab-digital/site-next 3.8.0 → 3.10.0

package/dist/ui-kit/form/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/form/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AACH,OAAO,EAAE,MAAM,EAAkC,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAmBjD,MAAM,UAAU,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAe;IAC7G,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAA;IACjD,MAAM,OAAO,GAAG,GAAG,EAAE,QAAQ,CAAA;IAC7B,OAAO,CACL,MAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,OAAO,EACnB,eAAe,EAAE,QAAQ,KACrB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aACtC,QAAQ,gBACJ,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,SAAS,EAAE,OAAO,EAAE,IAAI,aAExB,kBAAS,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,aAC9B,gBAAQ,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,YACrE,KAAK,GACH,EACL,qBAAY,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,EACrB,0CAA8B,EAAE,YAAE,UAAU,GAAQ,IAC7C,IACL,EACN,iBAAS,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,YAAG,QAAQ,GAAO,IACjC,CAClB,CAAA;AACH,CAAC","sourcesContent":["'use client'\n\n/**\n * `Dialog`: a modal dialog over `HeadlessDialog` (native `<dialog>` with `showModal()`, so the page behind is inert).\n * Its H2 title names it and takes focus when it opens, so a phone keyboard doesn't jump up; Escape and the close\n * button close it and focus returns to the control that opened it. The page doesn't scroll behind it (structure.css).\n */\nimport { useRef, type ReactNode, type RefObject } from 'react'\nimport { HeadlessDialog } from '../../ui-client.js'\nimport { Icon } from '../icons.js'\nimport { slot, type SkinEntry } from '../skin.js'\n\nexport type DialogSlot = 'root' | 'header' | 'title' | 'close' | 'body'\nexport type DialogSkin = SkinEntry<DialogSlot>\n\nexport interface DialogProps extends DialogSkin {\n  /** The dialog's id; its title is `${id}-title`. */\n  readonly id: string\n  readonly open: boolean\n  readonly onClose: () => void\n  /** The H2 that names the dialog, for example \"Get a free quote\". */\n  readonly title: string\n  /** The close button's accessible name, for example \"Close\". */\n  readonly closeLabel: string\n  /** Where focus returns on close; by default the element focused when it opened. */\n  readonly returnFocusRef?: RefObject<HTMLElement | null> | undefined\n  readonly children: ReactNode\n}\n\nexport function Dialog({ id, open, onClose, title, closeLabel, returnFocusRef, classes, children }: DialogProps) {\n  const titleRef = useRef<HTMLHeadingElement>(null)\n  const titleId = `${id}-title`\n  return (\n    <HeadlessDialog\n      id={id}\n      open={open}\n      onClose={onClose}\n      labelledBy={titleId}\n      initialFocusRef={titleRef}\n      {...(returnFocusRef ? { returnFocusRef } : {})}\n      data-bl=\"dialog\"\n      data-state={open ? 'open' : 'closed'}\n      className={classes?.root}\n    >\n      <div {...slot(classes, 'header')}>\n        <h2 {...slot(classes, 'title')} id={titleId} ref={titleRef} tabIndex={-1}>\n          {title}\n        </h2>\n        <button {...slot(classes, 'close')} type=\"button\" onClick={onClose}>\n          <Icon name=\"close\" />\n          <span data-bl-visually-hidden=\"\">{closeLabel}</span>\n        </button>\n      </div>\n      <div {...slot(classes, 'body')}>{children}</div>\n    </HeadlessDialog>\n  )\n}\n"]}

package/dist/ui-kit/form/field.d.ts

@@ -0,0 +1,30 @@
+/**
+ * `Field`: one labelled control over `HeadlessField`. The label sits above the control; a description and an error
+ * are wired to it with `aria-describedby`, the error is `role="alert"` and the control gets `aria-invalid` while it
+ * has one. A required control carries `required` and `aria-required`, never a visible "(required)". Server-safe: it
+ * holds no state, so it works in server and client components alike.
+ */
+import type { ReactNode } from 'react';
+import type { SkinEntry } from '../skin.js';
+export type FieldSlot = 'field' | 'label' | 'description' | 'error';
+export type FieldSkin = SkinEntry<FieldSlot>;
+/** Spread onto the control (`input`, `select`, `textarea` or a file input). */
+export interface FieldControlProps {
+    readonly id: string;
+    readonly required: boolean;
+    readonly 'aria-required': true | undefined;
+    readonly 'aria-invalid': true | undefined;
+    readonly 'aria-describedby': string | undefined;
+}
+export interface FieldProps extends FieldSkin {
+    /** The control's id; the description and error ids are `${id}-description` and `${id}-error`. */
+    readonly id: string;
+    readonly label: string;
+    readonly description?: string | undefined;
+    /** The error message, shown only once there is one (after a submit attempt). */
+    readonly error?: string | undefined;
+    readonly required?: boolean;
+    readonly children: (control: FieldControlProps) => ReactNode;
+}
+export declare function Field({ id, label, description, error, required, classes, children }: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

package/dist/ui-kit/form/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/form/field.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CAAA;AACnE,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,CAAA;AAE5C,+EAA+E;AAC/E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAA;IAC1C,QAAQ,CAAC,cAAc,EAAE,IAAI,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAA;CAChD;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,iGAAiG;IACjG,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzC,gFAAgF;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,SAAS,CAAA;CAC7D;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAsBvG"}

package/dist/ui-kit/form/field.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HeadlessField } from '../../ui.js';
+export function Field({ id, label, description, error, required = false, classes, children }) {
+    return (_jsx(HeadlessField, { id: id, label: label, description: description, error: error, required: required, className: classes?.field, labelClassName: classes?.label, descriptionClassName: classes?.description, errorClassName: classes?.error, dataAttributes: {
+            field: { 'data-bl': 'field', 'data-slot': 'field' },
+            label: { 'data-slot': 'label' },
+            description: { 'data-slot': 'description' },
+            error: { 'data-slot': 'error' },
+        }, children: (control) => children({ ...control, 'aria-required': required ? true : undefined }) }));
+}
+//# sourceMappingURL=field.js.map

package/dist/ui-kit/form/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/ui-kit/form/field.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AA0B3C,MAAM,UAAU,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAc;IACtG,OAAO,CACL,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,EAAE,KAAK,EACzB,cAAc,EAAE,OAAO,EAAE,KAAK,EAC9B,oBAAoB,EAAE,OAAO,EAAE,WAAW,EAC1C,cAAc,EAAE,OAAO,EAAE,KAAK,EAC9B,cAAc,EAAE;YACd,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE;YACnD,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE;YAC/B,WAAW,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE;YAC3C,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE;SAChC,YAEA,CAAC,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,OAAO,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,GACtE,CACjB,CAAA;AACH,CAAC","sourcesContent":["/**\n * `Field`: one labelled control over `HeadlessField`. The label sits above the control; a description and an error\n * are wired to it with `aria-describedby`, the error is `role=\"alert\"` and the control gets `aria-invalid` while it\n * has one. A required control carries `required` and `aria-required`, never a visible \"(required)\". Server-safe: it\n * holds no state, so it works in server and client components alike.\n */\nimport type { ReactNode } from 'react'\nimport { HeadlessField } from '../../ui.js'\nimport type { SkinEntry } from '../skin.js'\n\nexport type FieldSlot = 'field' | 'label' | 'description' | 'error'\nexport type FieldSkin = SkinEntry<FieldSlot>\n\n/** Spread onto the control (`input`, `select`, `textarea` or a file input). */\nexport interface FieldControlProps {\n  readonly id: string\n  readonly required: boolean\n  readonly 'aria-required': true | undefined\n  readonly 'aria-invalid': true | undefined\n  readonly 'aria-describedby': string | undefined\n}\n\nexport interface FieldProps extends FieldSkin {\n  /** The control's id; the description and error ids are `${id}-description` and `${id}-error`. */\n  readonly id: string\n  readonly label: string\n  readonly description?: string | undefined\n  /** The error message, shown only once there is one (after a submit attempt). */\n  readonly error?: string | undefined\n  readonly required?: boolean\n  readonly children: (control: FieldControlProps) => ReactNode\n}\n\nexport function Field({ id, label, description, error, required = false, classes, children }: FieldProps) {\n  return (\n    <HeadlessField\n      id={id}\n      label={label}\n      description={description}\n      error={error}\n      required={required}\n      className={classes?.field}\n      labelClassName={classes?.label}\n      descriptionClassName={classes?.description}\n      errorClassName={classes?.error}\n      dataAttributes={{\n        field: { 'data-bl': 'field', 'data-slot': 'field' },\n        label: { 'data-slot': 'label' },\n        description: { 'data-slot': 'description' },\n        error: { 'data-slot': 'error' },\n      }}\n    >\n      {(control) => children({ ...control, 'aria-required': required ? true : undefined })}\n    </HeadlessField>\n  )\n}\n"]}

package/dist/ui-kit/form/index.d.ts

@@ -0,0 +1,7 @@
+export { QUOTE_FORM_PLACEMENTS, QUOTE_FORM_PLACEMENT_VARIANTS, QUOTE_FORM_VARIANTS, QuoteForm, createQuoteForm, type BoundQuoteDialogProps, type BoundQuoteForm, type BoundQuoteFormProps, type CreateQuoteFormOptions, type QuoteFormCopy, type QuoteFormLayout, type QuoteFormPlacement, type QuoteFormProps, type QuoteFormSkin, type QuoteFormSlot, type QuoteFormVariant, } from './quote-form.js';
+export { QuoteDialog, type QuoteDialogProps, type QuoteDialogSkin } from './quote-dialog.js';
+export { PhotoUpload, type PhotoUploadProps, type PhotoUploadSkin, type PhotoUploadSlot } from './photo-upload.js';
+export { Dialog, type DialogProps, type DialogSkin, type DialogSlot } from './dialog.js';
+export { Field, type FieldControlProps, type FieldProps, type FieldSkin, type FieldSlot } from './field.js';
+export { THANK_YOU_DEFAULT_REPLY_TIME, ThankYou, thankYouMetadata, type ThankYouProps, type ThankYouSkin, type ThankYouSlot, } from './thank-you.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui-kit/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,6BAA6B,EAC7B,mBAAmB,EACnB,SAAS,EACT,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,gBAAgB,GACtB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC5F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAClH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAA;AACxF,OAAO,EAAE,KAAK,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAC3G,OAAO,EACL,4BAA4B,EAC5B,QAAQ,EACR,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,gBAAgB,CAAA"}

package/dist/ui-kit/form/index.js

@@ -0,0 +1,7 @@
+export { QUOTE_FORM_PLACEMENTS, QUOTE_FORM_PLACEMENT_VARIANTS, QUOTE_FORM_VARIANTS, QuoteForm, createQuoteForm, } from './quote-form.js';
+export { QuoteDialog } from './quote-dialog.js';
+export { PhotoUpload } from './photo-upload.js';
+export { Dialog } from './dialog.js';
+export { Field } from './field.js';
+export { THANK_YOU_DEFAULT_REPLY_TIME, ThankYou, thankYouMetadata, } from './thank-you.js';
+//# sourceMappingURL=index.js.map

package/dist/ui-kit/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui-kit/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,6BAA6B,EAC7B,mBAAmB,EACnB,SAAS,EACT,eAAe,GAYhB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAA+C,MAAM,mBAAmB,CAAA;AAC5F,OAAO,EAAE,WAAW,EAAqE,MAAM,mBAAmB,CAAA;AAClH,OAAO,EAAE,MAAM,EAAsD,MAAM,aAAa,CAAA;AACxF,OAAO,EAAE,KAAK,EAA2E,MAAM,YAAY,CAAA;AAC3G,OAAO,EACL,4BAA4B,EAC5B,QAAQ,EACR,gBAAgB,GAIjB,MAAM,gBAAgB,CAAA","sourcesContent":["export {\n  QUOTE_FORM_PLACEMENTS,\n  QUOTE_FORM_PLACEMENT_VARIANTS,\n  QUOTE_FORM_VARIANTS,\n  QuoteForm,\n  createQuoteForm,\n  type BoundQuoteDialogProps,\n  type BoundQuoteForm,\n  type BoundQuoteFormProps,\n  type CreateQuoteFormOptions,\n  type QuoteFormCopy,\n  type QuoteFormLayout,\n  type QuoteFormPlacement,\n  type QuoteFormProps,\n  type QuoteFormSkin,\n  type QuoteFormSlot,\n  type QuoteFormVariant,\n} from './quote-form.js'\nexport { QuoteDialog, type QuoteDialogProps, type QuoteDialogSkin } from './quote-dialog.js'\nexport { PhotoUpload, type PhotoUploadProps, type PhotoUploadSkin, type PhotoUploadSlot } from './photo-upload.js'\nexport { Dialog, type DialogProps, type DialogSkin, type DialogSlot } from './dialog.js'\nexport { Field, type FieldControlProps, type FieldProps, type FieldSkin, type FieldSlot } from './field.js'\nexport {\n  THANK_YOU_DEFAULT_REPLY_TIME,\n  ThankYou,\n  thankYouMetadata,\n  type ThankYouProps,\n  type ThankYouSkin,\n  type ThankYouSlot,\n} from './thank-you.js'\n"]}

package/dist/ui-kit/form/photo-upload.d.ts

@@ -0,0 +1,37 @@
+/**
+ * `PhotoUpload`: the "Add photos" drop box over the shared photo preparation (`useBrandlabContactAttachments`). A
+ * real file input, visually hidden but focusable, so the keyboard opens the picker with Enter or Space; the whole
+ * box is its label and a drop target. `accept="image/*"` and never a `capture` attribute, so phones offer the
+ * library as well as the camera. The "0 of 5" counter is a `HeadlessStatus`, so each change is announced. Chosen
+ * photos show as thumbnails with a remove button each.
+ */
+import type { BrandlabContactAttachmentErrorReason, UseBrandlabContactAttachmentsResult } from '../../contact/attachments-client.js';
+import { type SkinEntry } from '../skin.js';
+export type PhotoUploadSlot = 'field' | 'label' | 'drop' | 'dropIcon' | 'counter' | 'photos' | 'photo' | 'thumb' | 'remove' | 'error';
+export type PhotoUploadSkin = SkinEntry<PhotoUploadSlot>;
+export interface PhotoUploadProps extends PhotoUploadSkin {
+    /** The file input's id. */
+    readonly id: string;
+    /** The drop box's label, for example "Add photos". */
+    readonly label: string;
+    /** The prepared photos, from `useBrandlabContactForm().attachments` or `useBrandlabContactAttachments()`. */
+    readonly attachments: UseBrandlabContactAttachmentsResult;
+    /** The counter, with `{count}` and `{max}`, for example "{count} of {max}". */
+    readonly counter: string;
+    /** Each remove button's name, with `{number}`, for example "Remove photo {number}". */
+    readonly removeLabel: string;
+    /** `image/*` by default; `image/*,application/pdf` where the contract takes PDFs. */
+    readonly accept?: string;
+    /**
+     * The site's message for each reason a photo is refused (`count` may use `{max}`). Without them the shared photo
+     * preparation's own wording shows.
+     */
+    readonly errorMessages?: Readonly<Record<BrandlabContactAttachmentErrorReason, string>> | undefined;
+    /** A form-level message, for example when photos are required. A refused photo's message wins. */
+    readonly error?: string | undefined;
+    readonly required?: boolean;
+    /** Locks the box while an enquiry is sending. */
+    readonly disabled?: boolean;
+}
+export declare function PhotoUpload({ id, label, attachments, counter, removeLabel, accept, errorMessages, error, required, disabled, classes, }: PhotoUploadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=photo-upload.d.ts.map

package/dist/ui-kit/form/photo-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"photo-upload.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/form/photo-upload.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,KAAK,EACV,oCAAoC,EACpC,mCAAmC,EACpC,MAAM,qCAAqC,CAAA;AAG5C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AAGjD,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,CAAA;AACX,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,eAAe,CAAC,CAAA;AAExD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,6GAA6G;IAC7G,QAAQ,CAAC,WAAW,EAAE,mCAAmC,CAAA;IACzD,+EAA+E;IAC/E,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,uFAAuF;IACvF,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,qFAAqF;IACrF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,oCAAoC,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAA;IACnG,kGAAkG;IAClG,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAW,EACX,MAAkB,EAClB,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAO,GACR,EAAE,gBAAgB,2CAgElB"}

package/dist/ui-kit/form/photo-upload.js

@@ -0,0 +1,19 @@
+'use client';
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HeadlessStatus } from '../../ui.js';
+import { Icon } from '../icons.js';
+import { slot } from '../skin.js';
+import { fillCopy } from './copy.js';
+export function PhotoUpload({ id, label, attachments, counter, removeLabel, accept = 'image/*', errorMessages, error, required = false, disabled = false, classes, }) {
+    const counterId = `${id}-count`;
+    const errorId = `${id}-error`;
+    const reason = attachments.errorReason;
+    const refused = reason && errorMessages ? fillCopy(errorMessages[reason], { max: attachments.maxImages }) : attachments.errorMessage;
+    const message = refused ?? error;
+    const state = attachments.isProcessing ? 'busy' : attachments.isDragging ? 'dragging' : 'idle';
+    return (_jsxs("div", { "data-bl": "photo-upload", ...slot(classes, 'field'), children: [_jsxs("div", { ...slot(classes, 'drop'), "data-state": state, "data-disabled": disabled ? 'true' : undefined, onDragOver: disabled ? undefined : attachments.handleDragOver, onDragLeave: disabled ? undefined : attachments.handleDragLeave, onDrop: disabled ? undefined : (event) => void attachments.handleDrop(event), children: [_jsx("input", { id: id, type: "file", accept: accept, multiple: true, disabled: disabled, "aria-required": required ? true : undefined, "aria-invalid": message ? true : undefined, "aria-describedby": [counterId, message ? errorId : undefined].filter(Boolean).join(' '), "data-bl-visually-hidden": "", onChange: (event) => void attachments.handleImageChange(event) }), _jsxs("label", { ...slot(classes, 'label'), htmlFor: id, children: [_jsx("span", { ...slot(classes, 'dropIcon'), children: _jsx(Icon, { name: "camera" }) }), _jsx("span", { children: label })] }), _jsx(HeadlessStatus, { ...slot(classes, 'counter'), id: counterId, children: fillCopy(counter, { count: attachments.images.length, max: attachments.maxImages }) })] }), attachments.images.length > 0 ? (_jsx("ul", { ...slot(classes, 'photos'), children: attachments.images.map((image, index) => (_createElement("li", { ...slot(classes, 'photo'), key: image.preview },
+                    _jsx("img", { ...slot(classes, 'thumb'), src: image.preview, alt: "", width: 64, height: 64 }),
+                    _jsxs("button", { ...slot(classes, 'remove'), type: "button", disabled: disabled, onClick: () => attachments.removeImage(index), children: [_jsx(Icon, { name: "close" }), _jsx("span", { "data-bl-visually-hidden": "", children: fillCopy(removeLabel, { number: index + 1 }) })] })))) })) : null, message ? (_jsx("div", { ...slot(classes, 'error'), id: errorId, role: "alert", children: message })) : null] }));
+}
+//# sourceMappingURL=photo-upload.js.map

package/dist/ui-kit/form/photo-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"photo-upload.js","sourceRoot":"","sources":["../../../src/ui-kit/form/photo-upload.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\n/**\n * `PhotoUpload`: the \"Add photos\" drop box over the shared photo preparation (`useBrandlabContactAttachments`). A\n * real file input, visually hidden but focusable, so the keyboard opens the picker with Enter or Space; the whole\n * box is its label and a drop target. `accept=\"image/*\"` and never a `capture` attribute, so phones offer the\n * library as well as the camera. The \"0 of 5\" counter is a `HeadlessStatus`, so each change is announced. Chosen\n * photos show as thumbnails with a remove button each.\n */\nimport type {\n  BrandlabContactAttachmentErrorReason,\n  UseBrandlabContactAttachmentsResult,\n} from '../../contact/attachments-client.js'\nimport { HeadlessStatus } from '../../ui.js'\nimport { Icon } from '../icons.js'\nimport { slot, type SkinEntry } from '../skin.js'\nimport { fillCopy } from './copy.js'\n\nexport type PhotoUploadSlot =\n  | 'field'\n  | 'label'\n  | 'drop'\n  | 'dropIcon'\n  | 'counter'\n  | 'photos'\n  | 'photo'\n  | 'thumb'\n  | 'remove'\n  | 'error'\nexport type PhotoUploadSkin = SkinEntry<PhotoUploadSlot>\n\nexport interface PhotoUploadProps extends PhotoUploadSkin {\n  /** The file input's id. */\n  readonly id: string\n  /** The drop box's label, for example \"Add photos\". */\n  readonly label: string\n  /** The prepared photos, from `useBrandlabContactForm().attachments` or `useBrandlabContactAttachments()`. */\n  readonly attachments: UseBrandlabContactAttachmentsResult\n  /** The counter, with `{count}` and `{max}`, for example \"{count} of {max}\". */\n  readonly counter: string\n  /** Each remove button's name, with `{number}`, for example \"Remove photo {number}\". */\n  readonly removeLabel: string\n  /** `image/*` by default; `image/*,application/pdf` where the contract takes PDFs. */\n  readonly accept?: string\n  /**\n   * The site's message for each reason a photo is refused (`count` may use `{max}`). Without them the shared photo\n   * preparation's own wording shows.\n   */\n  readonly errorMessages?: Readonly<Record<BrandlabContactAttachmentErrorReason, string>> | undefined\n  /** A form-level message, for example when photos are required. A refused photo's message wins. */\n  readonly error?: string | undefined\n  readonly required?: boolean\n  /** Locks the box while an enquiry is sending. */\n  readonly disabled?: boolean\n}\n\nexport function PhotoUpload({\n  id,\n  label,\n  attachments,\n  counter,\n  removeLabel,\n  accept = 'image/*',\n  errorMessages,\n  error,\n  required = false,\n  disabled = false,\n  classes,\n}: PhotoUploadProps) {\n  const counterId = `${id}-count`\n  const errorId = `${id}-error`\n  const reason = attachments.errorReason\n  const refused = reason && errorMessages ? fillCopy(errorMessages[reason], { max: attachments.maxImages }) : attachments.errorMessage\n  const message = refused ?? error\n  const state = attachments.isProcessing ? 'busy' : attachments.isDragging ? 'dragging' : 'idle'\n  return (\n    <div data-bl=\"photo-upload\" {...slot(classes, 'field')}>\n      <div\n        {...slot(classes, 'drop')}\n        data-state={state}\n        data-disabled={disabled ? 'true' : undefined}\n        onDragOver={disabled ? undefined : attachments.handleDragOver}\n        onDragLeave={disabled ? undefined : attachments.handleDragLeave}\n        onDrop={disabled ? undefined : (event) => void attachments.handleDrop(event)}\n      >\n        <input\n          id={id}\n          type=\"file\"\n          accept={accept}\n          multiple\n          disabled={disabled}\n          aria-required={required ? true : undefined}\n          aria-invalid={message ? true : undefined}\n          aria-describedby={[counterId, message ? errorId : undefined].filter(Boolean).join(' ')}\n          data-bl-visually-hidden=\"\"\n          onChange={(event) => void attachments.handleImageChange(event)}\n        />\n        <label {...slot(classes, 'label')} htmlFor={id}>\n          <span {...slot(classes, 'dropIcon')}>\n            <Icon name=\"camera\" />\n          </span>\n          <span>{label}</span>\n        </label>\n        <HeadlessStatus {...slot(classes, 'counter')} id={counterId}>\n          {fillCopy(counter, { count: attachments.images.length, max: attachments.maxImages })}\n        </HeadlessStatus>\n      </div>\n      {attachments.images.length > 0 ? (\n        <ul {...slot(classes, 'photos')}>\n          {attachments.images.map((image, index) => (\n            <li {...slot(classes, 'photo')} key={image.preview}>\n              <img {...slot(classes, 'thumb')} src={image.preview} alt=\"\" width={64} height={64} />\n              <button\n                {...slot(classes, 'remove')}\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => attachments.removeImage(index)}\n              >\n                <Icon name=\"close\" />\n                <span data-bl-visually-hidden=\"\">{fillCopy(removeLabel, { number: index + 1 })}</span>\n              </button>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n      {message ? (\n        <div {...slot(classes, 'error')} id={errorId} role=\"alert\">\n          {message}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"]}

package/dist/ui-kit/form/quote-dialog.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import { type DialogSkin } from './dialog.js';
+export type QuoteDialogSkin = DialogSkin;
+export interface QuoteDialogProps extends QuoteDialogSkin {
+    /** The dialog's H2, for example "Get a free quote". */
+    readonly title: string;
+    /** The close button's accessible name, for example "Close". */
+    readonly closeLabel: string;
+    /** The dialog's id (default `quote-dialog-panel`; the form inside is `quote-dialog`). */
+    readonly id?: string;
+    /** The form, rendered once the dialog first opens. */
+    readonly children: ReactNode;
+}
+export declare function QuoteDialog({ title, closeLabel, id, classes, children }: QuoteDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quote-dialog.d.ts.map

package/dist/ui-kit/form/quote-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-dialog.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/form/quote-dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAA;AAExC,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,uDAAuD;IACvD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B;AA0BD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAyB,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAwChH"}

package/dist/ui-kit/form/quote-dialog.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `QuoteDialog`: the quote form in a modal `Dialog`, opened by any `QuoteButton` (`[data-bl="quote-button"]`) on the
+ * page through one delegated click listener while the dialog is mounted. On the page the button links to (the form's
+ * own page, for example `/contact`) the link keeps its default and scrolls to the form. Without scripts every button
+ * stays a plain link to the form. The form mounts on the first open and stays mounted, so typed values survive
+ * closing and reopening; focus returns to the button that opened it. A client navigation (the consent link, for
+ * example) closes it.
+ */
+import { usePathname } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
+import { Dialog } from './dialog.js';
+function samePath(left, right) {
+    const trim = (path) => path.replace(/\/+$/, '') || '/';
+    return trim(left) === trim(right);
+}
+/** The quote button a click landed on, when the click should open the dialog. */
+function quoteButtonFor(event) {
+    if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+        return undefined;
+    }
+    const target = event.target instanceof Element ? event.target.closest('a[data-bl="quote-button"]') : null;
+    if (!(target instanceof HTMLAnchorElement) || (target.target && target.target !== '_self'))
+        return undefined;
+    let url;
+    try {
+        url = new URL(target.href, window.location.href);
+    }
+    catch {
+        return undefined;
+    }
+    if (url.origin !== window.location.origin)
+        return undefined;
+    // On the form's own page the link scrolls to the form instead.
+    if (samePath(url.pathname, window.location.pathname))
+        return undefined;
+    return target;
+}
+export function QuoteDialog({ title, closeLabel, id = 'quote-dialog-panel', classes, children }) {
+    const [open, setOpen] = useState(false);
+    const [mounted, setMounted] = useState(false);
+    const returnFocusRef = useRef(null);
+    const pathname = usePathname();
+    const shownPath = useRef(pathname);
+    useEffect(() => {
+        if (shownPath.current === pathname)
+            return;
+        shownPath.current = pathname;
+        setOpen(false);
+    }, [pathname]);
+    useEffect(() => {
+        // Capture phase: decided before a framework link handler starts a client navigation.
+        const onClick = (event) => {
+            const button = quoteButtonFor(event);
+            if (!button)
+                return;
+            event.preventDefault();
+            returnFocusRef.current = button;
+            setMounted(true);
+            setOpen(true);
+        };
+        document.addEventListener('click', onClick, true);
+        return () => document.removeEventListener('click', onClick, true);
+    }, []);
+    return (_jsx(Dialog, { id: id, open: open, onClose: () => setOpen(false), title: title, closeLabel: closeLabel, returnFocusRef: returnFocusRef, classes: classes, children: mounted ? children : null }));
+}
+//# sourceMappingURL=quote-dialog.js.map

package/dist/ui-kit/form/quote-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/form/quote-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\n/**\n * `QuoteDialog`: the quote form in a modal `Dialog`, opened by any `QuoteButton` (`[data-bl=\"quote-button\"]`) on the\n * page through one delegated click listener while the dialog is mounted. On the page the button links to (the form's\n * own page, for example `/contact`) the link keeps its default and scrolls to the form. Without scripts every button\n * stays a plain link to the form. The form mounts on the first open and stays mounted, so typed values survive\n * closing and reopening; focus returns to the button that opened it. A client navigation (the consent link, for\n * example) closes it.\n */\nimport { usePathname } from 'next/navigation'\nimport { useEffect, useRef, useState, type ReactNode } from 'react'\nimport { Dialog, type DialogSkin } from './dialog.js'\n\nexport type QuoteDialogSkin = DialogSkin\n\nexport interface QuoteDialogProps extends QuoteDialogSkin {\n  /** The dialog's H2, for example \"Get a free quote\". */\n  readonly title: string\n  /** The close button's accessible name, for example \"Close\". */\n  readonly closeLabel: string\n  /** The dialog's id (default `quote-dialog-panel`; the form inside is `quote-dialog`). */\n  readonly id?: string\n  /** The form, rendered once the dialog first opens. */\n  readonly children: ReactNode\n}\n\nfunction samePath(left: string, right: string) {\n  const trim = (path: string) => path.replace(/\\/+$/, '') || '/'\n  return trim(left) === trim(right)\n}\n\n/** The quote button a click landed on, when the click should open the dialog. */\nfunction quoteButtonFor(event: MouseEvent): HTMLAnchorElement | undefined {\n  if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n    return undefined\n  }\n  const target = event.target instanceof Element ? event.target.closest('a[data-bl=\"quote-button\"]') : null\n  if (!(target instanceof HTMLAnchorElement) || (target.target && target.target !== '_self')) return undefined\n  let url: URL\n  try {\n    url = new URL(target.href, window.location.href)\n  } catch {\n    return undefined\n  }\n  if (url.origin !== window.location.origin) return undefined\n  // On the form's own page the link scrolls to the form instead.\n  if (samePath(url.pathname, window.location.pathname)) return undefined\n  return target\n}\n\nexport function QuoteDialog({ title, closeLabel, id = 'quote-dialog-panel', classes, children }: QuoteDialogProps) {\n  const [open, setOpen] = useState(false)\n  const [mounted, setMounted] = useState(false)\n  const returnFocusRef = useRef<HTMLElement | null>(null)\n  const pathname = usePathname()\n  const shownPath = useRef(pathname)\n\n  useEffect(() => {\n    if (shownPath.current === pathname) return\n    shownPath.current = pathname\n    setOpen(false)\n  }, [pathname])\n\n  useEffect(() => {\n    // Capture phase: decided before a framework link handler starts a client navigation.\n    const onClick = (event: MouseEvent) => {\n      const button = quoteButtonFor(event)\n      if (!button) return\n      event.preventDefault()\n      returnFocusRef.current = button\n      setMounted(true)\n      setOpen(true)\n    }\n    document.addEventListener('click', onClick, true)\n    return () => document.removeEventListener('click', onClick, true)\n  }, [])\n\n  return (\n    <Dialog\n      id={id}\n      open={open}\n      onClose={() => setOpen(false)}\n      title={title}\n      closeLabel={closeLabel}\n      returnFocusRef={returnFocusRef}\n      classes={classes}\n    >\n      {mounted ? children : null}\n    </Dialog>\n  )\n}\n"]}

package/dist/ui-kit/form/quote-form.d.ts

@@ -0,0 +1,165 @@
+/**
+ * `QuoteForm`: the one enquiry form for the hero, the quote dialog, the contact page and cost guides, on the shared
+ * contact runtime (`useBrandlabContactForm`, `POST /api/contact`, photo preparation, idempotent retries).
+ *
+ * Locked layout (F8): Name · Suburb; Phone · Email, both required; the message ("How can we help?"), 5 rows; the
+ * "Add photos" drop box with its "0 of 5" counter; the button; then one consent line linking the privacy policy. One
+ * column below 640 px. No job select, no "(required)", no helper or reassurance lines: every label and message is
+ * the site's copy. Errors appear only after a submit attempt, as a summary plus a message under each field; every
+ * typed value and chosen photo is kept on any error. The button stays disabled until the page has hydrated and is
+ * locked with a busy label while photos are prepared or the enquiry sends. An accepted enquiry sends one
+ * `contact_form` (with `has_photos`) and opens the thank-you page.
+ *
+ * `contract` and `analytics` can't cross from a server component, so a site binds them once with `createQuoteForm`
+ * in its own `'use client'` file and renders the bound `QuoteForm` and `QuoteDialog` from its pages.
+ */
+import { type BrandlabContactContract, type ContactAttachmentPolicy } from '@brandlab-digital/site-core/contact';
+import { type JSX } from 'react';
+import type { BrandlabAnalytics } from '../../analytics.js';
+import type { BrandlabContactAttachmentErrorReason, UseBrandlabContactAttachmentsOptions } from '../../contact/attachments-client.js';
+import { type SkinEntry } from '../skin.js';
+import { type QuoteDialogSkin } from './quote-dialog.js';
+export declare const QUOTE_FORM_VARIANTS: readonly ["card", "plain", "inline"];
+export type QuoteFormVariant = (typeof QUOTE_FORM_VARIANTS)[number];
+/** The form's id and its lead diagnostics' `form_id`, one per placement. */
+export declare const QUOTE_FORM_PLACEMENTS: readonly ["quote-hero", "quote-dialog", "contact", "guide"];
+export type QuoteFormPlacement = (typeof QUOTE_FORM_PLACEMENTS)[number];
+/** The variant each placement takes unless the skin names one: the hero aside, the dialog and contact page, a guide. */
+export declare const QUOTE_FORM_PLACEMENT_VARIANTS: Readonly<Record<QuoteFormPlacement, QuoteFormVariant>>;
+export type QuoteFormSlot = 'root' | 'row' | 'field' | 'label' | 'input' | 'textarea' | 'drop' | 'dropIcon' | 'counter' | 'photos' | 'photo' | 'thumb' | 'remove' | 'submit' | 'consent' | 'errorSummary' | 'error' | 'status';
+/** Labels always sit above their fields; density sets the spacing. */
+export interface QuoteFormLayout {
+    readonly density?: 'comfortable' | 'compact';
+}
+export type QuoteFormSkin = SkinEntry<QuoteFormSlot, QuoteFormVariant, QuoteFormLayout>;
+/** Every visible phrase of the form, in the site's Australian English. */
+export interface QuoteFormCopy {
+    readonly labels: {
+        readonly name: string;
+        readonly suburb: string;
+        readonly phone: string;
+        readonly email: string;
+        /** For example "How can we help?". */
+        readonly message: string;
+        /** For example "Add photos". */
+        readonly photos: string;
+    };
+    /** The message placeholder, for example "Tell us about your project". */
+    readonly messagePlaceholder: string;
+    /** The site's recorded button label, for example "Get my free quote". */
+    readonly submit: string;
+    /** Busy labels: "Sending…", "Sending photos…" and "Preparing photos…". */
+    readonly sending: string;
+    readonly sendingPhotos: string;
+    readonly preparingPhotos: string;
+    /** The photo counter with `{count}` and `{max}`, for example "{count} of {max}". */
+    readonly photoCount: string;
+    /** Each remove button's name with `{number}`, for example "Remove photo {number}". */
+    readonly removePhoto: string;
+    /** The one consent line: the sentence, the words in it that link, and the privacy policy's path. */
+    readonly consent: {
+        readonly sentence: string;
+        readonly linkText: string;
+        readonly href: string;
+    };
+    /** The error summary's heading, for example "Please check these details". */
+    readonly errorSummary: string;
+    /** A message under each field after a submit attempt. `photos` is needed only when photos are required. */
+    readonly errors: {
+        readonly name: string;
+        readonly suburb: string;
+        readonly phone: string;
+        readonly phoneFormat: string;
+        readonly email: string;
+        readonly emailFormat: string;
+        readonly message: string;
+        readonly photos?: string;
+    };
+    /**
+     * Why a chosen photo was refused: not an image type, too large, all photos together too large, more than the
+     * limit (`{max}` allowed), or it couldn't be prepared (an iPhone photo that wouldn't convert). Needed when the
+     * contract takes photos.
+     */
+    readonly photoErrors?: Readonly<Record<BrandlabContactAttachmentErrorReason, string>>;
+    /** Shown when sending fails: the photos were refused, or anything else (say how to call instead). */
+    readonly failed: {
+        readonly attachment: string;
+        readonly general: string;
+    };
+}
+export interface QuoteFormProps extends QuoteFormSkin {
+    readonly formId: QuoteFormPlacement;
+    /** The contact contract from src/config/contact.ts. */
+    readonly contract: BrandlabContactContract;
+    /** The site's defineBrandlabAnalytics binding. */
+    readonly analytics?: BrandlabAnalytics | undefined;
+    /** Photo limits; the contract's attachment mode decides the default. */
+    readonly attachmentPolicy?: ContactAttachmentPolicy | undefined;
+    /** The thank-you page opened after an accepted enquiry, for example `/thank-you`. */
+    readonly redirectTo: string;
+    readonly copy: QuoteFormCopy;
+    /** The enquiry email's page row, for example "Contact". */
+    readonly pageLabel?: string | undefined;
+    /** The runtime's honeypot field (default `website`). */
+    readonly honeypotField?: string | undefined;
+    /** The contact endpoint (default `/api/contact`). */
+    readonly contactEndpoint?: string | undefined;
+    /** Client navigation to the thank-you page, for example `router.push`; a full page load by default. */
+    readonly navigate?: ((href: string) => void) | undefined;
+    /** Test seams: a fetch implementation and the photo preparation's options. */
+    readonly fetcher?: typeof fetch | undefined;
+    readonly attachmentOptions?: Omit<UseBrandlabContactAttachmentsOptions, 'policy'> | undefined;
+}
+export declare function QuoteForm({ formId, contract, analytics, attachmentPolicy, redirectTo, copy, pageLabel, honeypotField, contactEndpoint, navigate, fetcher, attachmentOptions, variant, layout, classes, }: QuoteFormProps): import("react/jsx-runtime").JSX.Element;
+export interface CreateQuoteFormOptions {
+    readonly contract: BrandlabContactContract;
+    readonly analytics?: BrandlabAnalytics | undefined;
+    readonly attachmentPolicy?: ContactAttachmentPolicy | undefined;
+    /** The thank-you page, for example `/thank-you`. */
+    readonly redirectTo: string;
+    readonly copy: QuoteFormCopy;
+    /** The site's quote form skin; leave `variant` unset so each placement takes its own. */
+    readonly skin?: QuoteFormSkin | undefined;
+    /** The quote dialog's skin. */
+    readonly dialogSkin?: QuoteDialogSkin | undefined;
+    readonly honeypotField?: string | undefined;
+    readonly contactEndpoint?: string | undefined;
+    readonly navigate?: ((href: string) => void) | undefined;
+    readonly fetcher?: typeof fetch | undefined;
+    readonly attachmentOptions?: Omit<UseBrandlabContactAttachmentsOptions, 'policy'> | undefined;
+}
+/** What a page passes to the bound form: plain data, so a server component can render it. */
+export interface BoundQuoteFormProps {
+    readonly formId: QuoteFormPlacement;
+    readonly pageLabel?: string;
+    /** This placement's own placeholder, for example on a cost guide. */
+    readonly messagePlaceholder?: string;
+    readonly layout?: QuoteFormLayout;
+}
+export interface BoundQuoteDialogProps {
+    /** The dialog's H2, for example "Get a free quote". */
+    readonly title: string;
+    /** The close button's accessible name, for example "Close". */
+    readonly closeLabel: string;
+    readonly pageLabel?: string;
+    readonly messagePlaceholder?: string;
+}
+export interface BoundQuoteForm {
+    readonly QuoteForm: (props: BoundQuoteFormProps) => JSX.Element;
+    readonly QuoteDialog: (props: BoundQuoteDialogProps) => JSX.Element;
+}
+/**
+ * Binds the form to the site's contract, analytics, photo policy, thank-you page, copy and skin. Call it once in the
+ * site's own `'use client'` file (`src/site/quote-form.tsx`) and export the two components:
+ *
+ * ```tsx
+ * 'use client'
+ * const quote = createQuoteForm({ contract: contactContract, analytics, redirectTo: '/thank-you', copy, skin: skin.quoteForm })
+ * export const QuoteForm = quote.QuoteForm
+ * export const QuoteDialog = quote.QuoteDialog
+ * ```
+ *
+ * It checks the contract and copy when the module loads, so a form that couldn't send fails the build instead.
+ */
+export declare function createQuoteForm(options: CreateQuoteFormOptions): BoundQuoteForm;
+//# sourceMappingURL=quote-form.d.ts.map

package/dist/ui-kit/form/quote-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-form.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/form/quote-form.tsx"],"names":[],"mappings":"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"}