@utrecht/component-library-react 1.0.0-alpha.1

package/dist/FormFieldDescription.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+interface FormFieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+    invalid?: boolean;
+    valid?: boolean;
+    warning?: boolean;
+}
+export declare const FormFieldDescription: import("react").ForwardRefExoticComponent<FormFieldDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/FormFieldDescription.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const FormFieldDescription = forwardRef((_a, ref) => {
+    var { invalid, valid, warning, className, children } = _a, restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
+    return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className) }, { children: children }), void 0));
+});
+FormFieldDescription.displayName = 'utrecht-form-field-description';

package/dist/FormLabel.d.ts

@@ -0,0 +1,9 @@
+import { LabelHTMLAttributes } from 'react';
+interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    htmlFor: string;
+    type?: 'checkbox' | 'radio';
+    disabled?: boolean;
+    checked?: boolean;
+}
+export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export {};

package/dist/FormLabel.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const FormLabel = forwardRef((_a, ref) => {
+    var { children, className, type, disabled, checked } = _a, restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
+    return (_jsx("label", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-label', type && `utrecht-form-label--${type}`, disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className) }, { children: children }), void 0));
+});
+FormLabel.displayName = 'utrecht-form-label';

package/dist/HTMLContent.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type HTMLContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const HTMLContent: import("react").ForwardRefExoticComponent<HTMLContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/HTMLContent.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const HTMLContent = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-html', className) }, { children: children }), void 0));
+});
+HTMLContent.displayName = 'utrecht-html';

package/dist/Heading1.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type Heading1Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading1: import("react").ForwardRefExoticComponent<Heading1Props & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/Heading1.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Heading1 = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("h1", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-1', className) }, { children: children }), void 0));
+});
+Heading1.displayName = 'utrecht-heading-1';

package/dist/Heading2.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type Heading2Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading2: import("react").ForwardRefExoticComponent<Heading2Props & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/Heading2.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Heading2 = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("h2", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-2', className) }, { children: children }), void 0));
+});
+Heading2.displayName = 'utrecht-heading-2';

package/dist/Heading3.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type Heading3Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading3: import("react").ForwardRefExoticComponent<Heading3Props & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/Heading3.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Heading3 = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("h3", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-3', className) }, { children: children }), void 0));
+});
+Heading3.displayName = 'utrecht-heading-3';

package/dist/Heading4.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type Heading4Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading4: import("react").ForwardRefExoticComponent<Heading4Props & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/Heading4.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Heading4 = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("h4", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-4', className) }, { children: children }), void 0));
+});
+Heading4.displayName = 'utrecht-heading-4';

package/dist/Heading5.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type Heading5Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading5: import("react").ForwardRefExoticComponent<Heading5Props & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/Heading5.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Heading5 = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("h5", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-5', className) }, { children: children }), void 0));
+});
+Heading5.displayName = 'utrecht-heading-5';

package/dist/Heading6.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type Heading6Props = HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading6: import("react").ForwardRefExoticComponent<Heading6Props & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/Heading6.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Heading6 = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("h6", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-heading-6', className) }, { children: children }), void 0));
+});
+Heading6.displayName = 'utrecht-heading-6';

package/dist/Link.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { AnchorHTMLAttributes } from 'react';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    activeStyle?: boolean;
+    external?: boolean;
+    focusStyle?: boolean;
+    focusVisibleStyle?: boolean;
+    hoverStyle?: boolean;
+    visitedStyle?: boolean;
+}
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/Link.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Link = forwardRef((_a, ref) => {
+    var { children, className, activeStyle, external, focusStyle, focusVisibleStyle, hoverStyle, visitedStyle } = _a, restProps = __rest(_a, ["children", "className", "activeStyle", "external", "focusStyle", "focusVisibleStyle", "hoverStyle", "visitedStyle"]);
+    return (
+    // "utrecht-link--telephone" does not have a corresponding API,
+    // since it is primarily a basis for implementing input[href^="tel"].
+    // Telephone number rendering in React is best achieved using composition
+    // of the TelephoneValue component.
+    _jsx("a", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-link', {
+            'utrecht-link--active': activeStyle,
+            'utrecht-link--external': external,
+            'utrecht-link--focus': focusStyle,
+            'utrecht-link--focus-visible': focusVisibleStyle,
+            'utrecht-link--hover': hoverStyle,
+            'utrecht-link--visited': visitedStyle,
+        }, className), rel: external ? 'external noopener noreferrer' : undefined }, { children: children }), void 0));
+});
+Link.displayName = 'utrecht-link';

