@moduk/frontend 1.6.0 → 1.7.1

package/react/esm/character-count/CharacterCount.js

@@ -0,0 +1,158 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["charactersAtLimitText", "charactersOverLimitText", "charactersUnderLimitText", "className", "countMessageClassname", "maxLength", "maxWords", "onChange", "textareaDescriptionText", "threshold", "wordsAtLimitText", "wordsOverLimitText", "wordsUnderLimitText"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { isNil } from 'lodash';
+import { forwardRef, useCallback, useEffect, useId, useState } from 'react';
+import { mergeRefs } from 'react-merge-refs';
+import { Textarea } from '../textarea';
+import { useThrottledValue } from './useThrottledValue';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DEFAULT_MESSAGES = {
+  charactersUnderLimit: {
+    one: 'You have %{count} character remaining',
+    other: 'You have %{count} characters remaining'
+  },
+  charactersAtLimit: 'You have 0 characters remaining',
+  charactersOverLimit: {
+    one: 'You have %{count} character too many',
+    other: 'You have %{count} characters too many'
+  },
+  textareaDescriptionCharacters: 'You can enter up to %{count} characters',
+  textareaDescriptionWords: 'You can enter up to %{count} words',
+  wordsUnderLimit: {
+    one: 'You have %{count} word remaining',
+    other: 'You have %{count} words remaining'
+  },
+  wordsAtLimit: 'You have 0 words remaining',
+  wordsOverLimitText: {
+    one: 'You have %{count} word too many',
+    other: 'You have %{count} words too many'
+  }
+};
+function getStatusMessageTemplate(countInUnits, maxUnits, isWords, messageOverrides) {
+  var _messageOverrides$wor4, _messageOverrides$wor5, _messageOverrides$cha4, _messageOverrides$cha5;
+  if (countInUnits > maxUnits) {
+    var _messageOverrides$wor, _messageOverrides$wor2, _messageOverrides$cha, _messageOverrides$cha2;
+    return isWords ? (_messageOverrides$wor = (_messageOverrides$wor2 = messageOverrides.wordsOverLimitText) === null || _messageOverrides$wor2 === void 0 ? void 0 : _messageOverrides$wor2.other) !== null && _messageOverrides$wor !== void 0 ? _messageOverrides$wor : DEFAULT_MESSAGES.wordsOverLimitText.other : (_messageOverrides$cha = (_messageOverrides$cha2 = messageOverrides.charactersOverLimitText) === null || _messageOverrides$cha2 === void 0 ? void 0 : _messageOverrides$cha2.other) !== null && _messageOverrides$cha !== void 0 ? _messageOverrides$cha : DEFAULT_MESSAGES.charactersOverLimit.other;
+  }
+  if (countInUnits === maxUnits) {
+    var _messageOverrides$wor3, _messageOverrides$cha3;
+    return isWords ? (_messageOverrides$wor3 = messageOverrides.wordsAtLimitText) !== null && _messageOverrides$wor3 !== void 0 ? _messageOverrides$wor3 : DEFAULT_MESSAGES.wordsAtLimit : (_messageOverrides$cha3 = messageOverrides.charactersAtLimitText) !== null && _messageOverrides$cha3 !== void 0 ? _messageOverrides$cha3 : DEFAULT_MESSAGES.charactersAtLimit;
+  }
+  return isWords ? (_messageOverrides$wor4 = (_messageOverrides$wor5 = messageOverrides.wordsUnderLimitText) === null || _messageOverrides$wor5 === void 0 ? void 0 : _messageOverrides$wor5.other) !== null && _messageOverrides$wor4 !== void 0 ? _messageOverrides$wor4 : DEFAULT_MESSAGES.wordsUnderLimit.other : (_messageOverrides$cha4 = (_messageOverrides$cha5 = messageOverrides.charactersUnderLimitText) === null || _messageOverrides$cha5 === void 0 ? void 0 : _messageOverrides$cha5.other) !== null && _messageOverrides$cha4 !== void 0 ? _messageOverrides$cha4 : DEFAULT_MESSAGES.charactersUnderLimit.other;
+}
+function formatMessage(message, count) {
+  return message.replace('%{count}', count.toString());
+}
+function formatStatusMessage(countInUnits, maxUnits, isWords, messageOverrides) {
+  var messageTemplate = getStatusMessageTemplate(countInUnits, maxUnits, isWords, messageOverrides);
+  return formatMessage(messageTemplate, Math.abs(maxUnits - countInUnits));
+}
+function formatDescriptionMessage(maxUnits, isWords, textareaDescriptionText) {
+  var descriptionMessageTemplate = textareaDescriptionText !== null && textareaDescriptionText !== void 0 ? textareaDescriptionText : isWords ? DEFAULT_MESSAGES.textareaDescriptionWords : DEFAULT_MESSAGES.textareaDescriptionCharacters;
+  return formatMessage(descriptionMessageTemplate, maxUnits);
+}
+function getTextUnitCount(text, isWords) {
+  return isWords ? (text.match(/\S+/g) || []).length : text.length;
+}
+export var CharacterCount = forwardRef(function (_ref, forwardedRef) {
+  var _ref2;
+  var charactersAtLimitText = _ref.charactersAtLimitText,
+    charactersOverLimitText = _ref.charactersOverLimitText,
+    charactersUnderLimitText = _ref.charactersUnderLimitText,
+    className = _ref.className,
+    countMessageClassname = _ref.countMessageClassname,
+    maxLength = _ref.maxLength,
+    maxWords = _ref.maxWords,
+    onChange = _ref.onChange,
+    textareaDescriptionText = _ref.textareaDescriptionText,
+    threshold = _ref.threshold,
+    wordsAtLimitText = _ref.wordsAtLimitText,
+    wordsOverLimitText = _ref.wordsOverLimitText,
+    wordsUnderLimitText = _ref.wordsUnderLimitText,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var messageOverrides = {
+    charactersAtLimitText: charactersAtLimitText,
+    charactersOverLimitText: charactersOverLimitText,
+    charactersUnderLimitText: charactersUnderLimitText,
+    textareaDescriptionText: textareaDescriptionText,
+    wordsAtLimitText: wordsAtLimitText,
+    wordsOverLimitText: wordsOverLimitText,
+    wordsUnderLimitText: wordsUnderLimitText
+  };
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isClient = _useState2[0],
+    setClient = _useState2[1];
+  var _useThrottledValue = useThrottledValue(),
+    rawValue = _useThrottledValue.rawValue,
+    setValue = _useThrottledValue.setValue,
+    throttledValue = _useThrottledValue.throttledValue;
+  var id = useId();
+  useEffect(function () {
+    setClient(true);
+  }, []);
+  var handleChange = useCallback(function (event) {
+    setValue(event.currentTarget.value);
+    onChange === null || onChange === void 0 || onChange(event);
+  }, [onChange, setValue]);
+  var isWords = !isNil(maxWords);
+  var maxUnits = (_ref2 = isWords ? maxWords : maxLength) !== null && _ref2 !== void 0 ? _ref2 : 0;
+  var rawValueUnitCount = getTextUnitCount(rawValue, isWords);
+  var throttledValueUnitCount = getTextUnitCount(throttledValue, isWords);
+  var isOverLimit = rawValueUnitCount > maxUnits;
+  var isOverThreshold = isNil(threshold) || isOverLimit || rawValueUnitCount / maxUnits >= threshold;
+  var visibleMessage = formatStatusMessage(rawValueUnitCount, maxUnits, isWords, messageOverrides);
+  var screenReaderMessage = formatStatusMessage(throttledValueUnitCount, maxUnits, isWords, messageOverrides);
+  var descriptionMessage = formatDescriptionMessage(maxUnits, isWords, textareaDescriptionText);
+  var callbackRef = useCallback(function (element) {
+    var _element$value;
+    setValue((_element$value = element === null || element === void 0 ? void 0 : element.value) !== null && _element$value !== void 0 ? _element$value : '');
+  }, [setValue]);
+  return _jsxs("div", {
+    className: "govuk-character-count",
+    children: [_jsx(Textarea, _objectSpread(_objectSpread({
+      ref: mergeRefs([callbackRef, forwardedRef]),
+      className: clsx(className, isOverLimit && 'govuk-textarea--error'),
+      id: id,
+      onChange: handleChange
+    }, rest), {}, {
+      children: isClient && _jsxs(_Fragment, {
+        children: [_jsx("div", {
+          id: "".concat(id, "-info"),
+          className: clsx('govuk-hint', 'govuk-character-count__message', 'govuk-visually-hidden', countMessageClassname),
+          children: descriptionMessage
+        }), _jsx("div", {
+          className: clsx('govuk-character-count__message', 'govuk-character-count__status', !isOverLimit && 'govuk-hint', isOverLimit && 'govuk-error-message', !isOverThreshold && 'govuk-character-count__message--disabled', countMessageClassname),
+          "aria-hidden": "true",
+          children: visibleMessage
+        }), _jsx("div", {
+          className: "govuk-character-count__sr-status govuk-visually-hidden",
+          "aria-hidden": !isOverThreshold,
+          "aria-live": "polite",
+          children: screenReaderMessage
+        })]
+      })
+    })), !isClient && _jsx("div", {
+      id: "".concat(id, "-info"),
+      className: clsx('govuk-hint', 'govuk-character-count__message', countMessageClassname),
+      children: descriptionMessage
+    })]
+  });
+});
+CharacterCount.displayName = 'CharacterCount';

package/react/esm/character-count/index.js

@@ -0,0 +1,2 @@
+export * from './CharacterCount';
+export { useThrottledValue } from './useThrottledValue';

package/react/esm/character-count/useThrottledValue.js

@@ -0,0 +1,28 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { throttle } from 'lodash';
+import { useCallback, useRef, useState } from 'react';
+export function useThrottledValue() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    rawValue = _useState2[0],
+    setRawValue = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    throttledValue = _useState4[0],
+    setThrottledValue = _useState4[1];
+  var throttledSetterRef = useRef(throttle(setThrottledValue, 1000));
+  var setValue = useCallback(function (value) {
+    setRawValue(value);
+    throttledSetterRef.current(value);
+  }, []);
+  return {
+    rawValue: rawValue,
+    setValue: setValue,
+    throttledValue: throttledValue
+  };
+}

