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

package/dist/{Table.js → cjs/Table.js}

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,15 +10,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * @license EUPL-1.2
  * Copyright (c) 2022 Robbert Broersma
  */
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-export const Table = forwardRef((_a, ref) => {
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.Table = react_1.forwardRef((_a, ref) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (_jsx("table", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table', className) }, { children: children }), void 0));
+    return (jsx_runtime_1.jsx("table", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table', className) }, { children: children }), void 0));
 });
-Table.displayName = 'utrecht-table';
+exports.Table.displayName = 'utrecht-table';

package/dist/{TableBody.d.ts → cjs/TableBody.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 import { HTMLAttributes } from 'react';
-declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
 export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-export {};

package/dist/cjs/TableBody.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableBody = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.TableBody = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("tbody", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__body', className) }, { children: children }), void 0));
+});
+exports.TableBody.displayName = 'utrecht-table-body';

package/dist/{TableCaption.d.ts → cjs/TableCaption.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 import { HTMLAttributes } from 'react';
-declare type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
+export declare type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
 export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & import("react").RefAttributes<HTMLTableCaptionElement>>;
-export {};

package/dist/cjs/TableCaption.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableCaption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.TableCaption = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("caption", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__caption', className) }, { children: children }), void 0));
+});
+exports.TableCaption.displayName = 'utrecht-table-caption';

package/dist/{TableCell.d.ts → cjs/TableCell.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 import { TdHTMLAttributes } from 'react';
-declare type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
+export declare type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
 export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
-export {};

package/dist/cjs/TableCell.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableCell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.TableCell = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("td", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__cell', className) }, { children: children }), void 0));
+});
+exports.TableCell.displayName = 'utrecht-table-cell';

package/dist/{TableFooter.d.ts → cjs/TableFooter.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 import { HTMLAttributes } from 'react';
-declare type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
 export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-export {};

package/dist/cjs/TableFooter.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableFooter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.TableFooter = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("tfoot", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__footer', className) }, { children: children }), void 0));
+});
+exports.TableFooter.displayName = 'utrecht-table-footer';

package/dist/{TableHeader.d.ts → cjs/TableHeader.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 import { HTMLAttributes } from 'react';
-declare type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
 export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-export {};

package/dist/cjs/TableHeader.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.TableHeader = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("thead", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__header', className) }, { children: children }), void 0));
+});
+exports.TableHeader.displayName = 'utrecht-table-header';

package/dist/{TableHeaderCell.d.ts → cjs/TableHeaderCell.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 import { ThHTMLAttributes } from 'react';
-declare type TableHeaderCellProps = ThHTMLAttributes<HTMLTableCellElement>;
+export declare type TableHeaderCellProps = ThHTMLAttributes<HTMLTableCellElement>;
 export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<TableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
-export {};

package/dist/cjs/TableHeaderCell.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHeaderCell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.TableHeaderCell = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("th", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__header-cell', className) }, { children: children }), void 0));
+});
+exports.TableHeaderCell.displayName = 'utrecht-table-header-cell';

package/dist/{TableRow.d.ts → cjs/TableRow.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 import { HTMLAttributes } from 'react';
-declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+export declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
 export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
-export {};

package/dist/cjs/TableRow.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.TableRow = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("tr", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-table__row', className) }, { children: children }), void 0));
+});
+exports.TableRow.displayName = 'utrecht-table-row';

package/dist/{Textarea.d.ts → cjs/Textarea.d.ts}

@@ -1,6 +1,5 @@
 import { TextareaHTMLAttributes } from 'react';
-interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     invalid?: boolean;
 }
 export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-export {};

package/dist/cjs/Textarea.js

@@ -0,0 +1,25 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.Textarea = react_1.forwardRef((_a, ref) => {
+    var { disabled, invalid, readOnly, required, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
+    return (jsx_runtime_1.jsx("textarea", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className), disabled: disabled, readOnly: readOnly, required: required, "aria-invalid": invalid || undefined }), void 0));
+});
+exports.Textarea.displayName = 'utrecht-textarea';

package/dist/{Textbox.d.ts → cjs/Textbox.d.ts}

@@ -1,8 +1,7 @@
 import { InputHTMLAttributes } from 'react';
 export declare type TextboxTypes = 'email' | 'number' | 'password' | 'tel' | 'text' | 'url';
-interface TextboxProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface TextboxProps extends InputHTMLAttributes<HTMLInputElement> {
     invalid?: boolean;
     type?: TextboxTypes;
 }
 export declare const Textbox: import("react").ForwardRefExoticComponent<TextboxProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/cjs/Textbox.js

@@ -0,0 +1,25 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.Textbox = react_1.forwardRef((_a, ref) => {
+    var { disabled, invalid, readOnly, required, className, type = 'text', maxLength, inputMode } = _a, restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
+    return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: type, className: clsx_1.default('utrecht-textbox', 'utrecht-textbox--html-input', type === 'email' && 'utrecht-textbox--url', type === 'password' && 'utrecht-textbox--password', type === 'number' && 'utrecht-textbox--numeric', type === 'tel' && 'utrecht-textbox--numeric', type === 'url' && 'utrecht-textbox--url', inputMode === 'numeric' && 'utrecht-textbox--numeric', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className), maxLength: maxLength, disabled: disabled, readOnly: readOnly, required: required, "aria-invalid": invalid || undefined, inputMode: inputMode || (type === 'number' ? 'numeric' : undefined) }), void 0));
+});
+exports.Textbox.displayName = 'utrecht-textbox';

