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

package/dist/cjs/Heading4.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.Heading4 = 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.Heading4 = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("h4", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-heading-4', className) }, { children: children }), void 0));
+});
+exports.Heading4.displayName = 'utrecht-heading-4';

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

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

package/dist/cjs/Heading5.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.Heading5 = 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.Heading5 = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("h5", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-heading-5', className) }, { children: children }), void 0));
+});
+exports.Heading5.displayName = 'utrecht-heading-5';

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

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

package/dist/cjs/Heading6.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.Heading6 = 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.Heading6 = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("h6", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-heading-6', className) }, { children: children }), void 0));
+});
+exports.Heading6.displayName = 'utrecht-heading-6';

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

@@ -4,7 +4,7 @@
  * Copyright (c) 2021 Robbert Broersma
  */
 import { AnchorHTMLAttributes } from 'react';
-interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     activeStyle?: boolean;
     external?: boolean;
     focusStyle?: boolean;
@@ -13,4 +13,3 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     visitedStyle?: boolean;
 }
 export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};

package/dist/{Link.js → cjs/Link.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,22 +10,27 @@ 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.Link = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * @license EUPL-1.2
  * Copyright (c) 2021 Gemeente Utrecht
  * Copyright (c) 2021 Robbert Broersma
  */
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-export const Link = forwardRef((_a, ref) => {
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.Link = react_1.forwardRef((_a, ref) => {
     var { children, className, activeStyle, external, focusStyle, focusVisibleStyle, hoverStyle, visitedStyle } = _a, restProps = __rest(_a, ["children", "className", "activeStyle", "external", "focusStyle", "focusVisibleStyle", "hoverStyle", "visitedStyle"]);
     return (
     // "utrecht-link--telephone" does not have a corresponding API,
     // since it is primarily a basis for implementing input[href^="tel"].
     // Telephone number rendering in React is best achieved using composition
     // of the TelephoneValue component.
-    _jsx("a", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-link', {
+    jsx_runtime_1.jsx("a", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-link', {
             'utrecht-link--active': activeStyle,
             'utrecht-link--external': external,
             'utrecht-link--focus': focusStyle,
@@ -33,4 +39,4 @@ export const Link = forwardRef((_a, ref) => {
             'utrecht-link--visited': visitedStyle,
         }, className), rel: external ? 'external noopener noreferrer' : undefined }, { children: children }), void 0));
 });
-Link.displayName = 'utrecht-link';
+exports.Link.displayName = 'utrecht-link';

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

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

package/dist/cjs/OrderedList.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.OrderedList = 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.OrderedList = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("ol", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-ordered-list', className) }, { children: children }), void 0));
+});
+exports.OrderedList.displayName = 'utrecht-ordered-list';

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

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

package/dist/cjs/OrderedListItem.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.OrderedListItem = 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.OrderedListItem = 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-ordered-list__item', className) }, { children: children }), void 0));
+});
+exports.OrderedListItem.displayName = 'utrecht-ordered-list-item';

package/dist/{Page.js → cjs/Page.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.Page = 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 Page = forwardRef((_a, ref) => {
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.Page = react_1.forwardRef((_a, ref) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (_jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx('utrecht-page', className) }, { children: children }), void 0));
+    return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page', className) }, { children: children }), void 0));
 });
-Page.displayName = 'utrecht-page';
+exports.Page.displayName = 'utrecht-page';

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

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

package/dist/cjs/PageContent.js

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

package/dist/cjs/PageFooter.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.PageFooter = 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.PageFooter = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("footer", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page-footer', className) }, { children: children }), void 0));
+});
+exports.PageFooter.displayName = 'utrecht-page-footer';

package/dist/cjs/PageHeader.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.PageHeader = 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.PageHeader = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    return (jsx_runtime_1.jsx("header", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-page-header', className) }, { children: children }), void 0));
+});
+exports.PageHeader.displayName = 'utrecht-page-header';

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

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

package/dist/cjs/Paragraph.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.Paragraph = 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.Paragraph = react_1.forwardRef((_a, ref) => {
+    var { children, className, lead } = _a, restProps = __rest(_a, ["children", "className", "lead"]);
+    return (jsx_runtime_1.jsx("p", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-paragraph', lead && 'utrecht-paragraph--lead', className) }, { children: children }), void 0));
+});
+exports.Paragraph.displayName = 'utrecht-paragraph';

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

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

package/dist/cjs/RadioButton.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.RadioButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.RadioButton = react_1.forwardRef((_a, ref) => {
+    var { checked, disabled, invalid, required, className } = _a, restProps = __rest(_a, ["checked", "disabled", "invalid", "required", "className"]);
+    return (jsx_runtime_1.jsx("input", Object.assign({}, restProps, { ref: ref, type: "radio", checked: checked, className: clsx_1.default('utrecht-radio-button', 'utrecht-radio-button--html-input', checked && 'utrecht-radio-button--checked', disabled && 'utrecht-radio-button--disabled', invalid && 'utrecht-radio-button--invalid', required && 'utrecht-radio-button--required', className), disabled: disabled, required: required }), void 0));
+});
+exports.RadioButton.displayName = 'utrecht-radio-button';

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

@@ -1,12 +1,11 @@
 import { OptionHTMLAttributes, SelectHTMLAttributes } from 'react';
-interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     invalid?: boolean;
 }
 export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
-interface SelectOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
+export 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/cjs/Select.js

@@ -0,0 +1,31 @@
+"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.SelectOption = exports.Select = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.Select = react_1.forwardRef((_a, ref) => {
+    var { disabled, invalid, required, className, children } = _a, restProps = __rest(_a, ["disabled", "invalid", "required", "className", "children"]);
+    const noscript = true;
+    return (jsx_runtime_1.jsx("select", Object.assign({}, restProps, { ref: ref, "aria-invalid": invalid || undefined, disabled: disabled, required: noscript ? required : false, "aria-required": noscript ? undefined : required, className: clsx_1.default('utrecht-select', disabled && 'utrecht-select--disabled', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className) }, { children: children }), void 0));
+});
+exports.Select.displayName = 'utrecht-radio-button';
+exports.SelectOption = react_1.forwardRef((_a, ref) => {
+    var { disabled, invalid, value, children, className } = _a, restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
+    return (jsx_runtime_1.jsx("option", Object.assign({}, restProps, { ref: ref, disabled: disabled, value: value, className: clsx_1.default('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className) }, { children: children }), void 0));
+});
+exports.SelectOption.displayName = 'utrecht-select-option';

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

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

package/dist/{Separator.js → cjs/Separator.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,16 +10,21 @@ 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.Separator = 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';
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
 // Do not pass `children` along with `restProps` and use _children as it's unused
-export const Separator = forwardRef((_a, ref) => {
+exports.Separator = react_1.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));
+    return (jsx_runtime_1.jsx("hr", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-separator', className) }), void 0));
 });
-Separator.displayName = 'utrecht-separator';
+exports.Separator.displayName = 'utrecht-separator';

package/dist/{Surface.js → cjs/Surface.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.Surface = 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 Surface = forwardRef((_a, ref) => {
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.Surface = react_1.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));
+    return (jsx_runtime_1.jsx("div", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-surface', className) }, { children: children }), void 0));
 });
-Surface.displayName = 'utrecht-surface';
+exports.Surface.displayName = 'utrecht-surface';

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

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