package/react/esm/details/Details.js

@@ -0,0 +1,35 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className", "summary"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Details = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    summary = _ref.summary,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsxs("details", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-details', className)
+  }, rest), {}, {
+    children: [_jsx("summary", {
+      className: "govuk-details__summary",
+      children: _jsx("span", {
+        className: "govuk-details__summary-text",
+        children: summary
+      })
+    }), _jsx("div", {
+      className: "govuk-details__text",
+      children: children
+    })]
+  }));
+});
+Details.displayName = 'Details';

package/react/esm/details/index.js

@@ -0,0 +1 @@
+export * from './Details';

package/react/esm/fieldset/Fieldset.js

@@ -0,0 +1,24 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Fieldset = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("fieldset", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-fieldset', className)
+  }, rest), {}, {
+    children: children
+  }));
+});
+Fieldset.displayName = 'Fieldset';

package/react/esm/fieldset/FieldsetLegend.js

@@ -0,0 +1,29 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className", "isPageHeading"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var FieldsetLegend = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    isPageHeading = _ref.isPageHeading,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var contents = isPageHeading ? _jsx("h1", {
+    className: "govuk-fieldset__heading",
+    children: children
+  }) : children;
+  return _jsx("legend", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-fieldset__legend', className)
+  }, rest), {}, {
+    children: contents
+  }));
+});
+FieldsetLegend.displayName = 'FieldsetLegend';