package/dist/{URLValue.js → cjs/URLValue.js}

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,15 +10,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.URLValue = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * @license EUPL-1.2
  * Copyright (c) 2021 Robbert Broersma
  */
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-export const URLValue = forwardRef((_a, ref) => {
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.URLValue = react_1.forwardRef((_a, ref) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (_jsx("bdi", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-url', className) }, { children: children }), void 0));
+    return (jsx_runtime_1.jsx("bdi", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-url', className) }, { children: children }), void 0));
 });
-URLValue.displayName = 'utrecht-url';
+exports.URLValue.displayName = 'utrecht-url';

package/dist/{UnorderedList.d.ts → cjs/UnorderedList.d.ts}

@@ -3,6 +3,5 @@
  * Copyright (c) 2021 Robbert Broersma
  */
 import { HTMLAttributes } from 'react';
-declare type UnorderedListProps = HTMLAttributes<HTMLUListElement>;
+export declare type UnorderedListProps = HTMLAttributes<HTMLUListElement>;
 export declare const UnorderedList: import("react").ForwardRefExoticComponent<UnorderedListProps & import("react").RefAttributes<HTMLUListElement>>;
-export {};

package/dist/cjs/UnorderedList.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnorderedList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.UnorderedList = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("ul", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-unordered-list', className) }, { children: children }), void 0));
+});
+exports.UnorderedList.displayName = 'utrecht-unordered-list';

package/dist/cjs/UnorderedListItem.js

@@ -0,0 +1,29 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnorderedListItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.UnorderedListItem = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("li", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-unordered-list__item', className) }, { children: children }), void 0));
+});
+exports.UnorderedListItem.displayName = 'utrecht-unordered-list-item';

package/dist/cjs/index.js

@@ -0,0 +1,92 @@
+"use strict";
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnorderedListItem = exports.UnorderedList = exports.URLValue = exports.Textbox = exports.Textarea = exports.TableRow = exports.TableHeaderCell = exports.TableHeader = exports.TableFooter = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = exports.Surface = exports.Separator = exports.SelectOption = exports.Select = exports.RadioButton = exports.Paragraph = exports.PageHeader = exports.PageFooter = exports.PageContent = exports.Page = exports.OrderedListItem = exports.OrderedList = exports.Link = exports.Heading6 = exports.Heading5 = exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = exports.HTMLContent = exports.FormLabel = exports.FormFieldDescription = exports.FormField = exports.FieldsetLegend = exports.Fieldset = exports.Document = exports.Checkbox = exports.Button = exports.Backdrop = exports.Article = void 0;
+var Article_1 = require("./Article");
+Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
+var Backdrop_1 = require("./Backdrop");
+Object.defineProperty(exports, "Backdrop", { enumerable: true, get: function () { return Backdrop_1.Backdrop; } });
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var Checkbox_1 = require("./Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var Document_1 = require("./Document");
+Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
+var Fieldset_1 = require("./Fieldset");
+Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return Fieldset_1.Fieldset; } });
+var FieldsetLegend_1 = require("./FieldsetLegend");
+Object.defineProperty(exports, "FieldsetLegend", { enumerable: true, get: function () { return FieldsetLegend_1.FieldsetLegend; } });
+var FormField_1 = require("./FormField");
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return FormField_1.FormField; } });
+var FormFieldDescription_1 = require("./FormFieldDescription");
+Object.defineProperty(exports, "FormFieldDescription", { enumerable: true, get: function () { return FormFieldDescription_1.FormFieldDescription; } });
+var FormLabel_1 = require("./FormLabel");
+Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
+var HTMLContent_1 = require("./HTMLContent");
+Object.defineProperty(exports, "HTMLContent", { enumerable: true, get: function () { return HTMLContent_1.HTMLContent; } });
+var Heading1_1 = require("./Heading1");
+Object.defineProperty(exports, "Heading1", { enumerable: true, get: function () { return Heading1_1.Heading1; } });
+var Heading2_1 = require("./Heading2");
+Object.defineProperty(exports, "Heading2", { enumerable: true, get: function () { return Heading2_1.Heading2; } });
+var Heading3_1 = require("./Heading3");
+Object.defineProperty(exports, "Heading3", { enumerable: true, get: function () { return Heading3_1.Heading3; } });
+var Heading4_1 = require("./Heading4");
+Object.defineProperty(exports, "Heading4", { enumerable: true, get: function () { return Heading4_1.Heading4; } });
+var Heading5_1 = require("./Heading5");
+Object.defineProperty(exports, "Heading5", { enumerable: true, get: function () { return Heading5_1.Heading5; } });
+var Heading6_1 = require("./Heading6");
+Object.defineProperty(exports, "Heading6", { enumerable: true, get: function () { return Heading6_1.Heading6; } });
+var Link_1 = require("./Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var OrderedList_1 = require("./OrderedList");
+Object.defineProperty(exports, "OrderedList", { enumerable: true, get: function () { return OrderedList_1.OrderedList; } });
+var OrderedListItem_1 = require("./OrderedListItem");
+Object.defineProperty(exports, "OrderedListItem", { enumerable: true, get: function () { return OrderedListItem_1.OrderedListItem; } });
+var Page_1 = require("./Page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
+var PageContent_1 = require("./PageContent");
+Object.defineProperty(exports, "PageContent", { enumerable: true, get: function () { return PageContent_1.PageContent; } });
+var PageFooter_1 = require("./PageFooter");
+Object.defineProperty(exports, "PageFooter", { enumerable: true, get: function () { return PageFooter_1.PageFooter; } });
+var PageHeader_1 = require("./PageHeader");
+Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return PageHeader_1.PageHeader; } });
+var Paragraph_1 = require("./Paragraph");
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return Paragraph_1.Paragraph; } });
+var RadioButton_1 = require("./RadioButton");
+Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return RadioButton_1.RadioButton; } });
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+Object.defineProperty(exports, "SelectOption", { enumerable: true, get: function () { return Select_1.SelectOption; } });
+var Separator_1 = require("./Separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
+var Surface_1 = require("./Surface");
+Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return Surface_1.Surface; } });
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
+var TableBody_1 = require("./TableBody");
+Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return TableBody_1.TableBody; } });
+var TableCaption_1 = require("./TableCaption");
+Object.defineProperty(exports, "TableCaption", { enumerable: true, get: function () { return TableCaption_1.TableCaption; } });
+var TableCell_1 = require("./TableCell");
+Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return TableCell_1.TableCell; } });
+var TableFooter_1 = require("./TableFooter");
+Object.defineProperty(exports, "TableFooter", { enumerable: true, get: function () { return TableFooter_1.TableFooter; } });
+var TableHeader_1 = require("./TableHeader");
+Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return TableHeader_1.TableHeader; } });
+var TableHeaderCell_1 = require("./TableHeaderCell");
+Object.defineProperty(exports, "TableHeaderCell", { enumerable: true, get: function () { return TableHeaderCell_1.TableHeaderCell; } });
+var TableRow_1 = require("./TableRow");
+Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return TableRow_1.TableRow; } });
+var Textarea_1 = require("./Textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
+var Textbox_1 = require("./Textbox");
+Object.defineProperty(exports, "Textbox", { enumerable: true, get: function () { return Textbox_1.Textbox; } });
+var URLValue_1 = require("./URLValue");
+Object.defineProperty(exports, "URLValue", { enumerable: true, get: function () { return URLValue_1.URLValue; } });
+var UnorderedList_1 = require("./UnorderedList");
+Object.defineProperty(exports, "UnorderedList", { enumerable: true, get: function () { return UnorderedList_1.UnorderedList; } });
+var UnorderedListItem_1 = require("./UnorderedListItem");
+Object.defineProperty(exports, "UnorderedListItem", { enumerable: true, get: function () { return UnorderedListItem_1.UnorderedListItem; } });