package/dist/OrderedList.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { OlHTMLAttributes } from 'react';
+declare type OrderedListProps = OlHTMLAttributes<HTMLOListElement>;
+export declare const OrderedList: import("react").ForwardRefExoticComponent<OrderedListProps & import("react").RefAttributes<HTMLOListElement>>;
+export {};

package/dist/OrderedList.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const OrderedList = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("ol", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-ordered-list', className) }, { children: children }), void 0));
+});
+OrderedList.displayName = 'utrecht-ordered-list';

package/dist/OrderedListItem.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { LiHTMLAttributes } from 'react';
+declare type OrderedListItemProps = LiHTMLAttributes<HTMLLIElement>;
+export declare const OrderedListItem: import("react").ForwardRefExoticComponent<OrderedListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export {};

package/dist/OrderedListItem.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const OrderedListItem = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("li", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-ordered-list__item', className) }, { children: children }), void 0));
+});
+OrderedListItem.displayName = 'utrecht-ordered-list__item';

package/dist/Page.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PageProps = HTMLAttributes<HTMLDivElement>;
+export declare const Page: import("react").ForwardRefExoticComponent<PageProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Page.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Page = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-page', className) }, { children: children }), void 0));
+});
+Page.displayName = 'utrecht-page';

package/dist/PageContent.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type PageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageContent: import("react").ForwardRefExoticComponent<PageContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare type PageContentMainProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageContentMain: import("react").ForwardRefExoticComponent<PageContentMainProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/PageContent.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const PageContent = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-page-content', className) }, { children: children }), void 0));
+});
+PageContent.displayName = 'utrecht-page-content';
+export const PageContentMain = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("main", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-page-content__main', className) }, { children: children }), void 0));
+});
+PageContentMain.displayName = 'utrecht-page-content__main';

package/dist/PageFooter.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PageFooterProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageFooter: import("react").ForwardRefExoticComponent<PageFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/PageFooter.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const PageFooter = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("footer", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-page-footer', className) }, { children: children }), void 0));
+});
+PageFooter.displayName = 'utrecht-page-footer';

package/dist/PageHeader.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export declare type PageHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/PageHeader.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const PageHeader = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("header", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-page-header', className) }, { children: children }), void 0));
+});
+PageHeader.displayName = 'utrecht-page-header';

package/dist/Paragraph.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+    lead?: boolean;
+}
+export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/Paragraph.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Paragraph = forwardRef((_a, ref) => {
+    var { children, className, lead } = _a, restProps = __rest(_a, ["children", "className", "lead"]);
+    return (_jsx("p", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', className) }, { children: children }), void 0));
+});
+Paragraph.displayName = 'utrecht-paragraph';

package/dist/RadioButton.d.ts

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
+    invalid?: boolean;
+}
+export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/RadioButton.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const RadioButton = forwardRef((_a, ref) => {
+    var { checked, disabled, invalid, required, className } = _a, restProps = __rest(_a, ["checked", "disabled", "invalid", "required", "className"]);
+    return (_jsx("input", Object.assign({}, restProps, { ref: ref, type: "radio", checked: checked, className: clsx('utrecht-radio-button', 'utrecht-radio-button--html-input', checked && 'utrecht-radio-button--checked', disabled && 'utrecht-radio-button--disabled', invalid && 'utrecht-radio-button--invalid', required && 'utrecht-radio-button--required', className), disabled: disabled, required: required }), void 0));
+});
+RadioButton.displayName = 'utrecht-radio-button';