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

package/dist/Select.d.ts

@@ -0,0 +1,12 @@
+import { OptionHTMLAttributes, SelectHTMLAttributes } from 'react';
+interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    invalid?: boolean;
+}
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+interface SelectOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
+    disabled?: boolean;
+    invalid?: boolean;
+    value?: string;
+}
+export declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps & import("react").RefAttributes<HTMLOptionElement>>;
+export {};

package/dist/Select.js

@@ -0,0 +1,25 @@
+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 Select = forwardRef((_a, ref) => {
+    var { disabled, invalid, required, className, children } = _a, restProps = __rest(_a, ["disabled", "invalid", "required", "className", "children"]);
+    const noscript = true;
+    return (_jsx("select", Object.assign({}, restProps, { ref: ref, "aria-invalid": invalid || undefined, disabled: disabled, required: noscript ? required : false, "aria-required": noscript ? undefined : required, className: clsx('utrecht-select', disabled && 'utrecht-select--disabled', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className) }, { children: children }), void 0));
+});
+Select.displayName = 'utrecht-radio-button';
+export const SelectOption = forwardRef((_a, ref) => {
+    var { disabled, invalid, value, children, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
+    return (_jsx("option", Object.assign({}, restProps, { ref: ref, disabled: disabled, value: value, className: clsx('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className) }, { children: children }), void 0));
+});
+SelectOption.displayName = 'utrecht-select-option';

package/dist/Separator.d.ts

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

package/dist/Separator.js

@@ -0,0 +1,24 @@
+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';
+// Do not pass `children` along with `restProps` and use _children as it's unused
+export const Separator = forwardRef((_a, ref) => {
+    var { className, children: _children } = _a, restProps = __rest(_a, ["className", "children"]);
+    return (_jsx("hr", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-separator', className) }), void 0));
+});
+Separator.displayName = 'utrecht-separator';

package/dist/Surface.d.ts

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

package/dist/Surface.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 Surface = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-surface', className) }, { children: children }), void 0));
+});
+Surface.displayName = 'utrecht-surface';

package/dist/Table.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+import { TableHTMLAttributes } from 'react';
+declare type TableProps = TableHTMLAttributes<HTMLTableElement>;
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export {};

package/dist/Table.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const Table = 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));
+});
+Table.displayName = 'utrecht-table';

package/dist/TableBody.d.ts

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

package/dist/TableBody.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const TableBody = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("tbody", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table__body', className) }, { children: children }), void 0));
+});
+TableBody.displayName = 'utrecht-table-body';

package/dist/TableCaption.d.ts

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

package/dist/TableCaption.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const TableCaption = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("caption", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table__caption', className) }, { children: children }), void 0));
+});
+TableCaption.displayName = 'utrecht-table-caption';

package/dist/TableCell.d.ts

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

package/dist/TableCell.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const TableCell = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("td", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table__cell', className) }, { children: children }), void 0));
+});
+TableCell.displayName = 'utrecht-table-cell';

package/dist/TableFooter.d.ts

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

package/dist/TableFooter.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const TableFooter = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("tfoot", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table__footer', className) }, { children: children }), void 0));
+});
+TableFooter.displayName = 'utrecht-table-footer';

package/dist/TableHeader.d.ts

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

package/dist/TableHeader.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const TableHeader = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("thead", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table__header', className) }, { children: children }), void 0));
+});
+TableHeader.displayName = 'utrecht-table-header';

package/dist/TableHeaderCell.d.ts

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

package/dist/TableHeaderCell.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const TableHeaderCell = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("th", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table__header-cell', className) }, { children: children }), void 0));
+});
+TableHeaderCell.displayName = 'utrecht-table-header-cell';

package/dist/TableRow.d.ts

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

package/dist/TableRow.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) 2022 Robbert Broersma
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export const TableRow = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("tr", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-table__row', className) }, { children: children }), void 0));
+});
+TableRow.displayName = 'utrecht-table-row';

package/dist/Textarea.d.ts

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

