@abgov/react-components 4.0.0-alpha.14 → 4.0.0-alpha.17

package/react-components.umd.js

@@ -1,931 +1,964 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@abgov/web-components'), require('react/jsx-runtime'), require('react')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@abgov/web-components', 'react/jsx-runtime', 'react'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactComponents = {}, null, global.jsxRuntime, global.React));
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@abgov/web-components'), require('react/jsx-runtime'), require('react')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@abgov/web-components', 'react/jsx-runtime', 'react'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactComponents = {}, null, global.jsxRuntime, global.React));
 })(this, (function (exports, webComponents, jsxRuntime, react) { 'use strict';
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
+  var GoABadge = function GoABadge(_a) {
+    var type = _a.type,
+        content = _a.content,
+        icon = _a.icon,
+        testId = _a.testId;
+    return jsxRuntime.jsx("goa-badge", {
+      type: type,
+      content: content,
+      icon: icon,
+      testid: testId
+    }, void 0);
+  };
+  var GoAInfoBadge = function GoAInfoBadge(_a) {
+    var content = _a.content,
+        testId = _a.testId;
+    return jsxRuntime.jsx(GoABadge, {
+      type: "information",
+      icon: "information-circle",
+      content: content,
+      testId: testId
+    }, void 0);
+  };
+  var GoASuccessBadge = function GoASuccessBadge(_a) {
+    var content = _a.content,
+        testId = _a.testId;
+    return jsxRuntime.jsx(GoABadge, {
+      type: "success",
+      icon: "checkmark-circle",
+      content: content,
+      testId: testId
+    }, void 0);
+  };
+  var GoAWarningBadge = function GoAWarningBadge(_a) {
+    var content = _a.content,
+        testId = _a.testId;
+    return jsxRuntime.jsx(GoABadge, {
+      type: "warning",
+      icon: "warning",
+      content: content,
+      testId: testId
+    }, void 0);
+  };
+  var GoAEmergencyBadge = function GoAEmergencyBadge(_a) {
+    var content = _a.content,
+        testId = _a.testId;
+    return jsxRuntime.jsx(GoABadge, {
+      type: "emergency",
+      icon: "alert-circle",
+      content: content,
+      testId: testId
+    }, void 0);
+  };
+
+  /*! *****************************************************************************
+  Copyright (c) Microsoft Corporation.
 
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
+  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.
-    ***************************************************************************** */
+  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.
+  ***************************************************************************** */
 
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
+  var __assign = function() {
+      __assign = Object.assign || function __assign(t) {
+          for (var s, i = 1, n = arguments.length; i < n; i++) {
+              s = arguments[i];
+              for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+          }
+          return t;
+      };
+      return __assign.apply(this, arguments);
+  };
 
-    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;
-    }
+  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 GoAInput = function GoAInput(_a) {
+    var id = _a.id,
+        name = _a.name,
+        type = _a.type,
+        leadingIcon = _a.leadingIcon,
+        trailingIcon = _a.trailingIcon,
+        _b = _a.variant,
+        variant = _b === void 0 ? 'goa' : _b,
+        focused = _a.focused,
+        disabled = _a.disabled,
+        readonly = _a.readonly,
+        value = _a.value,
+        placeholder = _a.placeholder,
+        error = _a.error,
+        width = _a.width,
+        showCounter = _a.showCounter,
+        maxCharCount = _a.maxCharCount,
+        testId = _a.testId,
+        onTrailingIconClick = _a.onTrailingIconClick,
+        onChange = _a.onChange;
+    var ref = react.useRef(null);
+    react.useEffect(function () {
+      if (!ref.current) {
+        return;
+      }
 
-    var GoAAppHeader = function GoAAppHeader(_a) {
-      var title = _a.title,
-          url = _a.url,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-app-header", __assign({
-        title: title,
-        url: url
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoAAppFooter = function GoAAppFooter(_a) {
-      var id = _a.id,
-          appUrl = _a.appUrl,
-          title = _a.title,
-          copyrightUrl = _a.copyrightUrl,
-          copyrightText = _a.copyrightText,
-          multiColumnSectionNames = _a.multiColumnSectionNames,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-app-footer", __assign({
-        id: id,
-        appurl: appUrl,
-        title: title,
-        copyrighturl: copyrightUrl,
-        copyrighttext: copyrightText,
-        multicolumnsectionnames: multiColumnSectionNames
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoAMetaLink = function GoAMetaLink(_a) {
-      var footerId = _a.footerId,
-          url = _a.url,
-          title = _a.title,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-meta-link", __assign({
-        footerid: footerId,
-        url: url,
-        title: title
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoANavigationLink = function GoANavigationLink(_a) {
-      var footerId = _a.footerId,
-          url = _a.url,
-          title = _a.title,
-          section = _a.section,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-navigation-link", __assign({
-        footerid: footerId,
-        url: url,
-        title: title,
-        section: section
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoABadge = function GoABadge(_a) {
-      var type = _a.type,
-          content = _a.content,
-          icon = _a.icon,
-          testId = _a.testId;
-      return jsxRuntime.jsx("goa-badge", {
-        type: type,
-        content: content,
-        icon: icon,
-        testid: testId
-      }, void 0);
-    };
-    var GoAInfoBadge = function GoAInfoBadge(_a) {
-      var content = _a.content,
-          testId = _a.testId;
-      return jsxRuntime.jsx(GoABadge, {
-        type: "information",
-        icon: "information-circle",
-        content: content,
-        testId: testId
-      }, void 0);
-    };
-    var GoASuccessBadge = function GoASuccessBadge(_a) {
-      var content = _a.content,
-          testId = _a.testId;
-      return jsxRuntime.jsx(GoABadge, {
-        type: "success",
-        icon: "checkmark-circle",
-        content: content,
-        testId: testId
-      }, void 0);
-    };
-    var GoAWarningBadge = function GoAWarningBadge(_a) {
-      var content = _a.content,
-          testId = _a.testId;
-      return jsxRuntime.jsx(GoABadge, {
-        type: "warning",
-        icon: "warning",
-        content: content,
-        testId: testId
-      }, void 0);
-    };
-    var GoAEmergencyBadge = function GoAEmergencyBadge(_a) {
-      var content = _a.content,
-          testId = _a.testId;
-      return jsxRuntime.jsx(GoABadge, {
-        type: "emergency",
-        icon: "alert-circle",
-        content: content,
-        testId: testId
-      }, void 0);
-    };
-
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
-        }
+      var current = ref.current;
+
+      var changeListener = function changeListener(e) {
+        var _a = e.detail,
+            name = _a.name,
+            value = _a.value;
+        onChange(name, value);
+      };
+
+      var clickListener = function clickListener(e) {
+        onTrailingIconClick === null || onTrailingIconClick === void 0 ? void 0 : onTrailingIconClick();
+      };
+
+      current.addEventListener('_change', changeListener);
+      current.addEventListener('_trailingIconClick', clickListener);
+      return function () {
+        current.removeEventListener('_change', changeListener);
+        current.removeEventListener('_trailingIconClick', clickListener);
+      };
+    }, [ref, onChange, onTrailingIconClick]);
+    return jsxRuntime.jsx("goa-input", {
+      ref: ref,
+      focused: focused,
+      type: type,
+      name: name,
+      id: id,
+      leadingicon: leadingIcon,
+      trailingicon: trailingIcon,
+      variant: variant,
+      disabled: disabled,
+      readonly: readonly,
+      placeholder: placeholder,
+      error: error,
+      "data-testid": testId,
+      value: value,
+      width: width,
+      showcounter: showCounter,
+      maxcharcount: maxCharCount,
+      handletrailingiconclick: !!onTrailingIconClick
+    }, void 0);
+  };
+  var GoAInputText = function GoAInputText(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "text"
+    }), void 0);
+  };
+  var GoAInputPassword = function GoAInputPassword(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "password"
+    }), void 0);
+  };
+  var GoAInputDate = function GoAInputDate(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "date"
+    }), void 0);
+  };
+  var GoAInputTime = function GoAInputTime(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "time"
+    }), void 0);
+  };
+  var GoAInputDateTime = function GoAInputDateTime(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "datetime-local"
+    }), void 0);
+  };
+  var GoAInputEmail = function GoAInputEmail(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "email"
+    }), void 0);
+  };
+  var GoAInputSearch = function GoAInputSearch(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "search",
+      trailingIcon: "search"
+    }), void 0);
+  };
+  var GoAInputUrl = function GoAInputUrl(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "url"
+    }), void 0);
+  };
+  var GoAInputTel = function GoAInputTel(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "tel"
+    }), void 0);
+  };
+  var GoAInputFile = function GoAInputFile(props) {
+    return jsxRuntime.jsx("input", {
+      id: props.id,
+      name: props.name,
+      type: "file",
+      onChange: function (e) {
+        return props.onChange(e.target.name, e.target.value);
+      },
+      style: {
+        backgroundColor: 'revert'
+      }
+    }, void 0);
+  };
+  var GoAInputMonth = function GoAInputMonth(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "month"
+    }), void 0);
+  };
+  var GoAInputNumber = function GoAInputNumber(props) {
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      value: props.value.toString(),
+      type: "number"
+    }), void 0);
+  };
+  var GoAInputRange = function GoAInputRange(_a) {
+    _a.step;
+        var props = __rest(_a, ["step"]);
+
+    return jsxRuntime.jsx(GoAInput, __assign({}, props, {
+      type: "range"
+    }), void 0);
+  };
+
+  var GoAAppHeader = function GoAAppHeader(_a) {
+    var title = _a.title,
+        url = _a.url,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-app-header", __assign({
+      title: title,
+      url: url
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAAppFooter = function GoAAppFooter(_a) {
+    var id = _a.id,
+        appUrl = _a.appUrl,
+        title = _a.title,
+        copyrightUrl = _a.copyrightUrl,
+        copyrightText = _a.copyrightText,
+        multiColumnSectionNames = _a.multiColumnSectionNames,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-app-footer", __assign({
+      id: id,
+      appurl: appUrl,
+      title: title,
+      copyrighturl: copyrightUrl,
+      copyrighttext: copyrightText,
+      multicolumnsectionnames: multiColumnSectionNames
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAMetaLink = function GoAMetaLink(_a) {
+    var footerId = _a.footerId,
+        url = _a.url,
+        title = _a.title,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-meta-link", __assign({
+      footerid: footerId,
+      url: url,
+      title: title
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoANavigationLink = function GoANavigationLink(_a) {
+    var footerId = _a.footerId,
+        url = _a.url,
+        title = _a.title,
+        section = _a.section,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-navigation-link", __assign({
+      footerid: footerId,
+      url: url,
+      title: title,
+      section: section
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  function styleInject(css, ref) {
+    if ( ref === void 0 ) ref = {};
+    var insertAt = ref.insertAt;
+
+    if (!css || typeof document === 'undefined') { return; }
+
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var style = document.createElement('style');
+    style.type = 'text/css';
+
+    if (insertAt === 'top') {
+      if (head.firstChild) {
+        head.insertBefore(style, head.firstChild);
       } else {
         head.appendChild(style);
       }
+    } else {
+      head.appendChild(style);
+    }
 
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
-      }
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
     }
+  }
+
+  var css_248z$1 = "goa-button + goa-button {\n  margin-top: 1.5rem;\n}\n\n/* TODO: these margins need to match UI specs */\n@media (min-width: 480px) {\n  goa-button + goa-button {\n    margin-left: 1rem;\n  }\n}\n";
+  styleInject(css_248z$1);
+
+  var GoAButton = function GoAButton(_a) {
+    var title = _a.title,
+        _b = _a.disabled,
+        disabled = _b === void 0 ? false : _b,
+        _c = _a.type,
+        type = _c === void 0 ? 'primary' : _c,
+        _d = _a.size,
+        size = _d === void 0 ? '' : _d,
+        _e = _a.variant,
+        variant = _e === void 0 ? '' : _e,
+        leadingIcon = _a.leadingIcon,
+        trailingIcon = _a.trailingIcon,
+        children = _a.children,
+        onClick = _a.onClick;
+    var el = react.useRef(null);
+    react.useEffect(function () {
+      if (!el.current) {
+        return;
+      }
 
-    var css_248z$1 = "goa-button + goa-button {\n  margin-top: 1.5rem;\n}\n\n/* TODO: these margins need to match UI specs */\n@media (min-width: 480px) {\n  goa-button + goa-button {\n    margin-left: 1rem;\n  }\n}\n";
-    styleInject(css_248z$1);
-
-    var GoAButton = function GoAButton(_a) {
-      var title = _a.title,
-          _b = _a.disabled,
-          disabled = _b === void 0 ? false : _b,
-          _c = _a.type,
-          type = _c === void 0 ? 'primary' : _c,
-          _d = _a.size,
-          size = _d === void 0 ? 'normal' : _d,
-          _e = _a.variant,
-          variant = _e === void 0 ? 'default' : _e,
-          leadingIcon = _a.leadingIcon,
-          trailingIcon = _a.trailingIcon,
-          children = _a.children,
-          onClick = _a.onClick;
-      var el = react.useRef(null);
-      react.useEffect(function () {
-        if (!el.current) {
-          return;
-        }
+      var current = el.current;
+
+      var listener = function listener(e) {
+        onClick(e);
+      };
+
+      current.addEventListener('_click', listener);
+      return function () {
+        current.removeEventListener('_click', listener);
+      };
+    }, [el, onClick]);
+    return jsxRuntime.jsx("goa-button", __assign({
+      ref: el,
+      role: "button",
+      type: type,
+      size: size,
+      variant: variant,
+      disabled: disabled,
+      title: title,
+      leadingicon: leadingIcon,
+      trailingicon: trailingIcon
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 480px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n  }\n}\n";
+  styleInject(css_248z);
+
+  var GoAButtonGroup = function GoAButtonGroup(_a) {
+    var alignment = _a.alignment,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-button-group", __assign({
+      alignment: alignment
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoACallout = function GoACallout(_a) {
+    var title = _a.title,
+        _b = _a.type,
+        type = _b === void 0 ? "information" : _b,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-callout", __assign({
+      title: title,
+      type: type
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoACheckbox = function GoACheckbox(_a) {
+    var id = _a.id,
+        name = _a.name,
+        testId = _a.testId,
+        error = _a.error,
+        disabled = _a.disabled,
+        checked = _a.checked,
+        value = _a.value,
+        text = _a.text,
+        children = _a.children,
+        onChange = _a.onChange;
+    var el = react.useRef(null);
+    react.useEffect(function () {
+      if (!el.current) {
+        return;
+      }
 
-        var current = el.current;
-
-        var listener = function listener(e) {
-          onClick(e);
-        };
-
-        current.addEventListener('_click', listener);
-        return function () {
-          current.removeEventListener('_click', listener);
-        };
-      }, [el, onClick]);
-      return jsxRuntime.jsx("goa-button", __assign({
-        ref: el,
-        role: "button",
-        type: type,
-        size: size,
-        variant: variant,
-        disabled: disabled,
-        title: title,
-        leadingicon: leadingIcon,
-        trailingicon: trailingIcon
+      var current = el.current;
+
+      var listener = function listener(e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(name, e.detail.checked, e.detail.value);
+      };
+
+      current.addEventListener('_change', listener);
+      return function () {
+        current.removeEventListener('_change', listener);
+      };
+    }, []);
+    return jsxRuntime.jsx("goa-checkbox", __assign({
+      "data-testid": testId,
+      ref: el,
+      id: id,
+      name: name,
+      error: error,
+      checked: checked,
+      disabled: disabled,
+      text: text,
+      value: value
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAChip = function GoAChip(_a) {
+    var _b = _a.leadingIcon,
+        leadingIcon = _b === void 0 ? "" : _b,
+        _c = _a.deletable,
+        deletable = _c === void 0 ? false : _c,
+        _d = _a.error,
+        error = _d === void 0 ? false : _d,
+        content = _a.content,
+        onClick = _a.onClick;
+    var el = react.useRef(null);
+    react.useEffect(function () {
+      if (!el.current) return;
+      if (!onClick) return;
+      var current = el.current;
+
+      var listener = function listener(e) {
+        onClick();
+      };
+
+      current.addEventListener('_click', listener);
+      return function () {
+        current.removeEventListener('_click', listener);
+      };
+    }, [el, onClick]);
+    return jsxRuntime.jsx("goa-chip", {
+      ref: el,
+      leadingicon: leadingIcon,
+      error: error,
+      deletable: deletable,
+      content: content
+    }, void 0);
+  };
+
+  var GoACircularProgress = function GoACircularProgress(_a) {
+    var type = _a.type,
+        visible = _a.visible,
+        message = _a.message,
+        progress = _a.progress,
+        variant = _a.variant,
+        size = _a.size;
+    return jsxRuntime.jsx("goa-circular-progress", {
+      type: type,
+      visible: visible ? "true" : "false",
+      message: message,
+      progress: progress,
+      variant: variant,
+      size: size
+    }, void 0);
+  };
+
+  var GoAContainer = function GoAContainer(_a) {
+    var headingSize = _a.headingSize,
+        title = _a.title,
+        _b = _a.colored,
+        colored = _b === void 0 ? false : _b,
+        children = _a.children,
+        actions = _a.actions,
+        _c = _a.variant,
+        variant = _c === void 0 ? 'default' : _c;
+    return jsxRuntime.jsxs("goa-container", __assign({
+      variant: variant,
+      headingsize: headingSize,
+      colored: colored
+    }, {
+      children: [title && jsxRuntime.jsx("div", __assign({
+        slot: "title"
       }, {
-        children: children
-      }), void 0);
-    };
-
-    var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 480px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n  }\n}\n";
-    styleInject(css_248z);
-
-    var GoAButtonGroup = function GoAButtonGroup(_a) {
-      var alignment = _a.alignment,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-button-group", __assign({
-        alignment: alignment
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoACallout = function GoACallout(_a) {
-      var title = _a.title,
-          _b = _a.type,
-          type = _b === void 0 ? "information" : _b,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-callout", __assign({
-        title: title,
-        type: type
+        children: title
+      }), void 0), children, actions && jsxRuntime.jsx("div", __assign({
+        slot: "actions"
       }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoACheckbox = function GoACheckbox(_a) {
-      var id = _a.id,
-          name = _a.name,
-          testId = _a.testId,
-          error = _a.error,
-          disabled = _a.disabled,
-          checked = _a.checked,
-          value = _a.value,
-          text = _a.text,
-          children = _a.children,
-          onChange = _a.onChange;
-      var el = react.useRef(null);
-      react.useEffect(function () {
-        if (!el.current) {
-          return;
-        }
+        children: actions
+      }), void 0)]
+    }), void 0);
+  };
+
+  var GoADropdownOption = function GoADropdownOption(props) {
+    return jsxRuntime.jsx("goa-dropdown-item", __assign({
+      "data-testid": props.testId,
+      name: props.name,
+      value: props.value,
+      label: props.label
+    }, {
+      children: props.children
+    }), void 0);
+  };
+
+  var GoADropdown = function GoADropdown(props) {
+    var el = react.useRef(null);
+    react.useEffect(function () {
+      if (!el.current) {
+        return;
+      }
 
-        var current = el.current;
-
-        var listener = function listener(e) {
-          onChange === null || onChange === void 0 ? void 0 : onChange(name, e.detail.checked, e.detail.value);
-        };
-
-        current.addEventListener('_change', listener);
-        return function () {
-          current.removeEventListener('_change', listener);
-        };
-      }, []);
-      return jsxRuntime.jsx("goa-checkbox", __assign({
-        "data-testid": testId,
-        ref: el,
-        id: id,
-        name: name,
-        error: error,
-        checked: checked,
-        disabled: disabled,
-        text: text,
-        value: value
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoAChip = function GoAChip(_a) {
-      var _b = _a.leadingIcon,
-          leadingIcon = _b === void 0 ? "" : _b,
-          _c = _a.deletable,
-          deletable = _c === void 0 ? false : _c,
-          _d = _a.error,
-          error = _d === void 0 ? false : _d,
-          content = _a.content,
-          onClick = _a.onClick;
-      var el = react.useRef(null);
-      react.useEffect(function () {
-        if (!el.current) return;
-        if (!onClick) return;
-        var current = el.current;
-
-        var listener = function listener(e) {
-          onClick();
-        };
-
-        current.addEventListener('_click', listener);
-        return function () {
-          current.removeEventListener('_click', listener);
-        };
-      }, [el, onClick]);
-      return jsxRuntime.jsx("goa-chip", {
-        ref: el,
-        leadingicon: leadingIcon,
-        error: error,
-        deletable: deletable,
-        content: content
-      }, void 0);
-    };
-
-    var GoACircularProgress = function GoACircularProgress(_a) {
-      var type = _a.type,
-          visible = _a.visible,
-          message = _a.message,
-          progress = _a.progress,
-          variant = _a.variant,
-          size = _a.size;
-      return jsxRuntime.jsx("goa-circular-progress", {
-        type: type,
-        visible: visible ? "true" : "false",
-        message: message,
-        progress: progress,
-        variant: variant,
-        size: size
-      }, void 0);
-    };
-
-    var GoAContainer = function GoAContainer(_a) {
-      var headingSize = _a.headingSize,
-          title = _a.title,
-          children = _a.children,
-          actions = _a.actions,
-          _b = _a.variant,
-          variant = _b === void 0 ? 'default' : _b;
-      return jsxRuntime.jsxs("goa-container", __assign({
-        variant: variant,
-        headingsize: headingSize
-      }, {
-        children: [title && jsxRuntime.jsx("div", __assign({
-          slot: "title"
-        }, {
-          children: title
-        }), void 0), children, actions && jsxRuntime.jsx("div", __assign({
-          slot: "actions"
-        }, {
-          children: actions
-        }), void 0)]
-      }), void 0);
-    };
-
-    var GoADropdownOption = function GoADropdownOption(props) {
-      return jsxRuntime.jsx("goa-dropdown-item", __assign({
-        "data-testid": props.testId,
-        name: props.name,
-        value: props.value,
-        label: props.label
-      }, {
-        children: props.children
-      }), void 0);
-    };
-
-    var GoADropdown = function GoADropdown(props) {
-      var el = react.useRef(null);
-      react.useEffect(function () {
-        if (!el.current) {
-          return;
-        }
+      var current = el.current;
+
+      var handler = function handler(state) {
+        var _a = state.detail,
+            name = _a.name,
+            value = _a.value,
+            values = _a.values;
+        props.onChange(name, props.multiselect ? values : value);
+      };
+
+      current.addEventListener('_change', handler);
+      return function () {
+        current.removeEventListener('_change', handler);
+      };
+    }, [el, props]);
+    return jsxRuntime.jsx("goa-dropdown", __assign({
+      ref: el,
+      name: props.name,
+      value: JSON.stringify(props.value),
+      leadingicon: props.leadingIcon,
+      maxheight: props.maxHeight,
+      placeholder: props.placeholder,
+      filterable: props.filterable,
+      disabled: props.disabled,
+      multiselect: props.multiselect,
+      error: props.error,
+      testid: props.testId,
+      width: props.width
+    }, {
+      children: props.children
+    }), void 0);
+  };
+
+  var GoAFlexRow = function GoAFlexRow(_a) {
+    var gap = _a.gap,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-flex-row", __assign({
+      gap: gap
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAFormItem = function GoAFormItem(_a) {
+    var children = _a.children,
+        helpText = _a.helpText,
+        error = _a.error,
+        optional = _a.optional,
+        label = _a.label;
+    return jsxRuntime.jsx("goa-form-item", __assign({
+      label: label,
+      error: error,
+      optional: optional,
+      helptext: helpText
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAHeroBanner = function GoAHeroBanner(_a) {
+    var title = _a.title,
+        backgroundUrl = _a.backgroundUrl,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-hero-banner", __assign({
+      title: title,
+      backgroundurl: backgroundUrl
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAHeroBannerActions = function GoAHeroBannerActions(_a) {
+    var children = _a.children;
+    return jsxRuntime.jsx("div", __assign({
+      slot: "actions"
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  function GoAIcon(_a) {
+    var type = _a.type,
+        _b = _a.theme,
+        theme = _b === void 0 ? 'outline' : _b,
+        _c = _a.size,
+        size = _c === void 0 ? 'medium' : _c;
+    return jsxRuntime.jsx("goa-icon", {
+      type: type,
+      theme: theme,
+      size: size
+    }, void 0);
+  }
+
+  var GoAIconButton = function GoAIconButton(_a) {
+    var type = _a.type,
+        disabled = _a.disabled,
+        _b = _a.variant,
+        variant = _b === void 0 ? 'primary' : _b,
+        onClick = _a.onClick,
+        _c = _a.size,
+        size = _c === void 0 ? 'medium' : _c,
+        title = _a.title,
+        children = _a.children;
+    var ref = react.useRef(null);
+    react.useEffect(function () {
+      if (!ref.current) {
+        return;
+      }
 
-        var current = el.current;
-
-        var handler = function handler(state) {
-          var _a = state.detail,
-              name = _a.name,
-              values = _a.values;
-          props.onChange(name, values);
-        };
-
-        current.addEventListener('_change', handler);
-        return function () {
-          current.removeEventListener('_change', handler);
-        };
-      }, [el, props]);
-      return jsxRuntime.jsx("goa-dropdown", __assign({
-        ref: el,
-        name: props.name,
-        value: JSON.stringify(props.value),
-        leadingicon: props.leadingIcon,
-        maxheight: props.maxHeight,
-        placeholder: props.placeholder,
-        filterable: props.filterable,
-        disabled: props.disabled,
-        multiselect: props.multiselect,
-        error: props.error,
-        testid: props.testId,
-        width: props.width
-      }, {
-        children: props.children
-      }), void 0);
-    };
-
-    var GoAFlexRow = function GoAFlexRow(_a) {
-      var gap = _a.gap,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-flex-row", __assign({
-        gap: gap
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoAFormItem = function GoAFormItem(_a) {
-      var children = _a.children,
-          helpText = _a.helpText,
-          error = _a.error,
-          optional = _a.optional,
-          label = _a.label;
-      return jsxRuntime.jsx("goa-form-item", __assign({
-        label: label,
-        error: error,
-        optional: optional,
-        helptext: helpText
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoAHeroBanner = function GoAHeroBanner(_a) {
-      var title = _a.title,
-          backgroundUrl = _a.backgroundUrl,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-hero-banner", __assign({
-        title: title,
-        backgroundurl: backgroundUrl
-      }, {
-        children: children
-      }), void 0);
-    };
+      var current = ref.current;
+
+      var listener = function listener(e) {
+        onClick();
+      };
+
+      current.addEventListener('_click', listener);
+      return function () {
+        current.removeEventListener('_click', listener);
+      };
+    }, [ref, onClick]);
+    return jsxRuntime.jsx("goa-icon-button", __assign({
+      ref: ref,
+      type: type,
+      disabled: disabled,
+      variant: variant,
+      size: size,
+      title: title
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAMicrositeHeader = function GoAMicrositeHeader(_a) {
+    var level = _a.level,
+        version = _a.version,
+        feedbackUrl = _a.feedbackUrl;
+    return jsxRuntime.jsx("goa-microsite-header", {
+      level: level,
+      version: version,
+      feedbackurl: feedbackUrl
+    }, void 0);
+  };
+
+  var GoAModal = function GoAModal(_a) {
+    var heading = _a.heading,
+        children = _a.children,
+        open = _a.open,
+        width = _a.width,
+        actions = _a.actions,
+        transition = _a.transition,
+        onClose = _a.onClose;
+    var el = react.useRef(null);
+    react.useEffect(function () {
+      if (!el.current) {
+        return;
+      }
 
-    var GoAHeroBannerActions = function GoAHeroBannerActions(_a) {
-      var children = _a.children;
-      return jsxRuntime.jsx("div", __assign({
+      var current = el.current;
+
+      var listener = function listener(e) {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      };
+
+      current.addEventListener('_close', listener);
+      return function () {
+        current.removeEventListener('_close', listener);
+      };
+    }, [el, onClose]);
+    return jsxRuntime.jsxs("goa-modal", __assign({
+      ref: el,
+      heading: heading,
+      open: open,
+      closable: !!onClose,
+      scrollable: true,
+      width: width,
+      transition: transition
+    }, {
+      children: [actions && jsxRuntime.jsx("div", __assign({
         slot: "actions"
       }, {
-        children: children
-      }), void 0);
-    };
-
-    function GoAIcon(_a) {
-      var type = _a.type,
-          _b = _a.theme,
-          theme = _b === void 0 ? 'outline' : _b,
-          _c = _a.size,
-          size = _c === void 0 ? 'medium' : _c;
-      return jsxRuntime.jsx("goa-icon", {
-        type: type,
-        theme: theme,
-        size: size
-      }, void 0);
-    }
-
-    var GoAIconButton = function GoAIconButton(_a) {
-      var type = _a.type,
-          disabled = _a.disabled,
-          _b = _a.variant,
-          variant = _b === void 0 ? 'primary' : _b,
-          onClick = _a.onClick,
-          _c = _a.size,
-          size = _c === void 0 ? 'medium' : _c,
-          title = _a.title,
-          children = _a.children;
-      var ref = react.useRef(null);
-      react.useEffect(function () {
-        if (!ref.current) {
-          return;
-        }
-
-        var current = ref.current;
-
-        var listener = function listener(e) {
-          onClick();
-        };
-
-        current.addEventListener('_click', listener);
-        return function () {
-          current.removeEventListener('_click', listener);
-        };
-      }, [ref, onClick]);
-      return jsxRuntime.jsx("goa-icon-button", __assign({
-        ref: ref,
-        type: type,
-        disabled: disabled,
-        variant: variant,
-        size: size,
-        title: title
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoAInput = function GoAInput(_a) {
-      var id = _a.id,
-          name = _a.name,
-          type = _a.type,
-          leadingIcon = _a.leadingIcon,
-          trailingIcon = _a.trailingIcon,
-          _b = _a.variant,
-          variant = _b === void 0 ? 'goa' : _b,
-          focused = _a.focused,
-          disabled = _a.disabled,
-          readonly = _a.readonly,
-          value = _a.value,
-          placeholder = _a.placeholder,
-          error = _a.error,
-          width = _a.width,
-          showCounter = _a.showCounter,
-          maxCharCount = _a.maxCharCount,
-          testId = _a.testId,
-          onTrailingIconClick = _a.onTrailingIconClick,
-          onChange = _a.onChange;
-      var ref = react.useRef(null);
-      react.useEffect(function () {
-        if (!ref.current) {
-          return;
-        }
-
-        var current = ref.current;
-
-        var changeListener = function changeListener(e) {
-          var _a = e.detail,
-              name = _a.name,
-              value = _a.value;
-          onChange(name, value);
-        };
-
-        var clickListener = function clickListener(e) {
-          onTrailingIconClick === null || onTrailingIconClick === void 0 ? void 0 : onTrailingIconClick();
-        };
-
-        current.addEventListener('_change', changeListener);
-        current.addEventListener('_trailingIconClick', clickListener);
-        return function () {
-          current.removeEventListener('_change', changeListener);
-          current.removeEventListener('_trailingIconClick', clickListener);
-        };
-      }, [ref, onChange, onTrailingIconClick]);
-      return jsxRuntime.jsx("goa-input", {
-        ref: ref,
-        focused: focused,
-        type: type,
-        name: name,
-        id: id,
-        leadingicon: leadingIcon,
-        trailingicon: trailingIcon,
-        variant: variant,
-        disabled: disabled,
-        readonly: readonly,
-        placeholder: placeholder,
-        error: error,
-        "data-testid": testId,
-        value: value,
-        width: width,
-        showcounter: showCounter,
-        maxcharcount: maxCharCount,
-        handletrailingiconclick: !!onTrailingIconClick
-      }, void 0);
-    };
-    var GoAInputText = function GoAInputText(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "text"
-      }), void 0);
-    };
-    var GoAInputPassword = function GoAInputPassword(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "password"
-      }), void 0);
-    };
-    var GoAInputDate = function GoAInputDate(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "date"
-      }), void 0);
-    };
-    var GoAInputTime = function GoAInputTime(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "time"
-      }), void 0);
-    };
-    var GoAInputDateTime = function GoAInputDateTime(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "datetime-local"
-      }), void 0);
-    };
-    var GoAInputEmail = function GoAInputEmail(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "email"
-      }), void 0);
-    };
-    var GoAInputSearch = function GoAInputSearch(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "search",
-        trailingIcon: "search"
-      }), void 0);
-    };
-    var GoAInputUrl = function GoAInputUrl(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "url"
-      }), void 0);
-    };
-    var GoAInputTel = function GoAInputTel(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "tel"
-      }), void 0);
-    };
-    var GoAInputFile = function GoAInputFile(props) {
-      return jsxRuntime.jsx("input", {
-        id: props.id,
-        name: props.name,
-        type: "file",
-        onChange: function (e) {
-          return props.onChange(e.target.name, e.target.value);
-        },
-        style: {
-          backgroundColor: 'revert'
-        }
-      }, void 0);
-    };
-    var GoAInputMonth = function GoAInputMonth(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "month"
-      }), void 0);
-    };
-    var GoAInputNumber = function GoAInputNumber(props) {
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "number"
-      }), void 0);
-    };
-    var GoAInputRange = function GoAInputRange(_a) {
-      _a.step;
-          var props = __rest(_a, ["step"]);
-
-      return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-        type: "range"
-      }), void 0);
-    };
-
-    var GoAMicrositeHeader = function GoAMicrositeHeader(_a) {
-      var level = _a.level,
-          version = _a.version,
-          feedbackUrl = _a.feedbackUrl;
-      return jsxRuntime.jsx("goa-microsite-header", {
-        level: level,
-        version: version,
-        feedbackurl: feedbackUrl
-      }, void 0);
-    };
-
-    var GoAModal = function GoAModal(_a) {
-      var heading = _a.heading,
-          children = _a.children,
-          open = _a.open,
-          width = _a.width,
-          actions = _a.actions,
-          transition = _a.transition,
-          onClose = _a.onClose;
-      var el = react.useRef(null);
-      react.useEffect(function () {
-        if (!el.current) {
-          return;
-        }
+        children: actions
+      }), void 0), children]
+    }), void 0);
+  };
+
+  var GoANotification = function GoANotification(_a) {
+    var _b = _a.type,
+        type = _b === void 0 ? "information" : _b,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-notification", __assign({
+      type: type
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoAPageBlock = function GoAPageBlock(props) {
+    return jsxRuntime.jsx("goa-page-block", __assign({
+      width: props.width
+    }, {
+      children: props.children
+    }), void 0);
+  };
+
+  var GoARadioItem = function GoARadioItem(_a) {
+    var name = _a.name,
+        label = _a.label,
+        value = _a.value,
+        disabled = _a.disabled,
+        checked = _a.checked,
+        error = _a.error,
+        testId = _a.testId,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-radio-item", __assign({
+      name: name,
+      label: label,
+      value: value,
+      error: error,
+      disabled: disabled,
+      checked: checked,
+      "data-testid": testId
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoARadioGroup = function GoARadioGroup(_a) {
+    var name = _a.name,
+        value = _a.value,
+        children = _a.children,
+        _b = _a.orientation,
+        orientation = _b === void 0 ? 'vertical' : _b,
+        _c = _a.disabled,
+        disabled = _c === void 0 ? false : _c,
+        _d = _a.error,
+        error = _d === void 0 ? false : _d,
+        testId = _a.testId,
+        onChange = _a.onChange;
+    var el = react.useRef(null);
+    react.useEffect(function () {
+      if (!el.current) {
+        return;
+      }
 
-        var current = el.current;
-
-        var listener = function listener(e) {
-          onClose === null || onClose === void 0 ? void 0 : onClose();
-        };
-
-        current.addEventListener('_close', listener);
-        return function () {
-          current.removeEventListener('_close', listener);
-        };
-      }, [el, onClose]);
-      return jsxRuntime.jsxs("goa-modal", __assign({
-        ref: el,
-        heading: heading,
-        open: open,
-        closable: !!onClose,
-        scrollable: true,
-        width: width,
-        transition: transition
-      }, {
-        children: [actions && jsxRuntime.jsx("div", __assign({
-          slot: "actions"
-        }, {
-          children: actions
-        }), void 0), children]
-      }), void 0);
-    };
-
-    var GoANotification = function GoANotification(_a) {
-      var _b = _a.type,
-          type = _b === void 0 ? "information" : _b,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-notification", __assign({
-        type: type
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoAPageBlock = function GoAPageBlock(_a) {
-      var children = _a.children;
-      return jsxRuntime.jsx("goa-page-block", {
-        children: children
-      }, void 0);
-    };
-
-    var GoARadioItem = function GoARadioItem(_a) {
-      var name = _a.name,
-          label = _a.label,
-          value = _a.value,
-          disabled = _a.disabled,
-          checked = _a.checked,
-          error = _a.error,
-          testId = _a.testId,
-          children = _a.children;
-      return jsxRuntime.jsx("goa-radio-item", __assign({
-        name: name,
-        label: label,
-        value: value,
-        error: error,
-        disabled: disabled,
-        checked: checked,
-        "data-testid": testId
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoARadioGroup = function GoARadioGroup(_a) {
-      var name = _a.name,
-          value = _a.value,
-          children = _a.children,
-          _b = _a.orientation,
-          orientation = _b === void 0 ? 'vertical' : _b,
-          _c = _a.disabled,
-          disabled = _c === void 0 ? false : _c,
-          _d = _a.error,
-          error = _d === void 0 ? false : _d,
-          testId = _a.testId,
-          onChange = _a.onChange;
-      var el = react.useRef(null);
-      react.useEffect(function () {
-        if (!el.current) {
+      var listener = function listener(e) {
+        if (!onChange) {
+          console.warn("Missing onChange function");
           return;
         }
 
-        var listener = function listener(e) {
-          if (!onChange) {
-            console.warn("Missing onChange function");
-            return;
-          }
-
-          onChange(name, e.detail.value);
-        };
-
-        var currentEl = el.current;
-        currentEl.addEventListener("_change", listener);
-        return function () {
-          currentEl.removeEventListener("_change", listener);
-        };
-      }, []);
-      return jsxRuntime.jsx("goa-radio-group", __assign({
-        "data-testid": testId,
-        ref: el,
-        name: name,
-        value: value,
-        orientation: orientation,
-        disabled: disabled,
-        error: error
-      }, {
-        children: children
-      }), void 0);
-    };
-
-    var GoASkeleton = function GoASkeleton(_a) {
-      var type = _a.type,
-          _b = _a.size,
-          size = _b === void 0 ? 1 : _b;
-      return jsxRuntime.jsx("goa-skeleton", {
-        type: type,
-        size: size
-      }, void 0);
-    };
-
-    var GoASpinner = function GoASpinner(_a) {
-      var type = _a.type,
-          size = _a.size,
-          progress = _a.progress,
-          invert = _a.invert,
-          testId = _a.testId;
-      return jsxRuntime.jsx("goa-spinner", {
-        type: type,
-        size: size,
-        progress: progress,
-        invert: invert,
-        testid: testId
-      }, void 0);
-    };
-
-    var GoATextArea = function GoATextArea(_a) {
-      var name = _a.name,
-          value = _a.value,
-          placeholder = _a.placeholder,
-          rows = _a.rows,
-          disabled = _a.disabled,
-          showCounter = _a.showCounter,
-          maxCharCount = _a.maxCharCount,
-          testId = _a.testId,
-          error = _a.error,
-          onChange = _a.onChange;
-      var el = react.useRef(null);
-      react.useEffect(function () {
-        if (!el.current) {
-          return;
-        }
+        onChange(name, e.detail.value);
+      };
+
+      var currentEl = el.current;
+      currentEl.addEventListener("_change", listener);
+      return function () {
+        currentEl.removeEventListener("_change", listener);
+      };
+    }, []);
+    return jsxRuntime.jsx("goa-radio-group", __assign({
+      "data-testid": testId,
+      ref: el,
+      name: name,
+      value: value,
+      orientation: orientation,
+      disabled: disabled,
+      error: error
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  var GoASkeleton = function GoASkeleton(_a) {
+    var type = _a.type,
+        _b = _a.size,
+        size = _b === void 0 ? 1 : _b;
+    return jsxRuntime.jsx("goa-skeleton", {
+      type: type,
+      size: size
+    }, void 0);
+  };
+
+  var GoASpinner = function GoASpinner(_a) {
+    var type = _a.type,
+        size = _a.size,
+        progress = _a.progress,
+        invert = _a.invert,
+        testId = _a.testId;
+    return jsxRuntime.jsx("goa-spinner", {
+      type: type,
+      size: size,
+      progress: progress,
+      invert: invert,
+      testid: testId
+    }, void 0);
+  };
+
+  var GoATextArea = function GoATextArea(_a) {
+    var name = _a.name,
+        value = _a.value,
+        placeholder = _a.placeholder,
+        rows = _a.rows,
+        disabled = _a.disabled,
+        showCounter = _a.showCounter,
+        maxCharCount = _a.maxCharCount,
+        width = _a.width,
+        testId = _a.testId,
+        error = _a.error,
+        onChange = _a.onChange;
+    var el = react.useRef(null);
+    react.useEffect(function () {
+      if (!el.current) {
+        return;
+      }
 
-        var current = el.current;
-
-        var listener = function listener(e) {
-          var _a = e.detail,
-              name = _a.name,
-              value = _a.value;
-          onChange(name, value);
-        };
-
-        current.addEventListener('_change', listener);
-        return function () {
-          current.removeEventListener('_change', listener);
-        };
-      }, [el, onChange]);
-      return jsxRuntime.jsx("goa-textarea", {
-        ref: el,
-        name: name,
-        placeholder: placeholder,
-        value: value,
-        rows: rows,
-        disabled: disabled,
-        showcounter: showCounter,
-        maxcharcount: maxCharCount,
-        error: error,
-        "data-testid": testId
-      }, void 0);
-    };
-
-    exports.GoAAppFooter = GoAAppFooter;
-    exports.GoAAppHeader = GoAAppHeader;
-    exports.GoABadge = GoABadge;
-    exports.GoAButton = GoAButton;
-    exports.GoAButtonGroup = GoAButtonGroup;
-    exports.GoACallout = GoACallout;
-    exports.GoACheckbox = GoACheckbox;
-    exports.GoAChip = GoAChip;
-    exports.GoACircularProgress = GoACircularProgress;
-    exports.GoAContainer = GoAContainer;
-    exports.GoADropdown = GoADropdown;
-    exports.GoADropdownOption = GoADropdownOption;
-    exports.GoAEmergencyBadge = GoAEmergencyBadge;
-    exports.GoAFlexRow = GoAFlexRow;
-    exports.GoAFormItem = GoAFormItem;
-    exports.GoAHeroBanner = GoAHeroBanner;
-    exports.GoAHeroBannerActions = GoAHeroBannerActions;
-    exports.GoAIcon = GoAIcon;
-    exports.GoAIconButton = GoAIconButton;
-    exports.GoAInfoBadge = GoAInfoBadge;
-    exports.GoAInput = GoAInput;
-    exports.GoAInputDate = GoAInputDate;
-    exports.GoAInputDateTime = GoAInputDateTime;
-    exports.GoAInputEmail = GoAInputEmail;
-    exports.GoAInputFile = GoAInputFile;
-    exports.GoAInputMonth = GoAInputMonth;
-    exports.GoAInputNumber = GoAInputNumber;
-    exports.GoAInputPassword = GoAInputPassword;
-    exports.GoAInputRange = GoAInputRange;
-    exports.GoAInputSearch = GoAInputSearch;
-    exports.GoAInputTel = GoAInputTel;
-    exports.GoAInputText = GoAInputText;
-    exports.GoAInputTime = GoAInputTime;
-    exports.GoAInputUrl = GoAInputUrl;
-    exports.GoAMetaLink = GoAMetaLink;
-    exports.GoAMicrositeHeader = GoAMicrositeHeader;
-    exports.GoAModal = GoAModal;
-    exports.GoANavigationLink = GoANavigationLink;
-    exports.GoANotification = GoANotification;
-    exports.GoAPageBlock = GoAPageBlock;
-    exports.GoARadioGroup = GoARadioGroup;
-    exports.GoARadioItem = GoARadioItem;
-    exports.GoASkeleton = GoASkeleton;
-    exports.GoASpinner = GoASpinner;
-    exports.GoASuccessBadge = GoASuccessBadge;
-    exports.GoATextArea = GoATextArea;
-    exports.GoAWarningBadge = GoAWarningBadge;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
+      var current = el.current;
+
+      var listener = function listener(e) {
+        var _a = e.detail,
+            name = _a.name,
+            value = _a.value;
+        onChange(name, value);
+      };
+
+      current.addEventListener('_change', listener);
+      return function () {
+        current.removeEventListener('_change', listener);
+      };
+    }, [el, onChange]);
+    return jsxRuntime.jsx("goa-textarea", {
+      ref: el,
+      name: name,
+      placeholder: placeholder,
+      value: value,
+      rows: rows,
+      disabled: disabled,
+      showcounter: showCounter,
+      maxcharcount: maxCharCount,
+      width: width,
+      error: error,
+      "data-testid": testId
+    }, void 0);
+  };
+
+  var GoAFlexCol = function GoAFlexCol(_a) {
+    var gap = _a.gap,
+        children = _a.children;
+    return jsxRuntime.jsx("goa-flex-col", __assign({
+      gap: gap
+    }, {
+      children: children
+    }), void 0);
+  };
+
+  function GoAPage(props) {
+    return jsxRuntime.jsx("goa-page", {
+      children: props.children
+    }, void 0);
+  }
+
+  function GoADivider(props) {
+    return jsxRuntime.jsx("goa-divider", {
+      spacing: props.spacing
+    }, void 0);
+  }
+
+  exports.GoAAppFooter = GoAAppFooter;
+  exports.GoAAppHeader = GoAAppHeader;
+  exports.GoABadge = GoABadge;
+  exports.GoAButton = GoAButton;
+  exports.GoAButtonGroup = GoAButtonGroup;
+  exports.GoACallout = GoACallout;
+  exports.GoACheckbox = GoACheckbox;
+  exports.GoAChip = GoAChip;
+  exports.GoACircularProgress = GoACircularProgress;
+  exports.GoAContainer = GoAContainer;
+  exports.GoADivider = GoADivider;
+  exports.GoADropdown = GoADropdown;
+  exports.GoADropdownOption = GoADropdownOption;
+  exports.GoAEmergencyBadge = GoAEmergencyBadge;
+  exports.GoAFlexCol = GoAFlexCol;
+  exports.GoAFlexRow = GoAFlexRow;
+  exports.GoAFormItem = GoAFormItem;
+  exports.GoAHeroBanner = GoAHeroBanner;
+  exports.GoAHeroBannerActions = GoAHeroBannerActions;
+  exports.GoAIcon = GoAIcon;
+  exports.GoAIconButton = GoAIconButton;
+  exports.GoAInfoBadge = GoAInfoBadge;
+  exports.GoAInput = GoAInput;
+  exports.GoAInputDate = GoAInputDate;
+  exports.GoAInputDateTime = GoAInputDateTime;
+  exports.GoAInputEmail = GoAInputEmail;
+  exports.GoAInputFile = GoAInputFile;
+  exports.GoAInputMonth = GoAInputMonth;
+  exports.GoAInputNumber = GoAInputNumber;
+  exports.GoAInputPassword = GoAInputPassword;
+  exports.GoAInputRange = GoAInputRange;
+  exports.GoAInputSearch = GoAInputSearch;
+  exports.GoAInputTel = GoAInputTel;
+  exports.GoAInputText = GoAInputText;
+  exports.GoAInputTime = GoAInputTime;
+  exports.GoAInputUrl = GoAInputUrl;
+  exports.GoAMetaLink = GoAMetaLink;
+  exports.GoAMicrositeHeader = GoAMicrositeHeader;
+  exports.GoAModal = GoAModal;
+  exports.GoANavigationLink = GoANavigationLink;
+  exports.GoANotification = GoANotification;
+  exports.GoAPage = GoAPage;
+  exports.GoAPageBlock = GoAPageBlock;
+  exports.GoARadioGroup = GoARadioGroup;
+  exports.GoARadioItem = GoARadioItem;
+  exports.GoASkeleton = GoASkeleton;
+  exports.GoASpinner = GoASpinner;
+  exports.GoASuccessBadge = GoASuccessBadge;
+  exports.GoATextArea = GoATextArea;
+  exports.GoAWarningBadge = GoAWarningBadge;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
 
 }));