@utrecht/component-library-react 1.0.0-alpha.21 → 1.0.0-alpha.211

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.211",
   "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,215 +17,67 @@
   },
   "sideEffects": false,
   "scripts": {
-    "build": "tsc --project ./tsconfig.json",
+    "prebuild": "npm run clean",
+    "build": "npm-run-all build:**",
+    "build:rollup": "rollup -c",
+    "build:test-results": "mkdir -p pages && NODE_OPTIONS=--experimental-vm-modules jest --json --outputFile=dist/.jest-test-results.json --silent",
     "clean": "rimraf dist/ pages/",
     "lint": "tsc --project ./tsconfig.json --noEmit && tsc --noEmit --project ./tsconfig.test.json",
     "test": "mkdir -p pages && NODE_OPTIONS=--experimental-vm-modules jest --verbose",
+    "watch:build": "rollup -c --watch",
     "watch:test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose --watch"
   },
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/cjs/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/cjs/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"
-    },
-    "./ButtonLink": {
-      "types": "./dist/ButtonLink.d.ts",
-      "default": "./dist/cjs/ButtonLink.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"
-    }
-  },
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist/"
   ],
   "dependencies": {
-    "clsx": "1.1.1"
+    "clsx": "1.2.1",
+    "date-fns": "2.29.3",
+    "lodash.chunk": "4.2.0"
   },
   "devDependencies": {
+    "@babel/core": "7.18.10",
+    "@babel/plugin-transform-runtime": "7.18.10",
+    "@babel/preset-env": "7.18.10",
+    "@babel/preset-react": "7.18.6",
+    "@babel/runtime": "7.19.0",
+    "@rollup/plugin-babel": "5.3.1",
+    "@rollup/plugin-commonjs": "22.0.2",
+    "@rollup/plugin-node-resolve": "13.3.0",
+    "@testing-library/dom": "8.16.0",
     "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "12.1.5",
-    "@testing-library/user-event": "14.2.0",
-    "@types/react": "17.0.45",
-    "jest": "28.1.0",
-    "jest-environment-jsdom": "28.1.0",
-    "next": "12.1.6",
+    "@testing-library/react": "13.3.0",
+    "@testing-library/user-event": "14.4.0",
+    "@types/date-fns": "2.6.0",
+    "@types/jest": "28.1.8",
+    "@types/lodash.chunk": "4.2.7",
+    "@types/react": "18.0.17",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "jest": "28.1.3",
+    "jest-environment-jsdom": "28.1.3",
+    "next": "12.2.3",
     "npm-run-all": "4.1.5",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "rimraf": "3.0.2",
-    "typescript": "4.1.6 <4.2"
+    "rollup": "2.76.0",
+    "rollup-plugin-delete": "2.0.0",
+    "rollup-plugin-filesize": "9.1.2",
+    "rollup-plugin-node-externals": "4.1.1",
+    "rollup-plugin-node-polyfills": "0.2.1",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-postcss": "4.0.2",
+    "rollup-plugin-typescript2": "0.32.1",
+    "sass": "1.54.0",
+    "tslib": "2.4.0",
+    "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react": "16 - 18",
+    "react-dom": "16 - 18"
   },
-  "gitHead": "14d1dfec2dba70b4963f2ad1d6c07cf47c38728e"
+  "gitHead": "8b6039c9d8d68fc1f26b2fd2ac91b0db2f324be7"
 }

package/dist/cjs/Article.js

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

package/dist/cjs/Backdrop.js

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

package/dist/cjs/Button.d.ts

@@ -1,5 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    busy?: boolean;
-}
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/Button.js

