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

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "author": "Community for NL Design System",
   "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -17,14 +17,185 @@
   },
   "sideEffects": false,
   "scripts": {
-    "build": "tsc --project .",
+    "build": "tsc --project ./tsconfig.json",
     "clean": "rimraf dist/",
     "lint": "tsc --project ./tsconfig.json --noEmit && tsc --noEmit --project ./tsconfig.test.json",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/cjs/index.js"
+    },
+    "./Article": {
+      "types": "./dist/Article.d.ts",
+      "default": "./dist/cjs/Article.js"
+    },
+    "./Backdrop": {
+      "types": "./dist/Backdrop.d.ts",
+      "default": "./dist/cjs/Backdrop.js"
+    },
+    "./Button": {
+      "types": "./dist/Button.d.ts",
+      "default": "./dist/cjs/Button.js"
+    },
+    "./Checkbox": {
+      "types": "./dist/Checkbox.d.ts",
+      "default": "./dist/cjs/Checkbox.js"
+    },
+    "./Document": {
+      "types": "./dist/Document.d.ts",
+      "default": "./dist/cjs/Document.js"
+    },
+    "./Fieldset": {
+      "types": "./dist/Fieldset.d.ts",
+      "default": "./dist/cjs/Fieldset.js"
+    },
+    "./FieldsetLegend": {
+      "types": "./dist/FieldsetLegend.d.ts",
+      "default": "./dist/cjs/FieldsetLegend.js"
+    },
+    "./FormField": {
+      "types": "./dist/FormField.d.ts",
+      "default": "./dist/cjs/FormField.js"
+    },
+    "./FormFieldDescription": {
+      "types": "./dist/FormFieldDescription.d.ts",
+      "default": "./dist/cjs/FormFieldDescription.js"
+    },
+    "./FormLabel": {
+      "types": "./dist/FormLabel.d.ts",
+      "default": "./dist/cjs/FormLabel.js"
+    },
+    "./HTMLContent": {
+      "types": "./dist/HTMLContent.d.ts",
+      "default": "./dist/cjs/HTMLContent.js"
+    },
+    "./Heading1": {
+      "types": "./dist/Heading1.d.ts",
+      "default": "./dist/cjs/Heading1.js"
+    },
+    "./Heading2": {
+      "types": "./dist/Heading2.d.ts",
+      "default": "./dist/cjs/Heading2.js"
+    },
+    "./Heading3": {
+      "types": "./dist/Heading3.d.ts",
+      "default": "./dist/cjs/Heading3.js"
+    },
+    "./Heading4": {
+      "types": "./dist/Heading4.d.ts",
+      "default": "./dist/cjs/Heading4.js"
+    },
+    "./Heading5": {
+      "types": "./dist/Heading5.d.ts",
+      "default": "./dist/cjs/Heading5.js"
+    },
+    "./Heading6": {
+      "types": "./dist/Heading6.d.ts",
+      "default": "./dist/cjs/Heading6.js"
+    },
+    "./Link": {
+      "types": "./dist/Link.d.ts",
+      "default": "./dist/cjs/Link.js"
+    },
+    "./OrderedList": {
+      "types": "./dist/OrderedList.d.ts",
+      "default": "./dist/cjs/OrderedList.js"
+    },
+    "./OrderedListItem": {
+      "types": "./dist/OrderedListItem.d.ts",
+      "default": "./dist/cjs/OrderedListItem.js"
+    },
+    "./Page": {
+      "types": "./dist/Page.d.ts",
+      "default": "./dist/cjs/Page.js"
+    },
+    "./PageContent": {
+      "types": "./dist/PageContent.d.ts",
+      "default": "./dist/cjs/PageContent.js"
+    },
+    "./PageFooter": {
+      "types": "./dist/PageFooter.d.ts",
+      "default": "./dist/cjs/PageFooter.js"
+    },
+    "./PageHeader": {
+      "types": "./dist/PageHeader.d.ts",
+      "default": "./dist/cjs/PageHeader.js"
+    },
+    "./Paragraph": {
+      "types": "./dist/Paragraph.d.ts",
+      "default": "./dist/cjs/Paragraph.js"
+    },
+    "./RadioButton": {
+      "types": "./dist/RadioButton.d.ts",
+      "default": "./dist/cjs/RadioButton.js"
+    },
+    "./Select": {
+      "types": "./dist/Select.d.ts",
+      "default": "./dist/cjs/Select.js"
+    },
+    "./Separator": {
+      "types": "./dist/Separator.d.ts",
+      "default": "./dist/cjs/Separator.js"
+    },
+    "./Surface": {
+      "types": "./dist/Surface.d.ts",
+      "default": "./dist/cjs/Surface.js"
+    },
+    "./Table": {
+      "types": "./dist/Table.d.ts",
+      "default": "./dist/cjs/Table.js"
+    },
+    "./TableBody": {
+      "types": "./dist/TableBody.d.ts",
+      "default": "./dist/cjs/TableBody.js"
+    },
+    "./TableCaption": {
+      "types": "./dist/TableCaption.d.ts",
+      "default": "./dist/cjs/TableCaption.js"
+    },
+    "./TableCell": {
+      "types": "./dist/TableCell.d.ts",
+      "default": "./dist/cjs/TableCell.js"
+    },
+    "./TableFooter": {
+      "types": "./dist/TableFooter.d.ts",
+      "default": "./dist/cjs/TableFooter.js"
+    },
+    "./TableHeader": {
+      "types": "./dist/TableHeader.d.ts",
+      "default": "./dist/cjs/TableHeader.js"
+    },
+    "./TableHeaderCell": {
+      "types": "./dist/TableHeaderCell.d.ts",
+      "default": "./dist/cjs/TableHeaderCell.js"
+    },
+    "./TableRow": {
+      "types": "./dist/TableRow.d.ts",
+      "default": "./dist/cjs/TableRow.js"
+    },
+    "./Textarea": {
+      "types": "./dist/Textarea.d.ts",
+      "default": "./dist/cjs/Textarea.js"
+    },
+    "./Textbox": {
+      "types": "./dist/Textbox.d.ts",
+      "default": "./dist/cjs/Textbox.js"
+    },
+    "./URLValue": {
+      "types": "./dist/URLValue.d.ts",
+      "default": "./dist/cjs/URLValue.js"
+    },
+    "./UnorderedList": {
+      "types": "./dist/UnorderedList.d.ts",
+      "default": "./dist/cjs/UnorderedList.js"
+    },
+    "./UnorderedListItem": {
+      "types": "./dist/UnorderedListItem.d.ts",
+      "default": "./dist/cjs/UnorderedListItem.js"
+    }
+  },
   "files": [
     "dist/"
   ],