package/react/esm/fieldset/index.js

@@ -0,0 +1,2 @@
+export * from './Fieldset';
+export * from './FieldsetLegend';

package/react/esm/index.js

@@ -2,7 +2,10 @@
 
 export * from './accordion';
 export * from './back-link/BackLink';
+export * from './character-count';
+export * from './details';
 export * from './error-message';
+export * from './fieldset';
 export * from './footer';
 export * from './header';
 export * from './hint';

package/react/esm/notification-banner/NotificationBanner.js

@@ -0,0 +1,87 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "disableAutoFocus", "onBlur", "role", "title", "titleHeadingTag", "titleId", "type"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { Children, forwardRef, isValidElement, useCallback, useEffect, useId, useRef } from 'react';
+import { mergeRefs } from 'react-merge-refs';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var NotificationBannerTitle = function NotificationBannerTitle(_ref) {
+  var children = _ref.children,
+    Heading = _ref.headingTag,
+    id = _ref.id;
+  return _jsx(Heading, {
+    className: clsx('govuk-notification-banner__title'),
+    id: id,
+    children: children
+  });
+};
+export var NotificationBanner = forwardRef(function (_ref2, forwardedRef) {
+  var children = _ref2.children,
+    disableAutoFocus = _ref2.disableAutoFocus,
+    onBlur = _ref2.onBlur,
+    role = _ref2.role,
+    title = _ref2.title,
+    _ref2$titleHeadingTag = _ref2.titleHeadingTag,
+    titleHeadingTag = _ref2$titleHeadingTag === void 0 ? 'h2' : _ref2$titleHeadingTag,
+    titleId = _ref2.titleId,
+    type = _ref2.type,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var autoTitleId = useId();
+  var ref = useRef(null);
+  var isFirstRender = useRef(true);
+  var resolvedTitleId = titleId || autoTitleId;
+  var isSuccess = type === 'success';
+  var computedRole = role !== null && role !== void 0 ? role : isSuccess ? 'alert' : 'region';
+  var computedTitle = title !== null && title !== void 0 ? title : isSuccess ? 'Success' : 'Important';
+  var hasSimpleChildren = !Children.toArray(children).every(isValidElement);
+  var content = hasSimpleChildren ? _jsx("p", {
+    className: "govuk-notification-banner__heading",
+    children: children
+  }) : children;
+  var handleBlur = useCallback(function (event) {
+    var _ref$current;
+    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.removeAttribute('tabindex');
+    onBlur === null || onBlur === void 0 || onBlur(event);
+  }, [onBlur]);
+  useEffect(function () {
+    if (!ref.current) {
+      return;
+    }
+    var previousIsFirstRender = isFirstRender.current;
+    isFirstRender.current = false;
+    if (!previousIsFirstRender || disableAutoFocus || computedRole !== 'alert') {
+      return;
+    }
+    if (!ref.current.getAttribute('tabindex')) {
+      ref.current.setAttribute('tabindex', '-1');
+    }
+    ref.current.focus();
+  }, [computedRole, disableAutoFocus]);
+  return _jsxs("div", _objectSpread(_objectSpread({
+    ref: mergeRefs([ref, forwardedRef]),
+    "aria-labelledby": resolvedTitleId,
+    className: clsx('govuk-notification-banner', isSuccess && 'govuk-notification-banner--success'),
+    onBlur: handleBlur,
+    role: computedRole
+  }, rest), {}, {
+    children: [_jsx("div", {
+      className: "govuk-notification-banner__header",
+      children: _jsx(NotificationBannerTitle, {
+        id: resolvedTitleId,
+        headingTag: titleHeadingTag,
+        children: computedTitle
+      })
+    }), _jsx("div", {
+      className: "govuk-notification-banner__content",
+      children: content
+    })]
+  }));
+});
+NotificationBanner.displayName = 'NotificationBanner';

