@drawbridge/components 0.0.78 → 0.1.0

package/types/bridge/advertisements.d.ts

@@ -0,0 +1,33 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+import { Tracking } from './form-subdomain';
+
+export interface AdvertisementItem {
+	button?: string;
+	file?: any;
+	id?: string;
+	product?: any;
+	slug?: string;
+	title?: string;
+	url?: string;
+	[ key: string ]: unknown;
+}
+
+export interface AdvertisementsProps {
+	affiliate?: string;
+	campaign?: string;
+	checkout?: ( body: { advertisement?: string; lines: Array<{ merchandiseId: string; quantity: number }> } ) => Promise<unknown>;
+	items?: AdvertisementItem[];
+	lead?: string;
+	organization?: string;
+	page?: string;
+	preview?: boolean;
+	slug?: string;
+	style?: BrandStyle;
+	subdomain?: string;
+	tracking?: Tracking;
+}
+
+declare const Advertisements: ComponentType<AdvertisementsProps>;
+
+export default Advertisements;

package/types/bridge/countdown.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType } from 'react';
+
+export interface CountDownProps {
+	className?: string;
+	date?: Date | number | string;
+	onComplete?: () => void;
+}
+
+declare const CountDown: ComponentType<CountDownProps>;
+
+export default CountDown;

package/types/bridge/fields.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+
+// Re-exported from @drawbridge/drawbridge-utils/fields-validate, whose own .d.ts
+// is untyped JS, so the shapes are declared here.
+export declare const errors: Record<string, string | ( ( value: number ) => string )>;
+export declare const validate: Record<string, ( field: Field, yup: any ) => any>;
+
+export interface Field {
+	attributes?: Record<string, unknown>;
+	label?: string;
+	settings?: {
+		capture?: Array<'first' | 'last' | 'name'>;
+		countries?: string[];
+		options?: Array<{ label?: string; option?: string; value?: string }>;
+		[ key: string ]: unknown;
+	};
+	[ key: string ]: unknown;
+}
+
+export interface FieldProps {
+	error?: { message?: string; [ key: string ]: unknown };
+	field?: Field;
+	onChange?: ( value: any ) => void;
+	style?: BrandStyle;
+	value?: any;
+}
+
+export declare const components: Record<'email' | 'name' | 'number' | 'phone' | 'select' | 'text' | 'textarea', ComponentType<FieldProps>>;