@@ -32,12 +203,12 @@
     "clsx": "1.1.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "5.16.2",
-    "@testing-library/react": "12.1.3",
-    "@testing-library/user-event": "14.0.4",
-    "@types/react": "17.0.39",
+    "@testing-library/jest-dom": "5.16.4",
+    "@testing-library/react": "12.1.5",
+    "@testing-library/user-event": "14.1.1",
+    "@types/react": "17.0.44",
     "jest": "27.5.1",
-    "next": "12.1.0",
+    "next": "12.1.5",
     "npm-run-all": "4.1.5",
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -48,5 +219,5 @@
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
-  "gitHead": "99098b8b9d047959fc561752b3e76265cc6f427c"
+  "gitHead": "021f12f8d2a74a327bcb2e4c946321367faf3c07"
 }

package/dist/Article.js

@@ -1,23 +0,0 @@
-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 Article = forwardRef((_a, ref) => {
-    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (_jsx("article", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-article', className) }, { children: children }), void 0));
-});
-Article.displayName = 'utrecht-article';

package/dist/Backdrop.js

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

package/dist/Button.js

@@ -1,19 +0,0 @@
-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 Button = forwardRef((_a, ref) => {
-    var { busy, disabled, children, className, type } = _a, restProps = __rest(_a, ["busy", "disabled", "children", "className", "type"]);
-    return (_jsx("button", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', className), "aria-busy": busy || undefined, disabled: disabled, type: type || 'button' }, { children: children }), void 0));
-});
-Button.displayName = 'utrecht-button';

package/dist/Checkbox.js

@@ -1,19 +0,0 @@
-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 Checkbox = forwardRef((_a, ref) => {
-    var { disabled, invalid, required, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "required", "className"]);
-    return (_jsx("input", Object.assign({}, restProps, { ref: ref, type: "checkbox", className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', disabled && 'utrecht-checkbox--disabled', invalid && 'utrecht-checkbox--invalid', required && 'utrecht-checkbox--required', className), "aria-invalid": invalid || undefined, disabled: disabled, required: required }), void 0));
-});
-Checkbox.displayName = 'utrecht-checkbox';

package/dist/Document.js

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

package/dist/Fieldset.js

@@ -1,19 +0,0 @@
-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 Fieldset = forwardRef((_a, ref) => {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (_jsx("fieldset", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--reset-fieldset', className) }, { children: children }), void 0));
-});
-Fieldset.displayName = 'utrecht-form-fieldset';

package/dist/FieldsetLegend.js

@@ -1,19 +0,0 @@
-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 FieldsetLegend = forwardRef((_a, ref) => {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (_jsx("legend", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--reset-legend', className) }, { children: children }), void 0));
-});
-FieldsetLegend.displayName = 'utrecht-form-fieldset__legend';

package/dist/FormField.js

@@ -1,19 +0,0 @@
-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 FormField = forwardRef((_a, ref) => {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-form-field', 'utrecht-form-field--distanced', className) }, { children: children }), void 0));
-});
-FormField.displayName = 'utrecht-form-field';

package/dist/FormFieldDescription.js

@@ -1,19 +0,0 @@
-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.js

@@ -1,19 +0,0 @@
-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.js

@@ -1,23 +0,0 @@
-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.js

@@ -1,23 +0,0 @@
-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.js

@@ -1,23 +0,0 @@
-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.js

@@ -1,23 +0,0 @@
-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.js

@@ -1,23 +0,0 @@
-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.js

@@ -1,23 +0,0 @@
-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.js

@@ -1,23 +0,0 @@
-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/OrderedList.js

@@ -1,23 +0,0 @@
-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';