package/react/esm/notification-banner/index.js

@@ -0,0 +1 @@
+export * from './NotificationBanner';

package/react/esm/textarea/Textarea.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["aria-describedby", "className", "errorMessage", "formGroupClassName", "hint", "id", "label", "rows"];
+var _excluded = ["aria-describedby", "children", "className", "errorMessage", "formGroupClassName", "hint", "id", "label", "rows"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -14,6 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Textarea = forwardRef(function (_ref, ref) {
   var ariaDescribedBy = _ref['aria-describedby'],
+    children = _ref.children,
     className = _ref.className,
     errorMessage = _ref.errorMessage,
     formGroupClassName = _ref.formGroupClassName,
@@ -35,7 +36,7 @@ export var Textarea = forwardRef(function (_ref, ref) {
       className: clsx('govuk-textarea', errorMessage && 'govuk-textarea--error', className),
       id: resolvedId,
       rows: rows
-    }, rest))]
+    }, rest)), children]
   });
 });
 Textarea.displayName = 'Textarea';

package/react/fieldset/Fieldset.d.ts

@@ -0,0 +1,46 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface FieldsetProps extends ComponentPropsWithoutRef<'fieldset'> {
+    /**
+     * Content for the fieldset.
+     *
+     * This would normally include a FieldsetLegend and
+     * multiple form elements.
+     */
+    children: ReactNode;
+}
+/**
+ * Fieldset component.
+ *
+ * @experimental React components are in alpha and subject to change.
+ *
+ * @example
+ * <Fieldset>
+ *   <FieldsetLegend className='govuk-fieldset__legend--l' isPageHeading>
+ *     What is your address?
+ *   </FieldsetLegend>
+ *   <Input
+ *     autoComplete='address-line1'
+ *     label={<Label>Address line 1</Label>}
+ *     name='address-line-1'
+ *   />
+ *   <Input
+ *     autoComplete='address-line2'
+ *     label={<Label>Address line 2 (optional)</Label>}
+ *     name='address-line-2'
+ *   />
+ *   <Input
+ *     autoComplete='address-level2'
+ *     className='govuk-!-width-two-thirds'
+ *     label={<Label>Town or city</Label>}
+ *     name='address-town'
+ *   />
+ *   <Input
+ *     autoComplete='postal-code'
+ *     className='govuk-input--width-10'
+ *     label={<Label>Postcode</Label>}
+ *     name='address-postcode'
+ *   />
+ * </Fieldset>
+ */
+export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=Fieldset.d.ts.map