package/dist/Textarea.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 Textarea = forwardRef((_a, ref) => {
+    var { disabled, invalid, readOnly, required, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
+    return (_jsx("textarea", Object.assign({}, restProps, { ref: ref, className: clsx('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));
+});
+Textarea.displayName = 'utrecht-textarea';

package/dist/Textbox.d.ts

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

package/dist/Textbox.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 Textbox = 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("input", Object.assign({}, restProps, { ref: ref, type: type, className: clsx('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));
+});
+Textbox.displayName = 'utrecht-textbox';

package/dist/URLValue.d.ts

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

package/dist/URLValue.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 URLValue = 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));
+});
+URLValue.displayName = 'utrecht-url';

package/dist/UnorderedList.d.ts

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

package/dist/UnorderedList.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 UnorderedList = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("ul", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-unordered-list', className) }, { children: children }), void 0));
+});
+UnorderedList.displayName = 'utrecht-unordered-list';

package/dist/UnorderedListItem.d.ts

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

package/dist/UnorderedListItem.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 UnorderedListItem = forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (_jsx("li", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-unordered-list__item', className) }, { children: children }), void 0));
+});
+UnorderedListItem.displayName = 'utrecht-unordered-list__item';

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+export { Article } from './Article';
+export { Backdrop } from './Backdrop';
+export { Button } from './Button';
+export { Checkbox } from './Checkbox';
+export { Document } from './Document';
+export { Fieldset } from './Fieldset';
+export { FieldsetLegend } from './FieldsetLegend';
+export { FormField } from './FormField';
+export { FormFieldDescription } from './FormFieldDescription';
+export { FormLabel } from './FormLabel';
+export { HTMLContent } from './HTMLContent';
+export { Heading1 } from './Heading1';
+export { Heading2 } from './Heading2';
+export { Heading3 } from './Heading3';
+export { Heading4 } from './Heading4';
+export { Heading5 } from './Heading5';
+export { Heading6 } from './Heading6';
+export { Link } from './Link';
+export { OrderedList } from './OrderedList';
+export { OrderedListItem } from './OrderedListItem';
+export { Page } from './Page';
+export { PageContent } from './PageContent';
+export { PageFooter } from './PageFooter';
+export { PageHeader } from './PageHeader';
+export { Paragraph } from './Paragraph';
+export { RadioButton } from './RadioButton';
+export { Select, SelectOption } from './Select';
+export { Separator } from './Separator';
+export { Surface } from './Surface';
+export { Table } from './Table';
+export { TableBody } from './TableBody';
+export { TableCaption } from './TableCaption';
+export { TableCell } from './TableCell';
+export { TableFooter } from './TableFooter';
+export { TableHeader } from './TableHeader';
+export { TableHeaderCell } from './TableHeaderCell';
+export { TableRow } from './TableRow';
+export { Textarea } from './Textarea';
+export { Textbox } from './Textbox';
+export { URLValue } from './URLValue';
+export { UnorderedList } from './UnorderedList';
+export { UnorderedListItem } from './UnorderedListItem';

package/dist/index.js

@@ -0,0 +1,46 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+export { Article } from './Article';
+export { Backdrop } from './Backdrop';
+export { Button } from './Button';
+export { Checkbox } from './Checkbox';
+export { Document } from './Document';
+export { Fieldset } from './Fieldset';
+export { FieldsetLegend } from './FieldsetLegend';
+export { FormField } from './FormField';
+export { FormFieldDescription } from './FormFieldDescription';
+export { FormLabel } from './FormLabel';
+export { HTMLContent } from './HTMLContent';
+export { Heading1 } from './Heading1';
+export { Heading2 } from './Heading2';
+export { Heading3 } from './Heading3';
+export { Heading4 } from './Heading4';
+export { Heading5 } from './Heading5';
+export { Heading6 } from './Heading6';
+export { Link } from './Link';
+export { OrderedList } from './OrderedList';
+export { OrderedListItem } from './OrderedListItem';
+export { Page } from './Page';
+export { PageContent } from './PageContent';
+export { PageFooter } from './PageFooter';
+export { PageHeader } from './PageHeader';
+export { Paragraph } from './Paragraph';
+export { RadioButton } from './RadioButton';
+export { Select, SelectOption } from './Select';
+export { Separator } from './Separator';
+export { Surface } from './Surface';
+export { Table } from './Table';
+export { TableBody } from './TableBody';
+export { TableCaption } from './TableCaption';
+export { TableCell } from './TableCell';
+export { TableFooter } from './TableFooter';
+export { TableHeader } from './TableHeader';
+export { TableHeaderCell } from './TableHeaderCell';
+export { TableRow } from './TableRow';
+export { Textarea } from './Textarea';
+export { Textbox } from './Textbox';
+export { URLValue } from './URLValue';
+export { UnorderedList } from './UnorderedList';
+export { UnorderedListItem } from './UnorderedListItem';