package/types/bridge/form-subdomain-embed.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+import { FormSubdomainProps } from './form-subdomain';
+
+export interface FormSubdomainEmbedProps {
+	params?: { slug?: string; subdomain?: string };
+	preview?: boolean;
+	// The campaign page as the api returns it.
+	result?: {
+		agreements?: FormSubdomainProps[ 'agreements' ];
+		countdown?: string | number;
+		defaults?: { active?: string; confirmation?: string; inactive?: string };
+		description?: string;
+		fields?: FormSubdomainProps[ 'fields' ];
+		headline?: string;
+		images?: { logo?: any; preview?: any };
+		integrations?: FormSubdomainProps[ 'integrations' ];
+		style?: BrandStyle & { body?: { family?: string; weight?: string; transform?: string } };
+		valid?: boolean;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormSubdomainEmbed: ComponentType<FormSubdomainEmbedProps>;
+
+export default FormSubdomainEmbed;

package/types/bridge/form-subdomain-header.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface FormSubdomainHeaderProps {
+	back?: { onClick?: () => void };
+	button?: ReactNode;
+	label?: ReactNode;
+	style?: BrandStyle;
+	title?: ReactNode;
+}
+
+export declare const FormSubdomainHeader: ComponentType<FormSubdomainHeaderProps>;
+
+export default FormSubdomainHeader;

package/types/bridge/form-subdomain-issue.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+import { Tracking } from './form-subdomain';
+
+export interface FormSubdomainIssueProps {
+	disabled?: boolean;
+	preview?: boolean;
+	recaptchaEnabled?: boolean;
+	style?: BrandStyle;
+	tracking?: Tracking;
+	values?: { slug?: string; subdomain?: string; [ key: string ]: unknown };
+}
+
+declare const FormSubdomainIssue: ComponentType<FormSubdomainIssueProps>;
+
+export default FormSubdomainIssue;

package/types/bridge/form-subdomain-prize.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+import { Field } from './fields';
+import { Tracking } from './form-subdomain';
+
+export interface FormSubdomainPrizeProps {
+	disabled?: boolean;
+	preview?: boolean;
+	style?: BrandStyle;
+	tracking?: Tracking;
+	values?: {
+		primary?: Field & { slug: 'email' | 'name' | 'number' | 'phone' | 'select' | 'text' | 'textarea' };
+		prize?: { id?: string; slug?: string; [ key: string ]: unknown };
+		slug?: string;
+		subdomain?: string;
+		[ key: string ]: unknown;
+	};
+}
+
+declare const FormSubdomainPrize: ComponentType<FormSubdomainPrizeProps>;
+
+export default FormSubdomainPrize;

package/types/bridge/form-subdomain-shop-modal.d.ts

@@ -0,0 +1,41 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+import { Tracking } from './form-subdomain';
+
+export interface CartLine {
+	availableForSale?: boolean;
+	currency?: string;
+	id: string;
+	image?: string;
+	price?: number | string;
+	productTitle?: string;
+	quantity?: number;
+	variantTitle?: string;
+	[ key: string ]: unknown;
+}
+
+export interface FormSubdomainProductProps {
+	back?: { onClick?: () => void };
+	button?: ReactNode;
+	checkout?: ( body: { lines: Array<{ merchandiseId: string; quantity: number }> } ) => Promise<unknown>;
+	onAddToCart?: ( item: { product: any; variant: any } ) => Promise<unknown>;
+	onError?: ( error: Error ) => void;
+	product?: any;
+	style?: BrandStyle;
+	tracking?: Tracking;
+}
+
+export interface FormSubdomainCartProps {
+	button?: ReactNode;
+	cart?: { checkoutUrl?: string; lines?: CartLine[]; [ key: string ]: unknown };
+	// Render prop: the page behind the drawer, handed the drawer's open/close setter.
+	children?: ( setShow: ( show: boolean ) => void ) => ReactNode;
+	onLineRemove?: ( id: string ) => unknown;
+	onLineUpdate?: ( id: string, quantity: number ) => unknown;
+	onSuccess?: ( response: { result: unknown } ) => void;
+	style?: BrandStyle;
+	tracking?: Tracking;
+}
+
+export declare const FormSubdomainProduct: ComponentType<FormSubdomainProductProps>;
+export declare const FormSubdomainCart: ComponentType<FormSubdomainCartProps>;

package/types/bridge/form-subdomain-shop.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+import { ProductTileProps } from './product-tile';
+
+export interface FormSubdomainShopProps {
+	columns?: number;
+	onProductClick?: ( product: ProductTileProps & { id: string } ) => void;
+	products?: Array<ProductTileProps & { id: string }>;
+	style?: BrandStyle & { image?: { radius?: number } };
+}
+
+declare const FormSubdomainShop: ComponentType<FormSubdomainShopProps>;
+
+export default FormSubdomainShop;

package/types/bridge/form-subdomain.d.ts

@@ -0,0 +1,69 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+import { Field } from './fields';
+import { FormSubdomainHeader } from './form-subdomain-header';
+
+// What provider-analytics' useTracking returns; the templates hand it down.
+export interface Tracking {
+	context?: () => Record<string, unknown>;
+	page?: () => void;
+	track: ( event: { name: string; data?: unknown }, type?: string, options?: Record<string, unknown> ) => void;
+}
+
+export interface Agreement {
+	enabled?: boolean;
+	label?: string;
+	link?: string;
+}
+
+export interface FormSubdomainProps {
+	agreements?: { marketing?: Agreement; sms?: Agreement; terms?: Agreement };
+	button?: ReactNode;
+	disabled?: boolean;
+	fields?: { additional?: Field[]; lead?: Field[]; primary?: Field };
+	integrations?: {
+		age?: { enabled?: boolean; settings?: { max?: number; min?: number } };
+		geocode?: { enabled?: boolean };
+		recaptcha?: { enabled?: boolean };
+		[ key: string ]: unknown;
+	};
+	onCheckout?: ( url: string ) => void;
+	onError?: ( error: Error ) => void;
+	onSuccess?: ( response: any ) => void;
+	params?: { slug?: string; subdomain?: string };
+	preview?: boolean;
+	style?: BrandStyle;
+	tracking?: Tracking;
+}
+
+export interface FormSubdomainSubmissionProps {
+	affiliate?: string;
+	button?: ReactNode;
+	checkout?: ( body: any ) => Promise<unknown>;
+	id?: string;
+	lead?: string;
+	message?: ReactNode;
+	preview?: boolean;
+	slug?: string;
+	style?: BrandStyle;
+	subdomain?: string;
+	title?: ReactNode;
+	tracking?: Tracking;
+}
+
+export interface FormSubdomainMessageProps {
+	button?: ReactNode;
+	message?: ReactNode;
+	preview?: boolean;
+	style?: BrandStyle;
+	svg?: ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;
+	title?: ReactNode;
+}
+
+export declare const FormSubdomainSubmission: ComponentType<FormSubdomainSubmissionProps>;
+export declare const FormSubdomainMessage: ComponentType<FormSubdomainMessageProps>;
+export { FormSubdomainHeader };
+
+declare const FormSubdomain: ComponentType<FormSubdomainProps>;
+
+export default FormSubdomain;

package/types/bridge/lib/age-gate.d.ts

@@ -0,0 +1,11 @@
+// Age-gate eligibility policy for FormSubdomainAge. Age is computed as
+// currentYear - birth year (YEAR granularity only; day/month never affect
+// eligibility). `currentYear` is injectable for tests and defaults to the
+// live clock.
+
+export declare const ageFor: ( year: string | number | null | undefined, currentYear?: number ) => number;
+
+// Returns a yup object schema validating { object: { age, day, month, year } }.
+// Left as `any` — a yup schema is a chain object this package cannot type
+// without the real 'yup' library's types (see ../../shared/lib/yup.d.ts).
+export declare const ageGateSchema: ( values: { min?: number; max?: number } | null | undefined, currentYear?: number ) => any;

package/types/bridge/lib/checkout-kit.d.ts

@@ -0,0 +1,27 @@
+// Shopify Checkout Kit (<shopify-checkout>) in the browser; safe to import on
+// the server, where both calls refuse or do nothing.
+
+export interface CheckoutArgs {
+	advertisement?: string;
+	affiliate?: string | null;
+	campaign?: string;
+	checkoutUrl?: string;
+	lines?: { merchandiseId: string; quantity: number }[];
+	onClose?: () => void;
+	onComplete?: ( detail?: unknown ) => void;
+	onOpen?: () => void;
+	// Same-window fallback when no popup can open; defaults to window.location.assign.
+	onRedirect?: ( url: string ) => void;
+	organization?: string;
+	page?: string;
+	slug?: string;
+	subdomain?: string;
+	[ key: string ]: unknown;
+}
+
+// Preloads and registers the element; rejects on the server or if the package fails to load.
+export declare const ensureCheckoutKit: () => Promise<void>;
+
+// Creates the cart from `lines` (or takes `checkoutUrl`) and opens checkout in a
+// popup, else redirects. Resolves to the checkout url, or null when there is none.
+export declare const checkout: ( args: CheckoutArgs ) => Promise<string | null>;

package/types/bridge/lib/constants.d.ts

@@ -0,0 +1,5 @@
+// Currently empty — a placeholder module for bridge-only constants as they
+// are added.
+declare const constants: Record<string, unknown>;
+
+export default constants;

package/types/bridge/lib/css.d.ts

@@ -0,0 +1,3 @@
+// Owner colours go raw into a <style> string: returns the value only when it is
+// a strict rgb()/rgba() or #hex colour, else null (callers drop the declaration).
+export declare const safeColor: ( value: unknown ) => string | null;

package/types/bridge/lib/recaptcha.d.ts

@@ -0,0 +1,5 @@
+// react-google-recaptcha-v3 hands back `executeRecaptcha : undefined` until
+// grecaptcha's script has downloaded and `ready()` has fired. Fails closed:
+// throws a message the entrant can act on instead of letting a call to
+// `undefined` reach the form's error panel.
+export declare const assertRecaptcha: ( executeRecaptcha: unknown ) => asserts executeRecaptcha is ( action: string ) => Promise<string>;

package/types/bridge/lib/url.d.ts

@@ -0,0 +1,21 @@
+// Url-safety helpers for the public share renderer.
+
+// Only http:, https:, mailto: and tel: are safe to place in an href on a
+// public page — a stored `javascript:`/`data:`/`vbscript:` value would
+// otherwise execute or render in the visitor's browser. Returns the original
+// url when safe, else null.
+export declare const safeHref: ( url: string | null | undefined ) => string | null;
+
+// Defense-in-depth redirect guard: true only when `target` resolves to this
+// app's own host (NEXT_PUBLIC_APP_URI) or a subdomain of it.
+export declare const isSafeRedirect: ( target: string | null | undefined ) => boolean;
+
+// Where the panel shown after an entry asks for its ads, or null when there is
+// no submission id to ask about (a preview records nothing).
+export declare const submissionEndpoint: ( props: {
+	affiliate?: string;
+	id: string | null | undefined;
+	slug: string;
+	subdomain: string;
+	token?: string;
+} ) => string | null;

package/types/bridge/lib/yup.d.ts

@@ -0,0 +1,20 @@
+import { FieldValues, Resolver } from 'react-hook-form';
+
+// Re-exported from @hookform/resolvers/yup and @drawbridge/drawbridge-utils/yup.
+// Both carry real .d.ts files, but @hookform/resolvers/yup's own types (and
+// the 'yup' package itself) are not resolvable from this package's
+// node_modules here, so the shapes are declared here instead — the same
+// stand-in this package already does in bridge/fields.d.ts for an untyped
+// real export.
+export declare function resolver<TFieldValues extends FieldValues = FieldValues>(
+	schema: unknown,
+	schemaOptions?: Record<string, unknown>,
+	resolverOptions?: { mode?: 'async' | 'sync'; raw?: boolean }
+): Resolver<TFieldValues>;
+
+// THE ONE YUP, from utils, unmodified. Left as `any` — it is a yup chain
+// object, not a shape this package can describe without the real library's
+// types.
+declare const yup: any;
+
+export default yup;

package/types/bridge/product-tile.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface ProductTileVariant {
+	availableForSale?: boolean;
+	currency?: string;
+	id?: string;
+	image?: string;
+	price?: number | string;
+	title?: string;
+	[ key: string ]: unknown;
+}
+
+export interface ProductTileProps {
+	image?: string;
+	onClick?: () => void;
+	stacked?: boolean;
+	style?: BrandStyle & { image?: { radius?: number } };
+	title?: string;
+	variants?: ProductTileVariant[];
+	[ key: string ]: unknown;
+}
+
+declare const ProductTile: ComponentType<ProductTileProps>;
+
+export default ProductTile;

package/types/bridge/provider-analytics.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType, ReactNode } from 'react';
+import { Tracking } from './form-subdomain';
+
+export interface ProviderAnalyticsProps {
+	// The page's 'analytics' feature: posts page views and events to the share api.
+	analytics?: boolean;
+	children?: ReactNode;
+	// The embed surface: every analytic it sends carries embed:true.
+	embed?: boolean;
+	// The page's integrations; a gtm entry loads that Google Tag Manager container.
+	integrations?: { gtm?: { enabled?: boolean; settings?: { containerId?: string } }; [ key: string ]: unknown };
+	params?: { slug?: string; subdomain?: string };
+}
+
+export interface UseTrackingOptions {
+	embed?: boolean;
+	params?: { slug?: string; subdomain?: string };
+	preview?: boolean;
+	result?: { features?: string[]; valid?: boolean; [ key: string ]: unknown };
+}
+
+export declare const Provider: ComponentType<ProviderAnalyticsProps>;
+
+// Tracks only when the page has the analytics feature, is valid and is not a preview.
+export declare const useTracking: ( options: UseTrackingOptions ) => Required<Tracking>;

package/types/bridge/share-button.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface ShareButtonProps {
+	disabled?: boolean;
+	onClick?: () => void;
+	style?: BrandStyle & { image?: { radius?: number } };
+	values?: {
+		description?: string;
+		headline?: string;
+		image?: { filename?: string; sizes?: Record<string, string>; updatedAt?: string };
+		url?: string;
+	};
+}
+
+declare const ShareButton: ComponentType<ShareButtonProps>;
+
+export default ShareButton;

package/types/bridge/subdomain-content.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType, CSSProperties, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface SubdomainContentProps {
+	action?: ReactNode;
+	countdown?: ReactNode;
+	data?: {
+		description?: string;
+		headline?: string;
+		images?: { logo?: any; preview?: any };
+		[ key: string ]: unknown;
+	};
+	embed?: boolean;
+	// ProviderFont's render-prop output.
+	fonts: { body?: CSSProperties; heading?: CSSProperties };
+	gallery: unknown[];
+	headerClassName?: string;
+	linksSection?: ReactNode;
+	productsSection?: ReactNode;
+	style?: BrandStyle & { image?: { radius?: number } };
+}
+
+declare const SubdomainContent: ComponentType<SubdomainContentProps>;
+
+export default SubdomainContent;

package/types/bridge/template-layout.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react';
+
+export interface TemplateLayoutProps {
+	params?: { slug?: string; subdomain?: string };
+	// The page's campaign as share's getResult returns it.
+	result?: Record<string, any>;
+	userAgent?: string;
+}
+
+declare const TemplateLayout: ComponentType<TemplateLayoutProps>;
+
+export default TemplateLayout;

package/types/bridge/template-modal.d.ts

@@ -0,0 +1,46 @@
+import { ComponentType, CSSProperties, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+import { Tracking } from './form-subdomain';
+import { CheckoutArgs } from './lib/checkout-kit';
+
+export interface TemplateButtons {
+	branding: ReactNode;
+	brandingCompact: ReactNode;
+	close: ( name: string ) => ReactNode;
+	enter: ReactNode;
+	menu: ReactNode;
+	recaptcha: () => ReactNode;
+	shop: ( name?: string ) => ReactNode;
+}
+
+export interface TemplatePanel {
+	data?: Record<string, any>;
+	name: 'cart' | 'enter' | 'error' | 'menu' | 'prize' | 'prizes' | 'product' | 'purchase' | 'report' | 'share' | 'submission' | null;
+}
+
+export interface TemplateModalProps {
+	buttons: TemplateButtons;
+	cart?: Record<string, any> | null;
+	checkout?: ( args?: CheckoutArgs ) => Promise<string | null | undefined>;
+	data?: Record<string, any>;
+	fonts: { body: CSSProperties; heading: CSSProperties };
+	iframe?: boolean;
+	modal?: boolean;
+	onAddToCart?: ( item: { product?: unknown; variant: { id: string } } ) => Promise<unknown>;
+	onCartLineRemove?: ( lineId: string ) => Promise<void>;
+	onCartLineUpdate?: ( lineId: string, quantity: number ) => Promise<void>;
+	openCheckout?: ( checkoutUrl: string ) => void;
+	panel?: TemplatePanel;
+	params?: { slug?: string; subdomain?: string };
+	preview?: boolean;
+	recaptchaEnabled?: boolean;
+	setModal?: ( open: boolean ) => void;
+	setPanel?: ( panel: TemplatePanel ) => void;
+	style?: BrandStyle;
+	submission?: ( submission: { id?: string; lead?: unknown; message?: string; title?: string } ) => void;
+	tracking: Tracking;
+}
+
+declare const TemplateModal: ComponentType<TemplateModalProps>;
+
+export default TemplateModal;

package/types/bridge/template-not-found.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType } from 'react';
+
+export interface TemplateNotFoundProps {
+	message?: string;
+}
+
+declare const TemplateNotFound: ComponentType<TemplateNotFoundProps>;
+
+export default TemplateNotFound;

package/types/bridge/template-subdomain-gallery.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+
+// An uploaded image or video: cdnSrc reads sizes[ size ] and needs updatedAt.
+export interface GalleryItem {
+	filename?: string;
+	frames?: { sizes?: Record<string, string> }[];
+	id: string;
+	mimetype: string;
+	sizes?: Record<string, string>;
+	updatedAt?: string;
+}
+
+export interface TemplateSubdomainGalleryProps {
+	children: ( gallery: { controls: ReactNode; render: ReactNode } ) => ReactNode;
+	compact?: boolean;
+	gallery: GalleryItem[];
+	modal?: boolean;
+	overlay?: ReactNode;
+	style?: BrandStyle & { image?: { radius?: number } };
+}
+
+declare const TemplateSubdomainGallery: ComponentType<TemplateSubdomainGalleryProps>;
+
+export default TemplateSubdomainGallery;

package/types/bridge/template-subdomain-link.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType, CSSProperties, ElementType, ReactNode } from 'react';
+
+export interface TemplateSubdomainLinkProps {
+	buttonWithImageHeight?: boolean;
+	className?: string;
+	element?: ElementType;
+	icon?: ComponentType<{ className?: string }>;
+	image?: string;
+	// style here is a CSS object, not the brand object; renamed at cutover (spec rule 3)
+	style?: CSSProperties;
+	svg?: ComponentType<{ className?: string }>;
+	text?: ReactNode;
+	[ key: string ]: unknown;
+}
+
+declare const TemplateSubdomainLink: ComponentType<TemplateSubdomainLinkProps>;
+
+export default TemplateSubdomainLink;

