@abgov/react-components 5.4.1 → 6.0.0-alpha.1

package/index.mjs

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { G } from "./icon-DgSW1II3.mjs";
-function GoAAccordion({
+import { G } from "./icon-iZ6Uu6WB.mjs";
+function GoabAccordion({
   open,
   heading,
   headingSize,
@@ -36,9 +36,9 @@ function GoAAccordion({
     {
       ref,
       open,
-      headingSize,
+      headingsize: headingSize,
       heading,
-      secondaryText,
+      secondarytext: secondaryText,
       iconposition: iconPosition,
       maxwidth: maxWidth,
       testid,
@@ -53,7 +53,7 @@ function GoAAccordion({
     }
   );
 }
-function GoAAppHeader({
+function GoabAppHeader({
   heading,
   url,
   maxContentWidth,
@@ -93,7 +93,7 @@ function GoAAppHeader({
     }
   );
 }
-function GoAAppHeaderMenu(props) {
+function GoabAppHeaderMenu(props) {
   return /* @__PURE__ */ jsx(
     "goa-app-header-menu",
     {
@@ -104,7 +104,7 @@ function GoAAppHeaderMenu(props) {
     }
   );
 }
-function GoABadge({
+function GoabBadge({
   type,
   content,
   icon,
@@ -130,7 +130,7 @@ function GoABadge({
     }
   );
 }
-function GoAInfoBadge({
+function GoabInfoBadge({
   content,
   testId,
   icon,
@@ -141,7 +141,7 @@ function GoAInfoBadge({
   ariaLabel
 }) {
   return /* @__PURE__ */ jsx(
-    GoABadge,
+    GoabBadge,
     {
       type: "information",
       icon,
@@ -155,7 +155,7 @@ function GoAInfoBadge({
     }
   );
 }
-function GoASuccessBadge({
+function GoabSuccessBadge({
   content,
   testId,
   icon,
@@ -166,7 +166,7 @@ function GoASuccessBadge({
   ariaLabel
 }) {
   return /* @__PURE__ */ jsx(
-    GoABadge,
+    GoabBadge,
     {
       type: "success",
       icon,
@@ -180,7 +180,7 @@ function GoASuccessBadge({
     }
   );
 }
-function GoAImportantBadge({
+function GoabImportantBadge({
   content,
   testId,
   icon,
@@ -191,7 +191,7 @@ function GoAImportantBadge({
   ariaLabel
 }) {
   return /* @__PURE__ */ jsx(
-    GoABadge,
+    GoabBadge,
     {
       type: "important",
       icon,
@@ -205,7 +205,7 @@ function GoAImportantBadge({
     }
   );
 }
-function GoAEmergencyBadge({
+function GoabEmergencyBadge({
   content,
   testId,
   icon,
@@ -216,7 +216,7 @@ function GoAEmergencyBadge({
   ariaLabel
 }) {
   return /* @__PURE__ */ jsx(
-    GoABadge,
+    GoabBadge,
     {
       type: "emergency",
       icon,
@@ -230,7 +230,7 @@ function GoAEmergencyBadge({
     }
   );
 }
-function GoABlock(props) {
+function GoabBlock(props) {
   return /* @__PURE__ */ jsx(
     "goa-block",
     {
@@ -246,7 +246,7 @@ function GoABlock(props) {
     }
   );
 }
-function GoAButton({
+function GoabButton({
   disabled = false,
   type = "primary",
   size,
@@ -299,7 +299,7 @@ function GoAButton({
     }
   );
 }
-function GoAButtonGroup({
+function GoabButtonGroup({
   alignment,
   gap,
   testId,
@@ -323,7 +323,7 @@ function GoAButtonGroup({
     }
   );
 }
-function GoACalendar({
+function GoabCalendar({
   name,
   value,
   min,
@@ -342,7 +342,10 @@ function GoACalendar({
     }
     const current = ref.current;
     current.addEventListener("_change", (e) => {
-      onChange(name || "", e.detail.value);
+      onChange({
+        name: name || "",
+        value: e.detail.value
+      });
     });
   });
   return /* @__PURE__ */ jsx(
@@ -361,7 +364,7 @@ function GoACalendar({
     }
   );
 }
-const GoACallout = ({
+const GoabCallout = ({
   heading,
   type = "information",
   iconTheme = "outline",
@@ -393,7 +396,7 @@ const GoACallout = ({
     }
   );
 };
-function GoACheckbox({
+function GoabCheckbox({
   id,
   name,
   testId,
@@ -419,8 +422,8 @@ function GoACheckbox({
     }
     const current = el.current;
     const listener = (e) => {
-      const ce = e;
-      onChange == null ? void 0 : onChange(name, ce.detail.checked, ce.detail.value);
+      const detail = e.detail;
+      onChange == null ? void 0 : onChange(detail);
     };
     current.addEventListener("_change", listener);
     return () => {
@@ -453,7 +456,7 @@ function GoACheckbox({
     }
   );
 }
-const GoAChip = ({
+const GoabChip = ({
   leadingIcon = "",
   iconTheme = "outline",
   deletable = false,
@@ -498,7 +501,7 @@ const GoAChip = ({
     }
   );
 };
-const GoACircularProgress = ({
+const GoabCircularProgress = ({
   visible,
   message: message2,
   progress,
@@ -518,7 +521,7 @@ const GoACircularProgress = ({
     }
   );
 };
-function GoAContainer({
+function GoabContainer({
   accent,
   heading,
   title,
@@ -556,7 +559,7 @@ function GoAContainer({
     }
   );
 }
-function GoADatePicker({
+function GoabDatePicker({
   name,
   value,
   error,
@@ -578,8 +581,8 @@ function GoADatePicker({
     }
     const current = ref.current;
     const handleChange = (e) => {
-      const newValue = e.detail.value;
-      onChange == null ? void 0 : onChange(name || "", newValue ? new Date(newValue) : void 0);
+      const detail = e.detail;
+      onChange(detail);
     };
     current.addEventListener("_change", handleChange);
     return () => {
@@ -605,7 +608,7 @@ function GoADatePicker({
     }
   );
 }
-function GoADetails(props) {
+function GoabDetails(props) {
   return /* @__PURE__ */ jsx(
     "goa-details",
     {
@@ -621,7 +624,7 @@ function GoADetails(props) {
     }
   );
 }
-function GoADivider(props) {
+function GoabDivider(props) {
   return /* @__PURE__ */ jsx(
     "goa-divider",
     {
@@ -642,7 +645,7 @@ function stringify(value) {
   }
   return JSON.stringify(value);
 }
-function GoADropdown(props) {
+function GoabDropdown(props) {
   const el = useRef(null);
   useEffect(() => {
     if (!el.current) {
@@ -650,9 +653,8 @@ function GoADropdown(props) {
     }
     const current = el.current;
     const handler = (e) => {
-      var _a;
-      const { name, value, values } = e.detail;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, name, props.multiselect ? values : value);
+      const detail = e.detail;
+      props.onChange(detail);
     };
     current.addEventListener("_change", handler);
     return () => {
@@ -687,17 +689,16 @@ function GoADropdown(props) {
     }
   );
 }
-function GoADropdownOption(props) {
+function GoabDropdownOption(props) {
   useEffect(() => {
-    console.warn("GoADropdownOption is deprecated. Please use GoADropdownItem");
+    console.warn("GoabDropdownOption is deprecated. Please use GoabDropdownItem");
   }, []);
-  return /* @__PURE__ */ jsx(GoADropdownItem, { ...props });
+  return /* @__PURE__ */ jsx(GoabDropdownItem, { ...props });
 }
-function GoADropdownItem({ value, label, filter, name, testId, mountType = "reset" }) {
+function GoabDropdownItem({ value, label, filter, name, mountType = "append" }) {
   return /* @__PURE__ */ jsx(
     "goa-dropdown-item",
     {
-      "data-testid": testId,
       value,
       label,
       filter,
@@ -706,7 +707,7 @@ function GoADropdownItem({ value, label, filter, name, testId, mountType = "rese
     }
   );
 }
-function GoAFieldset({
+function GoabFieldset({
   heading,
   buttonText,
   id,
@@ -723,8 +724,8 @@ function GoAFieldset({
   useEffect(() => {
     var _a;
     const _continue = (e) => {
-      const { el, state } = e.detail;
-      return onContinue == null ? void 0 : onContinue(el, state);
+      const event = e.detail;
+      return onContinue == null ? void 0 : onContinue(event);
     };
     if (onContinue) {
       (_a = ref.current) == null ? void 0 : _a.addEventListener("_continue", _continue);
@@ -753,7 +754,7 @@ function GoAFieldset({
     }
   );
 }
-function GoAFileUploadCard({
+function GoabFileUploadCard({
   filename,
   size,
   type,
@@ -767,8 +768,8 @@ function GoAFileUploadCard({
   useEffect(() => {
     if (!el.current) return;
     const current = el.current;
-    const deleteHandler = () => onDelete == null ? void 0 : onDelete();
-    const cancelHandler = () => onCancel == null ? void 0 : onCancel();
+    const deleteHandler = () => onDelete == null ? void 0 : onDelete({ filename });
+    const cancelHandler = () => onCancel == null ? void 0 : onCancel({ filename });
     current.addEventListener("_delete", deleteHandler);
     current.addEventListener("_cancel", cancelHandler);
     return () => {
@@ -789,7 +790,7 @@ function GoAFileUploadCard({
     }
   );
 }
-function GoAFileUploadInput({
+function GoabFileUploadInput({
   variant,
   accept,
   maxFileSize,
@@ -801,7 +802,8 @@ function GoAFileUploadInput({
     if (!el.current) return;
     const current = el.current;
     const handler = (e) => {
-      onSelectFile(e.detail.file);
+      const detail = e.detail;
+      onSelectFile(detail);
     };
     current.addEventListener("_selectFile", handler);
     return () => {
@@ -819,14 +821,17 @@ function GoAFileUploadInput({
     }
   );
 }
-function GoAAppFooter({
+function GoabAppFooter({
   maxContentWidth,
   children,
   testId
 }) {
   return /* @__PURE__ */ jsx("goa-app-footer", { maxcontentwidth: maxContentWidth, testid: testId, children });
 }
-function GoAAppFooterMetaSection({ testId, children }) {
+function GoabAppFooterMetaSection({
+  testId,
+  children
+}) {
   return /* @__PURE__ */ jsx(
     "goa-app-footer-meta-section",
     {
@@ -836,7 +841,7 @@ function GoAAppFooterMetaSection({ testId, children }) {
     }
   );
 }
-function GoAAppFooterNavSection({
+function GoabAppFooterNavSection({
   heading,
   maxColumnCount = 1,
   testId,
@@ -853,7 +858,7 @@ function GoAAppFooterNavSection({
     }
   );
 }
-function GoAFormItem({
+function GoabFormItem({
   children,
   helpText,
   error,
@@ -891,10 +896,10 @@ function GoAFormItem({
     }
   );
 }
-function GoAFormStep(props) {
+function GoabFormStep(props) {
   return /* @__PURE__ */ jsx("goa-form-step", { text: props.text, status: props.status });
 }
-function GoAFormStepper({
+function GoabFormStepper({
   testId,
   step,
   mt,
@@ -911,8 +916,8 @@ function GoAFormStepper({
     }
     const current = ref.current;
     const changeListener = (e) => {
-      const { step: step2 } = e.detail;
-      onChange == null ? void 0 : onChange(+step2);
+      const detail = e.detail;
+      onChange == null ? void 0 : onChange(detail);
     };
     current.addEventListener("_change", changeListener);
     return () => {
@@ -933,7 +938,7 @@ function GoAFormStepper({
     }
   );
 }
-function GoAGrid({
+function GoabGrid({
   gap,
   minChildWidth,
   mt,
@@ -947,8 +952,8 @@ function GoAGrid({
     "goa-grid",
     {
       gap,
-      mt,
       minchildwidth: minChildWidth,
+      mt,
       mr,
       mb,
       ml,
@@ -957,7 +962,7 @@ function GoAGrid({
     }
   );
 }
-function GoAHeroBanner({
+function GoabHeroBanner({
   heading,
   backgroundUrl,
   minHeight,
@@ -981,12 +986,12 @@ function GoAHeroBanner({
     }
   );
 }
-function GoAHeroBannerActions({
+function GoabHeroBannerActions({
   children
 }) {
   return /* @__PURE__ */ jsx("div", { slot: "actions", children });
 }
-function GoAIconButton({
+function GoabIconButton({
   icon,
   disabled,
   variant = "color",
@@ -2641,7 +2646,7 @@ function validateTime(hours, minutes, seconds) {
 function validateTimezone(_hours, minutes) {
   return minutes >= 0 && minutes <= 59;
 }
-function GoAInput({
+function GoabInput({
   id,
   debounce,
   name,
@@ -2684,23 +2689,23 @@ function GoAInput({
     }
     const current = ref.current;
     const changeListener = (e) => {
-      const { name: name2, value: value2 } = e.detail;
-      onChange == null ? void 0 : onChange(name2, value2);
+      const detail = e.detail;
+      onChange(detail);
     };
     const clickListener = () => {
       onTrailingIconClick == null ? void 0 : onTrailingIconClick();
     };
     const focusListener = (e) => {
-      const { name: name2, value: value2 } = e.detail;
-      onFocus == null ? void 0 : onFocus(name2, value2);
+      const detail = e.detail;
+      onFocus == null ? void 0 : onFocus(detail);
     };
     const blurListener = (e) => {
-      const { name: name2, value: value2 } = e.detail;
-      onBlur == null ? void 0 : onBlur(name2, value2);
+      const detail = e.detail;
+      onBlur == null ? void 0 : onBlur(detail);
     };
     const keypressListener = (e) => {
-      const { name: name2, value: value2, key } = e.detail;
-      onKeyPress == null ? void 0 : onKeyPress(name2, value2, key);
+      const detail = e.detail;
+      onKeyPress == null ? void 0 : onKeyPress(detail);
     };
     current.addEventListener("_change", changeListener);
     current.addEventListener("_trailingIconClick", clickListener);
@@ -2755,25 +2760,28 @@ function GoAInput({
   );
 }
 const onDateChangeHandler = (onChange) => {
-  return (name, value) => {
-    if (!onChange) return;
+  return ({ name, value }) => {
     if (!value) {
-      onChange(name, "");
+      onChange({ name, value: "" });
+      return;
+    }
+    if (typeof value === "string" && isValid(new Date(value))) {
+      onChange({ name, value: parseISO(value) });
       return;
     }
-    if (isValid(new Date(value))) {
-      onChange(name, parseISO(value));
+    if (isValid(value)) {
+      onChange({ name, value });
+      return;
     }
   };
 };
 const onTimeChangeHandler = (onChange) => {
-  return (name, value) => {
-    if (!onChange) return;
+  return ({ name, value }) => {
     if (!value) {
-      onChange(name, "");
+      onChange({ name, value: "" });
       return;
     }
-    onChange(name, value);
+    onChange({ name, value });
   };
 };
 function toString(value, tmpl = "yyyy-MM-dd") {
@@ -2788,20 +2796,20 @@ function toString(value, tmpl = "yyyy-MM-dd") {
   }
   return format(value, tmpl);
 }
-function GoAInputText(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "text" });
+function GoabInputText(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "text" });
 }
-function GoAInputPassword(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "password" });
+function GoabInputPassword(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "password" });
 }
-function GoAInputDate({
+function GoabInputDate({
   value,
   min = "",
   max = "",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    GoAInput,
+    GoabInput,
     {
       ...props,
       type: "date",
@@ -2812,14 +2820,14 @@ function GoAInputDate({
     }
   );
 }
-function GoAInputTime({
+function GoabInputTime({
   value,
   min = "",
   max = "",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    GoAInput,
+    GoabInput,
     {
       ...props,
       onChange: onTimeChangeHandler(props.onChange),
@@ -2828,14 +2836,14 @@ function GoAInputTime({
     }
   );
 }
-function GoAInputDateTime({
+function GoabInputDateTime({
   value,
   min = "",
   max = "",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    GoAInput,
+    GoabInput,
     {
       ...props,
       onChange: onDateChangeHandler(props.onChange),
@@ -2844,60 +2852,56 @@ function GoAInputDateTime({
     }
   );
 }
-function GoAInputEmail(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "email" });
+function GoabInputEmail(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "email" });
 }
-function GoAInputSearch(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "search", trailingIcon: "search" });
+function GoabInputSearch(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "search", trailingIcon: "search" });
 }
-function GoAInputUrl(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "url" });
+function GoabInputUrl(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "url" });
 }
-function GoAInputTel(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "tel" });
+function GoabInputTel(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "tel" });
 }
-function GoAInputFile(props) {
+function GoabInputFile(props) {
   return /* @__PURE__ */ jsx(
     "input",
     {
       id: props.id,
       name: props.name,
       type: "file",
-      onChange: (e) => {
-        var _a;
-        return (_a = props.onChange) == null ? void 0 : _a.call(props, e.target.name, e.target.value);
-      },
+      onChange: (e) => props.onChange({ name: e.target.name, value: e.target.value }),
       style: { backgroundColor: "revert" }
     }
   );
 }
-function GoAInputMonth(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "month" });
+function GoabInputMonth(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "month" });
 }
-function GoAInputNumber({
+function GoabInputNumber({
   min = Number.MIN_VALUE,
   max = Number.MAX_VALUE,
   value,
   ...props
 }) {
-  const onNumberChange = (name, value2) => {
-    var _a;
-    (_a = props.onChange) == null ? void 0 : _a.call(props, name, parseFloat(value2));
+  const onNumberChange = ({ name, value: value2 }) => {
+    props.onChange({ name, value: parseFloat(value2) });
   };
-  const onFocus = (name, value2) => {
+  const onFocus = ({ name, value: value2 }) => {
     var _a;
-    (_a = props.onFocus) == null ? void 0 : _a.call(props, name, parseFloat(value2));
+    (_a = props.onFocus) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2) });
   };
-  const onBlur = (name, value2) => {
+  const onBlur = ({ name, value: value2 }) => {
     var _a;
-    (_a = props.onBlur) == null ? void 0 : _a.call(props, name, parseFloat(value2));
+    (_a = props.onBlur) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2) });
   };
-  const onKeyPress = (name, value2, key) => {
+  const onKeyPress = ({ name, value: value2, key }) => {
     var _a;
-    (_a = props.onKeyPress) == null ? void 0 : _a.call(props, name, parseFloat(value2), key);
+    (_a = props.onKeyPress) == null ? void 0 : _a.call(props, { name, value: parseFloat(value2), key: parseInt(key) });
   };
   return /* @__PURE__ */ jsx(
-    GoAInput,
+    GoabInput,
     {
       ...props,
       onChange: onNumberChange,
@@ -2911,8 +2915,8 @@ function GoAInputNumber({
     }
   );
 }
-function GoAInputRange(props) {
-  return /* @__PURE__ */ jsx(GoAInput, { ...props, type: "range" });
+function GoabInputRange(props) {
+  return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "range" });
 }
 function GoALink(props) {
   return /* @__PURE__ */ jsx(
@@ -2943,7 +2947,7 @@ function GoALinkButton({ type = "primary", ...props }) {
     }
   );
 }
-function GoAMicrositeHeader({
+function GoabMicrositeHeader({
   type,
   version,
   feedbackUrl,
@@ -2986,29 +2990,19 @@ function GoAMicrositeHeader({
     }
   );
 }
-function GoAModal({
+function GoabModal({
   heading,
   children,
   maxWidth,
   open,
   actions,
   transition,
-  type,
   calloutVariant,
   onClose,
   testId,
-  role,
-  width
+  role
 }) {
   const el = useRef(null);
-  useEffect(() => {
-    if (type) {
-      console.warn("GoAModal [type] is deprecated.");
-    }
-  }, [type]);
-  useEffect(() => {
-    maxWidth = width;
-  }, [width]);
   useEffect(() => {
     if (!el.current) {
       return;
@@ -3041,7 +3035,7 @@ function GoAModal({
     }
   );
 }
-const GoANotification = ({
+const GoabNotification = ({
   type = "information",
   ariaLive,
   maxContentWidth,
@@ -3075,13 +3069,13 @@ const GoANotification = ({
     }
   );
 };
-function GoAOneColumnLayout(props) {
+function GoabOneColumnLayout(props) {
   return /* @__PURE__ */ jsx("goa-one-column-layout", { children: props.children });
 }
-function GoAPageBlock(props) {
+function GoabPageBlock(props) {
   return /* @__PURE__ */ jsx("goa-page-block", { width: props.width, testid: props.testId, children: props.children });
 }
-function GoAPages(props) {
+function GoabPages(props) {
   return /* @__PURE__ */ jsx(
     "goa-pages",
     {
@@ -3094,7 +3088,7 @@ function GoAPages(props) {
     }
   );
 }
-function GoAPagination({ onChange, ...props }) {
+function GoabPagination({ onChange, ...props }) {
   const ref = useRef();
   useEffect(() => {
     if (!ref.current) {
@@ -3102,8 +3096,8 @@ function GoAPagination({ onChange, ...props }) {
     }
     const current = ref.current;
     const changeListener = (e) => {
-      const { page } = e.detail;
-      onChange(page);
+      const detail = e.detail;
+      onChange(detail);
     };
     current.addEventListener("_change", changeListener);
     return () => {
@@ -3126,7 +3120,7 @@ function GoAPagination({ onChange, ...props }) {
     }
   );
 }
-function GoAPopover({
+function GoabPopover({
   target,
   testId,
   maxWidth,
@@ -3160,7 +3154,7 @@ function GoAPopover({
     }
   );
 }
-function GoARadioItem({
+function GoabRadioItem({
   name,
   label,
   value,
@@ -3188,7 +3182,6 @@ function GoARadioItem({
       error,
       disabled,
       checked,
-      "data-testid": testId,
       arialabel: ariaLabel,
       mt,
       mr,
@@ -3201,7 +3194,7 @@ function GoARadioItem({
     }
   );
 }
-function GoARadioGroup({
+function GoabRadioGroup({
   name,
   value,
   children,
@@ -3218,15 +3211,14 @@ function GoARadioGroup({
 }) {
   const el = useRef(null);
   useEffect(() => {
-    if (!el.current) {
-      return;
-    }
+    if (!el.current) return;
     const listener = (e) => {
       if (!onChange) {
         console.warn("Missing onChange function");
         return;
       }
-      onChange(name, e.detail.value);
+      const detail = e.detail;
+      onChange(detail);
     };
     const currentEl = el.current;
     currentEl.addEventListener("_change", listener);
@@ -3253,7 +3245,7 @@ function GoARadioGroup({
     }
   );
 }
-function GoASideMenuGroup(props) {
+function GoabSideMenuGroup(props) {
   return /* @__PURE__ */ jsx(
     "goa-side-menu-group",
     {
@@ -3268,23 +3260,16 @@ function GoASideMenuGroup(props) {
     }
   );
 }
-function GoASideMenuHeading(props) {
-  return /* @__PURE__ */ jsxs(
-    "goa-side-menu-heading",
-    {
-      icon: props.icon,
-      testid: props.testId,
-      children: [
-        props.children,
-        props.meta && /* @__PURE__ */ jsx("span", { slot: "meta", children: props.meta })
-      ]
-    }
-  );
+function GoabSideMenuHeading(props) {
+  return /* @__PURE__ */ jsxs("goa-side-menu-heading", { icon: props.icon, testid: props.testId, children: [
+    props.children,
+    props.meta && /* @__PURE__ */ jsx("span", { slot: "meta", children: props.meta })
+  ] });
 }
-function GoASideMenu(props) {
+function GoabSideMenu(props) {
   return /* @__PURE__ */ jsx("goa-side-menu", { testid: props.testId, children: props.children });
 }
-const GoASkeleton = ({
+const GoabSkeleton = ({
   maxWidth,
   size,
   lineCount,
@@ -3310,7 +3295,7 @@ const GoASkeleton = ({
     }
   );
 };
-function GoASpacer(props) {
+function GoabSpacer(props) {
   return /* @__PURE__ */ jsx(
     "goa-spacer",
     {
@@ -3320,7 +3305,7 @@ function GoASpacer(props) {
     }
   );
 }
-function GoASpinner({
+function GoabSpinner({
   type,
   size,
   progress,
@@ -3338,7 +3323,7 @@ function GoASpinner({
     }
   );
 }
-function GoATable({ onSort, ...props }) {
+function GoabTable({ onSort, ...props }) {
   const ref = useRef(null);
   useEffect(() => {
     if (!ref.current) {
@@ -3346,8 +3331,8 @@ function GoATable({ onSort, ...props }) {
     }
     const current = ref.current;
     const sortListener = (e) => {
-      const { sortBy, sortDir } = e.detail;
-      onSort == null ? void 0 : onSort(sortBy, sortDir);
+      const detail = e.detail;
+      onSort == null ? void 0 : onSort(detail);
     };
     current.addEventListener("_sort", sortListener);
     return () => {
@@ -3370,14 +3355,14 @@ function GoATable({ onSort, ...props }) {
     }
   );
 }
-function GoATableSortHeader({
+function GoabTableSortHeader({
   name,
   direction = "none",
   children
 }) {
   return /* @__PURE__ */ jsx("goa-table-sort-header", { name, direction, children });
 }
-function GoATabs({
+function GoabTabs({
   initialTab,
   children,
   testId,
@@ -3388,8 +3373,8 @@ function GoATabs({
     const element = ref.current;
     if (element && onChange) {
       const handler = (event) => {
-        const customEvent = event;
-        onChange(customEvent.detail.tab);
+        const detail = event.detail;
+        onChange(detail);
       };
       element.addEventListener("_change", handler);
       return () => {
@@ -3399,13 +3384,13 @@ function GoATabs({
   }, [onChange]);
   return /* @__PURE__ */ jsx("goa-tabs", { ref, initialtab: initialTab, testid: testId, children });
 }
-function GoATab({ heading, children }) {
+function GoabTab({ heading, children }) {
   return /* @__PURE__ */ jsxs("goa-tab", { children: [
     heading && /* @__PURE__ */ jsx("span", { slot: "heading", children: heading }),
     children
   ] });
 }
-function GoAText(props) {
+function GoabText(props) {
   return /* @__PURE__ */ jsx(
     "goa-text",
     {
@@ -3420,7 +3405,7 @@ function GoAText(props) {
     }
   );
 }
-function GoATextarea({
+function GoabTextarea({
   name,
   value,
   placeholder,
@@ -3448,8 +3433,8 @@ function GoATextarea({
     }
     const current = el.current;
     const listener = (e) => {
-      const { name: name2, value: value2 } = e.detail;
-      onChange == null ? void 0 : onChange(name2, value2);
+      const detail = e.detail;
+      onChange(detail);
     };
     current.addEventListener("_change", listener);
     return () => {
@@ -3462,8 +3447,8 @@ function GoATextarea({
     }
     const current = el.current;
     const keypressListener = (e) => {
-      const { name: name2, value: value2, key } = e.detail;
-      onKeyPress == null ? void 0 : onKeyPress(name2, value2, key);
+      const detail = e.detail;
+      onKeyPress == null ? void 0 : onKeyPress(detail);
     };
     current.addEventListener("_keyPress", keypressListener);
     return () => {
@@ -3494,7 +3479,7 @@ function GoATextarea({
     }
   );
 }
-function GoAThreeColumnLayout(props) {
+function GoabThreeColumnLayout(props) {
   return /* @__PURE__ */ jsxs(
     "goa-three-column-layout",
     {
@@ -3512,7 +3497,7 @@ function GoAThreeColumnLayout(props) {
     }
   );
 }
-function GoATooltip(props) {
+function GoabTooltip(props) {
   return /* @__PURE__ */ jsx(
     "goa-tooltip",
     {
@@ -3528,7 +3513,7 @@ function GoATooltip(props) {
     }
   );
 }
-function GoATwoColumnLayout(props) {
+function GoabTwoColumnLayout(props) {
   return /* @__PURE__ */ jsxs(
     "goa-two-column-layout",
     {
@@ -3580,85 +3565,84 @@ const GoAFilterChip = ({
   );
 };
 export {
-  GoAAccordion,
-  GoAAppFooter,
-  GoAAppFooterMetaSection,
-  GoAAppFooterNavSection,
-  GoAAppHeader,
-  GoAAppHeaderMenu,
-  GoABadge,
-  GoABlock,
-  GoAButton,
-  GoAButtonGroup,
-  GoACalendar,
-  GoACallout,
-  GoACheckbox,
-  GoAChip,
-  GoACircularProgress,
-  GoAContainer,
-  GoADatePicker,
-  GoADetails,
-  GoADivider,
-  GoADropdown,
-  GoADropdownItem,
-  GoADropdownOption,
-  GoAEmergencyBadge,
-  GoAFieldset,
-  GoAFileUploadCard,
-  GoAFileUploadInput,
   GoAFilterChip,
-  GoAFormItem,
-  GoAFormStep,
-  GoAFormStepper,
-  GoAGrid,
-  GoAHeroBanner,
-  GoAHeroBannerActions,
-  G as GoAIcon,
-  GoAIconButton,
-  GoAImportantBadge,
-  GoAInfoBadge,
-  GoAInput,
-  GoAInputDate,
-  GoAInputDateTime,
-  GoAInputEmail,
-  GoAInputFile,
-  GoAInputMonth,
-  GoAInputNumber,
-  GoAInputPassword,
-  GoAInputRange,
-  GoAInputSearch,
-  GoAInputTel,
-  GoAInputText,
-  GoAInputTime,
-  GoAInputUrl,
   GoALink,
   GoALinkButton,
-  GoAMicrositeHeader,
-  GoAModal,
-  GoANotification,
-  GoAOneColumnLayout,
-  GoAPageBlock,
-  GoAPages,
-  GoAPagination,
-  GoAPopover,
-  GoARadioGroup,
-  GoARadioItem,
-  GoASideMenu,
-  GoASideMenuGroup,
-  GoASideMenuHeading,
-  GoASkeleton,
-  GoASpacer,
-  GoASpinner,
-  GoASuccessBadge,
-  GoATab,
-  GoATable,
-  GoATableSortHeader,
-  GoATabs,
-  GoAText,
-  GoATextarea as GoATextArea,
-  GoATextarea,
-  GoAThreeColumnLayout,
-  GoATooltip,
-  GoATwoColumnLayout
+  GoabAccordion,
+  GoabAppFooter,
+  GoabAppFooterMetaSection,
+  GoabAppFooterNavSection,
+  GoabAppHeader,
+  GoabAppHeaderMenu,
+  GoabBadge,
+  GoabBlock,
+  GoabButton,
+  GoabButtonGroup,
+  GoabCalendar,
+  GoabCallout,
+  GoabCheckbox,
+  GoabChip,
+  GoabCircularProgress,
+  GoabContainer,
+  GoabDatePicker,
+  GoabDetails,
+  GoabDivider,
+  GoabDropdown,
+  GoabDropdownItem,
+  GoabDropdownOption,
+  GoabEmergencyBadge,
+  GoabFieldset,
+  GoabFileUploadCard,
+  GoabFileUploadInput,
+  GoabFormItem,
+  GoabFormStep,
+  GoabFormStepper,
+  GoabGrid,
+  GoabHeroBanner,
+  GoabHeroBannerActions,
+  G as GoabIcon,
+  GoabIconButton,
+  GoabImportantBadge,
+  GoabInfoBadge,
+  GoabInput,
+  GoabInputDate,
+  GoabInputDateTime,
+  GoabInputEmail,
+  GoabInputFile,
+  GoabInputMonth,
+  GoabInputNumber,
+  GoabInputPassword,
+  GoabInputRange,
+  GoabInputSearch,
+  GoabInputTel,
+  GoabInputText,
+  GoabInputTime,
+  GoabInputUrl,
+  GoabMicrositeHeader,
+  GoabModal,
+  GoabNotification,
+  GoabOneColumnLayout,
+  GoabPageBlock,
+  GoabPages,
+  GoabPagination,
+  GoabPopover,
+  GoabRadioGroup,
+  GoabRadioItem,
+  GoabSideMenu,
+  GoabSideMenuGroup,
+  GoabSideMenuHeading,
+  GoabSkeleton,
+  GoabSpacer,
+  GoabSpinner,
+  GoabSuccessBadge,
+  GoabTab,
+  GoabTable,
+  GoabTableSortHeader,
+  GoabTabs,
+  GoabText,
+  GoabTextarea,
+  GoabThreeColumnLayout,
+  GoabTooltip,
+  GoabTwoColumnLayout
 };
 //# sourceMappingURL=index.mjs.map