package/react/fieldset/Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/react/fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjF,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,UAAU,CAAC;IACzE;;;;;OAKG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,QAAQ,+GAEnB,CAAA"}

package/react/fieldset/FieldsetLegend.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface FieldsetLegendProps extends ComponentPropsWithoutRef<'legend'> {
+    /**
+     * Content for the legend (normally text).
+     */
+    children: ReactNode;
+    /**
+     * Whether the legend also acts as the heading for the page.
+     */
+    isPageHeading?: boolean;
+}
+/**
+ * Legend for the Fieldset component.
+ *
+ * @experimental React components are in alpha and subject to change.
+ */
+export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<FieldsetLegendProps & import("react").RefAttributes<HTMLLegendElement>>;
+//# sourceMappingURL=FieldsetLegend.d.ts.map

package/react/fieldset/FieldsetLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetLegend.d.ts","sourceRoot":"","sources":["../../../src/react/fieldset/FieldsetLegend.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjF,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IAC7E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,mHAU1B,CAAA"}

package/react/fieldset/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Fieldset';
+export * from './FieldsetLegend';
+//# sourceMappingURL=index.d.ts.map

package/react/fieldset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/fieldset/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA"}

package/react/header/Header.d.ts

@@ -1,11 +1,39 @@
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 interface HeaderContentProps {
+    /**
+     * The name of your service, included in the header.
+     */
     serviceName?: string;
+    /**
+     * URL for the service name anchor.
+     */
     serviceUrl?: string;
+    /**
+     * Text for the aria-label attribute of the button that
+     * opens the mobile navigation, if there is a mobile
+     * navigation menu. Defaults to 'Show or hide menu'.
+     */
     menuButtonLabel?: string;
+    /**
+     * Text of the button that opens the mobile navigation
+     * menu, if there is a mobile navigation menu. There is
+     * no enforced character limit, but there is a limited
+     * display space so keep text as short as possible. By
+     * default, this is set to 'Menu'.
+     */
     menuButtonText?: string;
+    /**
+     * Optional instances of HeaderNavigationItem.
+     */
     children?: ReactNode;
+    /**
+     * CSS classes for the navigation section of the header.
+     */
     navigationClassName?: string;
+    /**
+     * Text for the aria-label attribute of the navigation.
+     * Defaults to the same value as menuButtonText.
+     */
     navigationLabel?: string;
 }
 export interface HeaderProps extends HeaderContentProps, ComponentPropsWithoutRef<'header'> {
@@ -13,7 +41,32 @@ export interface HeaderProps extends HeaderContentProps, ComponentPropsWithoutRe
     containerClassName?: string;
 }
 /**
+ * Header.
+ *
  * @experimental React components are in alpha and subject to change.
+ *
+ * @example
+ * <Header homepageUrl='#' serviceName='Service name' serviceUrl='#' />
+ *
+ * @example
+ * <Header
+ *   homepageUrl='#'
+ *   serviceName='Service name'
+ *   serviceUrl='#'
+ * >
+ *   <HeaderNavigationItem active>
+ *     <HeaderNavigationLink href='#1'>Navigation item 1</HeaderNavigationLink>
+ *   </HeaderNavigationItem>
+ *   <HeaderNavigationItem>
+ *     <HeaderNavigationLink href='#2'>Navigation item 2</HeaderNavigationLink>
+ *   </HeaderNavigationItem>
+ *   <HeaderNavigationItem>
+ *     <HeaderNavigationLink href='#3'>Navigation item 3</HeaderNavigationLink>
+ *   </HeaderNavigationItem>
+ *   <HeaderNavigationItem>
+ *     <HeaderNavigationLink href='#4'>Navigation item 4</HeaderNavigationLink>
+ *   </HeaderNavigationItem>
+ * </Header>
  */
 export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
 export {};