package/types/bridge/template-subdomain.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType, CSSProperties } from 'react';
+import { BrandStyle } from '../styles';
+import { Tracking } from './form-subdomain';
+import { TemplateButtons, TemplatePanel } from './template-modal';
+
+export interface TemplateSubdomainProps {
+	buttons: TemplateButtons;
+	cart?: Record<string, any> | null;
+	data?: Record<string, any>;
+	fonts: { body: CSSProperties; heading: CSSProperties };
+	iframe?: boolean;
+	modal?: boolean;
+	preview?: boolean;
+	setModal?: ( open: boolean ) => void;
+	setPanel?: ( panel: TemplatePanel ) => void;
+	style?: BrandStyle;
+	tracking: Tracking;
+}
+
+declare const TemplateSubdomain: ComponentType<TemplateSubdomainProps>;
+
+export default TemplateSubdomain;

package/types/dashboard/accordion.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType, ReactNode, SVGProps } from 'react';
+import { BadgeProps } from '../shared/badge';
+
+export interface AccordionProps {
+	badge?: { text?: ReactNode; type?: BadgeProps[ 'type' ] } | null;
+	children?: ReactNode;
+	className?: string;
+	classNameIcon?: string;
+	classNamePanel?: string;
+	// Any truthy value (a react-hook-form error) shows the warning icon.
+	error?: unknown;
+	// Pads the header, for an accordion whose box is its own border.
+	inset?: boolean;
+	// Called with whether the panel was open before the click.
+	onClick?: ( open: boolean ) => void;
+	// Open on first render.
+	open?: boolean;
+	svgClose?: ComponentType<SVGProps<SVGSVGElement>>;
+	svgOpen?: ComponentType<SVGProps<SVGSVGElement>>;
+	title?: ReactNode;
+}
+
+declare const Accordion: ComponentType<AccordionProps>;
+
+export default Accordion;