@utrecht/component-library-react 1.0.0-alpha.129 → 1.0.0-alpha.131

package/dist/HeadingGroup.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type HeadingGroupProps = HTMLAttributes<HTMLElement>;
+export declare const HeadingGroup: import("react").ForwardRefExoticComponent<HeadingGroupProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export {};

package/dist/Image.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { ImgHTMLAttributes } from 'react';
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    photo?: boolean;
+}
+export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist/PreHeading.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type PreHeadingProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const PreHeading: import("react").ForwardRefExoticComponent<PreHeadingProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/index.cjs.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var react = require('react');
@@ -10,37 +11,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(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 Article = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("article", Object.assign({}, restProps, {
     ref: ref,
@@ -54,7 +28,7 @@ Article.displayName = 'Article';
 var Backdrop = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -72,7 +46,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       children = _a.children,
       className = _a.className,
       type = _a.type,
-      restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "type"]);
+      restProps = tslib.__rest(_a, ["appearance", "busy", "disabled", "children", "className", "type"]);
 
   return jsxRuntime.jsx("button", Object.assign({}, restProps, {
     ref: ref,
@@ -86,7 +60,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Button.displayName = 'Button';
 var PrimaryActionButton = function PrimaryActionButton(_a) {
-  var args = __rest(_a, []);
+  var args = tslib.__rest(_a, []);
 
   return jsxRuntime.jsx(Button, Object.assign({}, args, {
     appearance: "primary-action-button"
@@ -94,7 +68,7 @@ var PrimaryActionButton = function PrimaryActionButton(_a) {
 };
 PrimaryActionButton.displayName = 'PrimaryActionButton';
 var SecondaryActionButton = function SecondaryActionButton(_a) {
-  var args = __rest(_a, []);
+  var args = tslib.__rest(_a, []);
 
   return jsxRuntime.jsx(Button, Object.assign({}, args, {
     appearance: "secondary-action-button"
@@ -102,7 +76,7 @@ var SecondaryActionButton = function SecondaryActionButton(_a) {
 };
 SecondaryActionButton.displayName = 'SecondaryActionButton';
 var SubtleButton = function SubtleButton(_a) {
-  var args = __rest(_a, []);
+  var args = tslib.__rest(_a, []);
 
   return jsxRuntime.jsx(Button, Object.assign({}, args, {
     appearance: "subtle-button"
@@ -127,7 +101,7 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       className = _a.className,
       external = _a.external,
       role = _a.role,
-      restProps = __rest(_a, ["appearance", "children", "className", "external", "role"]);
+      restProps = tslib.__rest(_a, ["appearance", "children", "className", "external", "role"]);
 
   var props = restProps;
 
@@ -162,7 +136,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       invalid = _a.invalid,
       required = _a.required,
       className = _a.className,
-      restProps = __rest(_a, ["disabled", "invalid", "required", "className"]);
+      restProps = tslib.__rest(_a, ["disabled", "invalid", "required", "className"]);
 
   return jsxRuntime.jsx("input", Object.assign({}, restProps, {
     ref: ref,
@@ -180,7 +154,7 @@ var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       required = _a.required,
       className = _a.className,
       invalid = _a.invalid,
-      restProps = __rest(_a, ["disabled", "required", "className", "invalid"]);
+      restProps = tslib.__rest(_a, ["disabled", "required", "className", "invalid"]);
 
   return jsxRuntime.jsx("input", Object.assign({
     type: "radio",
@@ -196,7 +170,7 @@ CustomRadioButton.displayName = 'CustomRadioButton';
 var Document = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -211,7 +185,7 @@ var DataList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var appearance = _a.appearance,
       children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["appearance", "children", "className"]);
+      restProps = tslib.__rest(_a, ["appearance", "children", "className"]);
 
   return jsxRuntime.jsx("dl", Object.assign({}, restProps, {
     className: clsx__default["default"]('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
@@ -224,7 +198,7 @@ DataList.displayName = 'DataList';
 var DataListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     className: clsx__default["default"]('utrecht-data-list__item', className),
@@ -237,7 +211,7 @@ DataListItem.displayName = 'DataListItem';
 var DataListKey = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("dt", Object.assign({}, restProps, {
     className: clsx__default["default"]('utrecht-data-list__item-key', className),
@@ -271,7 +245,7 @@ DataListValue.displayName = 'DataListValue';
 var DataListActions = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("dd", Object.assign({}, restProps, {
     className: clsx__default["default"]('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
@@ -285,7 +259,7 @@ DataListActions.displayName = 'DataListActions';
 var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var className = _a.className,
       children = _a.children,
-      restProps = __rest(_a, ["className", "children"]);
+      restProps = tslib.__rest(_a, ["className", "children"]);
 
   return jsxRuntime.jsx("fieldset", Object.assign({}, restProps, {
     ref: ref,
@@ -299,7 +273,7 @@ Fieldset.displayName = 'Fieldset';
 var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var className = _a.className,
       children = _a.children,
-      restProps = __rest(_a, ["className", "children"]);
+      restProps = tslib.__rest(_a, ["className", "children"]);
 
   return jsxRuntime.jsx("legend", Object.assign({}, restProps, {
     ref: ref,
@@ -313,7 +287,7 @@ FieldsetLegend.displayName = 'FieldsetLegend';
 var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var className = _a.className,
       children = _a.children,
-      restProps = __rest(_a, ["className", "children"]);
+      restProps = tslib.__rest(_a, ["className", "children"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -330,7 +304,7 @@ var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       warning = _a.warning,
       className = _a.className,
       children = _a.children,
-      restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
+      restProps = tslib.__rest(_a, ["invalid", "valid", "warning", "className", "children"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -347,7 +321,7 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       type = _a.type,
       disabled = _a.disabled,
       checked = _a.checked,
-      restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
+      restProps = tslib.__rest(_a, ["children", "className", "type", "disabled", "checked"]);
 
   return jsxRuntime.jsx("label", Object.assign({}, restProps, {
     ref: ref,
@@ -361,7 +335,7 @@ FormLabel.displayName = 'FormLabel';
 var HTMLContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -375,7 +349,7 @@ HTMLContent.displayName = 'HTMLContent';
 var Heading1 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("h1", Object.assign({}, restProps, {
     ref: ref,
@@ -389,7 +363,7 @@ Heading1.displayName = 'Heading1';
 var Heading2 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("h2", Object.assign({}, restProps, {
     ref: ref,
@@ -403,7 +377,7 @@ Heading2.displayName = 'Heading2';
 var Heading3 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("h3", Object.assign({}, restProps, {
     ref: ref,
@@ -417,7 +391,7 @@ Heading3.displayName = 'Heading3';
 var Heading4 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("h4", Object.assign({}, restProps, {
     ref: ref,
@@ -431,7 +405,7 @@ Heading4.displayName = 'Heading4';
 var Heading5 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("h5", Object.assign({}, restProps, {
     ref: ref,
@@ -445,7 +419,7 @@ Heading5.displayName = 'Heading5';
 var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("h6", Object.assign({}, restProps, {
     ref: ref,
@@ -456,12 +430,40 @@ var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Heading6.displayName = 'Heading6';
 
+var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = tslib.__rest(_a, ["children", "className"]);
+
+  return jsxRuntime.jsx("hgroup", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx__default["default"]('utrecht-heading-group', className)
+  }, {
+    children: children
+  }));
+});
+HeadingGroup.displayName = 'HeadingGroup';
+
+var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var className = _a.className,
+      photo = _a.photo,
+      restProps = tslib.__rest(_a, ["className", "photo"]);
+
+  return jsxRuntime.jsx("img", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx__default["default"]('utrecht-img', {
+      'utrecht-img--photo': photo
+    }, className)
+  }));
+});
+Image.displayName = 'Image';
+
 var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var boxContent = _a.boxContent,
       children = _a.children,
       className = _a.className,
       external = _a.external,
-      restProps = __rest(_a, ["boxContent", "children", "className", "external"]);
+      restProps = tslib.__rest(_a, ["boxContent", "children", "className", "external"]);
 
   return (// "utrecht-link--telephone" does not have a corresponding API,
     // since it is primarily a basis for implementing input[href^="tel"].
@@ -485,7 +487,7 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       inline = _a.inline,
       className = _a.className,
-      restProps = __rest(_a, ["children", "inline", "className"]);
+      restProps = tslib.__rest(_a, ["children", "inline", "className"]);
 
   return jsxRuntime.jsx("button", Object.assign({}, restProps, {
     ref: ref,
@@ -502,7 +504,7 @@ var NumberValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
       value = _a.value,
-      restProps = __rest(_a, ["children", "className", "value"]);
+      restProps = tslib.__rest(_a, ["children", "className", "value"]);
 
   return jsxRuntime.jsx("data", Object.assign({
     value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
@@ -518,7 +520,7 @@ NumberValue.displayName = 'NumberValue';
 var OrderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("ol", Object.assign({}, restProps, {
     ref: ref,
@@ -532,7 +534,7 @@ OrderedList.displayName = 'OrderedList';
 var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("li", Object.assign({}, restProps, {
     ref: ref,
@@ -546,7 +548,7 @@ OrderedListItem.displayName = 'OrderedListItem';
 var Page = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -560,7 +562,7 @@ Page.displayName = 'Page';
 var PageContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -573,7 +575,7 @@ PageContent.displayName = 'PageContent';
 var PageContentMain = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("main", Object.assign({}, restProps, {
     ref: ref,
@@ -587,7 +589,7 @@ PageContentMain.displayName = 'PageContentMain';
 var PageFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("footer", Object.assign({}, restProps, {
     ref: ref,
@@ -601,7 +603,7 @@ PageFooter.displayName = 'PageFooter';
 var PageHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("header", Object.assign({}, restProps, {
     ref: ref,
@@ -616,7 +618,7 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
       lead = _a.lead,
-      restProps = __rest(_a, ["children", "className", "lead"]);
+      restProps = tslib.__rest(_a, ["children", "className", "lead"]);
 
   return jsxRuntime.jsx("p", Object.assign({}, restProps, {
     ref: ref,
@@ -627,10 +629,24 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Paragraph.displayName = 'Paragraph';
 
+var PreHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = tslib.__rest(_a, ["children", "className"]);
+
+  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx__default["default"]('utrecht-pre-heading', className)
+  }, {
+    children: children
+  }));
+});
+PreHeading.displayName = 'PreHeading';
+
 var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var invalid = _a.invalid,
       className = _a.className,
-      restProps = __rest(_a, ["invalid", "className"]);
+      restProps = tslib.__rest(_a, ["invalid", "className"]);
 
   return jsxRuntime.jsx("input", Object.assign({}, restProps, {
     ref: ref,
@@ -646,7 +662,7 @@ var Select = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       className = _a.className,
       noscript = _a.noscript,
       children = _a.children,
-      restProps = __rest(_a, ["invalid", "required", "className", "noscript", "children"]);
+      restProps = tslib.__rest(_a, ["invalid", "required", "className", "noscript", "children"]);
 
   return jsxRuntime.jsx("select", Object.assign({}, restProps, {
     ref: ref,
@@ -665,7 +681,7 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       value = _a.value,
       children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
+      restProps = tslib.__rest(_a, ["disabled", "invalid", "value", "children", "className"]);
 
   return jsxRuntime.jsx("option", Object.assign({}, restProps, {
     ref: ref,
@@ -681,7 +697,7 @@ SelectOption.displayName = 'SelectOption';
 var Separator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var className = _a.className;
       _a.children;
-      var restProps = __rest(_a, ["className", "children"]);
+      var restProps = tslib.__rest(_a, ["className", "children"]);
 
   return jsxRuntime.jsx("hr", Object.assign({}, restProps, {
     ref: ref,
@@ -693,7 +709,7 @@ Separator.displayName = 'Separator';
 var SkipLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("p", {
     children: jsxRuntime.jsx("a", Object.assign({
@@ -710,7 +726,7 @@ SkipLink.displayName = 'SkipLink';
 var Surface = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("div", Object.assign({}, restProps, {
     ref: ref,
@@ -724,7 +740,7 @@ Surface.displayName = 'Surface';
 var Table = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("table", Object.assign({}, restProps, {
     ref: ref,
@@ -738,7 +754,7 @@ Table.displayName = 'Table';
 var TableBody = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("tbody", Object.assign({}, restProps, {
     ref: ref,
@@ -752,7 +768,7 @@ TableBody.displayName = 'TableBody';
 var TableCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("caption", Object.assign({}, restProps, {
     ref: ref,
@@ -766,7 +782,7 @@ TableCaption.displayName = 'TableCaption';
 var TableCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("td", Object.assign({}, restProps, {
     ref: ref,
@@ -780,7 +796,7 @@ TableCell.displayName = 'TableCell';
 var TableFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("tfoot", Object.assign({}, restProps, {
     ref: ref,
@@ -794,7 +810,7 @@ TableFooter.displayName = 'TableFooter';
 var TableHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("thead", Object.assign({}, restProps, {
     ref: ref,
@@ -808,7 +824,7 @@ TableHeader.displayName = 'TableHeader';
 var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("th", Object.assign({}, restProps, {
     ref: ref,
@@ -822,7 +838,7 @@ TableHeaderCell.displayName = 'TableHeaderCell';
 var TableRow = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("tr", Object.assign({}, restProps, {
     ref: ref,
@@ -839,7 +855,7 @@ var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       readOnly = _a.readOnly,
       required = _a.required,
       className = _a.className,
-      restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
+      restProps = tslib.__rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
 
   return jsxRuntime.jsx("textarea", Object.assign({}, restProps, {
     ref: ref,
@@ -862,7 +878,7 @@ var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
       type = _a$type === void 0 ? 'text' : _a$type,
       maxLength = _a.maxLength,
       inputMode = _a.inputMode,
-      restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
+      restProps = tslib.__rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
 
   return jsxRuntime.jsx("input", Object.assign({}, restProps, {
     ref: ref,
@@ -881,7 +897,7 @@ Textbox.displayName = 'Textbox';
 var URLValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("bdi", Object.assign({
     translate: "no"
@@ -897,7 +913,7 @@ URLValue.displayName = 'URLValue';
 var UnorderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("ul", Object.assign({}, restProps, {
     ref: ref,
@@ -911,7 +927,7 @@ UnorderedList.displayName = 'UnorderedList';
 var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
-      restProps = __rest(_a, ["children", "className"]);
+      restProps = tslib.__rest(_a, ["children", "className"]);
 
   return jsxRuntime.jsx("li", Object.assign({}, restProps, {
     ref: ref,
@@ -946,6 +962,8 @@ exports.Heading3 = Heading3;
 exports.Heading4 = Heading4;
 exports.Heading5 = Heading5;
 exports.Heading6 = Heading6;
+exports.HeadingGroup = HeadingGroup;
+exports.Image = Image;
 exports.Link = Link;
 exports.LinkButton = LinkButton;
 exports.NumberValue = NumberValue;
@@ -956,6 +974,7 @@ exports.PageContent = PageContent;
 exports.PageFooter = PageFooter;
 exports.PageHeader = PageHeader;
 exports.Paragraph = Paragraph;
+exports.PreHeading = PreHeading;
 exports.PrimaryActionButton = PrimaryActionButton;
 exports.RadioButton = RadioButton;
 exports.SecondaryActionButton = SecondaryActionButton;

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA4BA;AACO,SAAS,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE;AAC7B,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;AACf,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACvF,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,UAAU;AACvE,QAAQ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAChF,YAAY,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1F,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,SAAS;AACT,IAAI,OAAO,CAAC,CAAC;AACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -22,6 +22,8 @@ export { Heading3 } from './Heading3';
 export { Heading4 } from './Heading4';
 export { Heading5 } from './Heading5';
 export { Heading6 } from './Heading6';
+export { HeadingGroup } from './HeadingGroup';
+export { Image } from './Image';
 export { Link } from './Link';
 export { LinkButton } from './LinkButton';
 export { NumberValue } from './NumberValue';
@@ -32,6 +34,7 @@ export { PageContent } from './PageContent';
 export { PageFooter } from './PageFooter';
 export { PageHeader } from './PageHeader';
 export { Paragraph } from './Paragraph';
+export { PreHeading } from './PreHeading';
 export { RadioButton } from './RadioButton';
 export { Select, SelectOption } from './Select';
 export { Separator } from './Separator';

package/dist/index.esm.js

@@ -1,34 +1,8 @@
+import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(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 Article = /*#__PURE__*/forwardRef(function (_a, ref) {
   var children = _a.children,
       className = _a.className,
@@ -448,6 +422,34 @@ var Heading6 = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Heading6.displayName = 'Heading6';
 
+var HeadingGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = __rest(_a, ["children", "className"]);
+
+  return jsx("hgroup", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-heading-group', className)
+  }, {
+    children: children
+  }));
+});
+HeadingGroup.displayName = 'HeadingGroup';
+
+var Image = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+      photo = _a.photo,
+      restProps = __rest(_a, ["className", "photo"]);
+
+  return jsx("img", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-img', {
+      'utrecht-img--photo': photo
+    }, className)
+  }));
+});
+Image.displayName = 'Image';
+
 var Link = /*#__PURE__*/forwardRef(function (_a, ref) {
   var boxContent = _a.boxContent,
       children = _a.children,
@@ -619,6 +621,20 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Paragraph.displayName = 'Paragraph';
 
+var PreHeading = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = __rest(_a, ["children", "className"]);
+
+  return jsx("p", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-pre-heading', className)
+  }, {
+    children: children
+  }));
+});
+PreHeading.displayName = 'PreHeading';
+
 var RadioButton = /*#__PURE__*/forwardRef(function (_a, ref) {
   var invalid = _a.invalid,
       className = _a.className,
@@ -914,5 +930,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 UnorderedListItem.displayName = 'UnorderedListItem';
 
-export { Article, Backdrop, Button, ButtonLink, Checkbox, CustomRadioButton, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Fieldset, FieldsetLegend, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Link, LinkButton, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
+export { Article, Backdrop, Button, ButtonLink, Checkbox, CustomRadioButton, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Fieldset, FieldsetLegend, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Image, Link, LinkButton, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA4BA;AACO,SAAS,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE;AAC7B,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;AACf,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACvF,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,UAAU;AACvE,QAAQ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAChF,YAAY,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1F,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,SAAS;AACT,IAAI,OAAO,CAAC,CAAC;AACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.129",
+  "version": "1.0.0-alpha.131",
   "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",
@@ -18,6 +18,7 @@
   "sideEffects": false,
   "scripts": {
     "build": "rollup -c",
+    "build:watch": "rollup -c --watch",
     "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",
@@ -40,10 +41,13 @@
     "@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": "13.3.0",
     "@testing-library/user-event": "14.4.0",
+    "@types/jest": "28.1.8",
     "@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",
@@ -51,17 +55,19 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rimraf": "3.0.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-typescript2": "0.32.1",
-    "typescript": "4.1.6 <4.2"
+    "tslib": "2.4.0",
+    "typescript": "4.7.4"
   },
   "peerDependencies": {
     "react": "16 - 18",
     "react-dom": "16 - 18"
   },
-  "gitHead": "87babb2704f20087aedf7949485048b340651c28"
+  "gitHead": "71d7026847c3ab2bfd0560b543ea6424c5143cca"
 }