@@ -1,25 +0,0 @@
-"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.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.Button = react_1.forwardRef((_a, ref) => {
-    var { busy, disabled, children, className, type } = _a, restProps = __rest(_a, ["busy", "disabled", "children", "className", "type"]);
-    return (jsx_runtime_1.jsx("button", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('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));
-});
-exports.Button.displayName = 'utrecht-button';

package/dist/cjs/ButtonLink.d.ts

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

package/dist/cjs/ButtonLink.js

@@ -1,52 +0,0 @@
-"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.ButtonLink = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
- */
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-const onKeyDown = (evt) => {
-    var _a;
-    if (evt.key === ' ' && typeof ((_a = evt.target) === null || _a === void 0 ? void 0 : _a.click) === 'function') {
-        // Prevent other side-effects, such as scrolling
-        evt.preventDefault();
-        // Navigate to the link target
-        evt.target.click();
-    }
-};
-exports.ButtonLink = react_1.forwardRef((_a, ref) => {
-    var { children, className, external, focusStyle, focusVisibleStyle, hoverStyle, role } = _a, restProps = __rest(_a, ["children", "className", "external", "focusStyle", "focusVisibleStyle", "hoverStyle", "role"]);
-    let props = restProps;
-    if (role === 'button') {
-        // When this link is announced as button by accessibility tools,
-        // it should also behave like a button. Links are not activated
-        // using `Space`, so we need to implement that behaviour here
-        // to reach parity with the `button` element.
-        props = Object.assign(Object.assign({}, restProps), { onKeyDown });
-    }
-    return (jsx_runtime_1.jsx("a", Object.assign({}, props, { ref: ref, role: role, className: clsx_1.default('utrecht-button-link', {
-            'utrecht-button-link--external': external,
-            'utrecht-button-link--focus': focusStyle,
-            'utrecht-button-link--focus-visible': focusVisibleStyle,
-            'utrecht-button-link--hover': hoverStyle,
-        }, className), rel: external ? 'external noopener noreferrer' : undefined }, { children: children }), void 0));
-});
-exports.ButtonLink.displayName = 'utrecht-button-link';

package/dist/cjs/Checkbox.js

@@ -1,25 +0,0 @@
-"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.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.Checkbox = react_1.forwardRef((_a, ref) => {
-    var { disabled, invalid, required, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "required", "className"]);
-    return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: "checkbox", className: clsx_1.default('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));
-});
-exports.Checkbox.displayName = 'utrecht-checkbox';

package/dist/cjs/Document.js

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

package/dist/cjs/Fieldset.d.ts

@@ -1,3 +0,0 @@
-import { FieldsetHTMLAttributes } from 'react';
-export declare type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
-export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & import("react").RefAttributes<HTMLFieldSetElement>>;

package/dist/cjs/Fieldset.js

@@ -1,25 +0,0 @@
-"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.Fieldset = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.Fieldset = react_1.forwardRef((_a, ref) => {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (jsx_runtime_1.jsx("fieldset", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-form-fieldset', 'utrecht-form-fieldset--reset-fieldset', className) }, { children: children }), void 0));
-});
-exports.Fieldset.displayName = 'utrecht-form-fieldset';

package/dist/cjs/FieldsetLegend.js

@@ -1,25 +0,0 @@
-"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.FieldsetLegend = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.FieldsetLegend = react_1.forwardRef((_a, ref) => {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (jsx_runtime_1.jsx("legend", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--reset-legend', className) }, { children: children }), void 0));
-});
-exports.FieldsetLegend.displayName = 'utrecht-form-fieldset-legend';

package/dist/cjs/FormField.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export declare type FormFieldProps = HTMLAttributes<HTMLDivElement>;
-export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/FormField.js

@@ -1,25 +0,0 @@
-"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.FormField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.FormField = react_1.forwardRef((_a, ref) => {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-form-field', 'utrecht-form-field--distanced', className) }, { children: children }), void 0));
-});
-exports.FormField.displayName = 'utrecht-form-field';

package/dist/cjs/FormFieldDescription.js

@@ -1,25 +0,0 @@
-"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.FormFieldDescription = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.FormFieldDescription = react_1.forwardRef((_a, ref) => {
-    var { invalid, valid, warning, className, children } = _a, restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
-    return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('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));
-});
-exports.FormFieldDescription.displayName = 'utrecht-form-field-description';

package/dist/cjs/FormLabel.js

@@ -1,25 +0,0 @@
-"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.FormLabel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-exports.FormLabel = react_1.forwardRef((_a, ref) => {
-    var { children, className, type, disabled, checked } = _a, restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
-    return (jsx_runtime_1.jsx("label", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-form-label', type && `utrecht-form-label--${type}`, disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className) }, { children: children }), void 0));
-});
-exports.FormLabel.displayName = 'utrecht-form-label';