package/react/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/react/header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAM3F,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,wBAAwB,CAAC,QAAQ,CAAC;IACzF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAuDD;;GAEG;AACH,eAAO,MAAM,MAAM,qGA8CjB,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/react/header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAM3F,UAAU,kBAAkB;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,wBAAwB,CAAC,QAAQ,CAAC;IACzF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAuDD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,MAAM,qGA8CjB,CAAA"}

package/react/header/HeaderNavigationItem.d.ts

@@ -1,10 +1,18 @@
 import { type ReactNode } from 'react';
 export interface HeaderNavigationItemProps {
+    /**
+     * An instance of HeaderNavigationLink.
+     */
     children: ReactNode;
     className?: string;
+    /**
+     * Whether this navigation item is active.
+     */
     active?: boolean;
 }
 /**
+ * A header navigation item.
+ *
  * @experimental React components are in alpha and subject to change.
  */
 export declare const HeaderNavigationItem: import("react").ForwardRefExoticComponent<HeaderNavigationItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/react/header/HeaderNavigationItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationItem.d.ts","sourceRoot":"","sources":["../../../src/react/header/HeaderNavigationItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,qHAqB/B,CAAA"}
+{"version":3,"file":"HeaderNavigationItem.d.ts","sourceRoot":"","sources":["../../../src/react/header/HeaderNavigationItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,qHAqB/B,CAAA"}

package/react/header/HeaderNavigationLink.d.ts

@@ -5,6 +5,8 @@ export interface HeaderNavigationLinkProps {
     className?: string;
 }
 /**
+ * A link within a header navigation item.
+ *
  * @experimental React components are in alpha and subject to change.
  */
 export declare const HeaderNavigationLink: LinkComponent<HeaderNavigationLinkProps>;