@abgov/react-components 6.9.3 → 6.10.0-dev.10

package/index.mjs

@@ -10,30 +10,23 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _PublicFormController_instances, updateObjectListState_fn, dispatchError_fn;
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useLayoutEffect, useState, useCallback } from "react";
-import { G, a } from "./icon-CoYGOp1V.mjs";
+import { t as transformProps, l as lowercase, k as kebab } from "./icon-CCNDGfBO.mjs";
+import { G, a } from "./icon-CCNDGfBO.mjs";
 function GoabAccordion({
   open,
-  heading,
-  headingSize,
-  secondaryText,
-  headingContent,
-  iconPosition,
-  maxWidth,
-  testId,
   onChange,
+  headingContent,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     const element = ref.current;
     if (element && onChange) {
       const handler = (event) => {
         const customEvent = event;
-        onChange(customEvent.detail.open);
+        onChange == null ? void 0 : onChange(customEvent.detail.open);
       };
       element.addEventListener("_change", handler);
       return () => {
@@ -46,16 +39,7 @@ function GoabAccordion({
     {
       ref,
       open: open ? "true" : void 0,
-      headingsize: headingSize,
-      heading,
-      secondarytext: secondaryText,
-      iconposition: iconPosition,
-      maxwidth: maxWidth,
-      testid: testId,
-      mt,
-      mr,
-      mb,
-      ml,
+      ..._props,
       children: [
         headingContent && /* @__PURE__ */ jsx("div", { slot: "headingcontent", children: headingContent }),
         children
@@ -64,15 +48,12 @@ function GoabAccordion({
   );
 }
 function GoabAppHeader({
-  heading,
-  url,
-  maxContentWidth,
-  fullMenuBreakpoint,
-  testId,
+  onMenuClick,
   children,
-  onMenuClick
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) {
       return;
@@ -82,7 +63,7 @@ function GoabAppHeader({
     }
     const current = el.current;
     const listener = () => {
-      onMenuClick();
+      onMenuClick == null ? void 0 : onMenuClick();
     };
     current.addEventListener("_menuClick", listener);
     return () => {
@@ -93,26 +74,18 @@ function GoabAppHeader({
     "goa-app-header",
     {
       ref: el,
-      heading,
-      url,
-      fullmenubreakpoint: fullMenuBreakpoint,
-      maxcontentwidth: maxContentWidth,
-      testid: testId,
       hasmenuclickhandler: onMenuClick ? "true" : "false",
+      ..._props,
       children
     }
   );
 }
-function GoabAppHeaderMenu(props) {
-  return /* @__PURE__ */ jsx(
-    "goa-app-header-menu",
-    {
-      heading: props.heading,
-      leadingicon: props.leadingIcon,
-      testid: props.testId,
-      children: props.children
-    }
-  );
+function GoabAppHeaderMenu({
+  children,
+  ...rest
+}) {
+  const _props = transformProps(rest, lowercase);
+  return /* @__PURE__ */ jsx("goa-app-header-menu", { ..._props, children });
 }
 function getIconValue(icon, iconType) {
   if (icon !== void 0) {
@@ -121,30 +94,17 @@ function getIconValue(icon, iconType) {
   return iconType ? "true" : "false";
 }
 function GoabBadge({
-  type,
-  content,
   icon,
-  testId,
-  mt,
-  mr,
-  mb,
-  ml,
-  ariaLabel,
-  iconType
+  iconType,
+  ...rest
 }) {
+  const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsx(
     "goa-badge",
     {
-      type,
-      content,
       icon: getIconValue(icon, iconType),
-      testid: testId,
-      arialabel: ariaLabel,
       icontype: iconType,
-      mt,
-      mr,
-      mb,
-      ml
+      ..._props
     }
   );
 }
@@ -248,42 +208,27 @@ function GoabEmergencyBadge({
     }
   );
 }
-function GoabBlock(props) {
-  return /* @__PURE__ */ jsx(
-    "goa-block",
-    {
-      gap: props.gap,
-      direction: props.direction,
-      alignment: props.alignment,
-      mt: props.mt,
-      mr: props.mr,
-      mb: props.mb,
-      ml: props.ml,
-      testid: props.testId,
-      children: props.children
-    }
+function GoabBlock({
+  testId,
+  children,
+  ...rest
+}) {
+  const _props = transformProps(
+    { testid: testId, ...rest },
+    kebab
   );
+  return /* @__PURE__ */ jsx("goa-block", { ..._props, children });
 }
 function GoabButton({
   disabled,
-  type,
-  size,
-  variant,
-  leadingIcon,
-  trailingIcon,
-  width,
-  testId,
-  children,
   onClick,
-  mt,
-  mr,
-  mb,
-  ml,
-  action,
   actionArgs,
-  actionArg
+  actionArg,
+  children,
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) {
       return;
@@ -293,7 +238,7 @@ function GoabButton({
     }
     const current = el.current;
     const listener = () => {
-      onClick();
+      onClick == null ? void 0 : onClick();
     };
     current.addEventListener("_click", listener);
     return () => {
@@ -304,62 +249,30 @@ function GoabButton({
     "goa-button",
     {
       ref: el,
-      type,
-      size,
-      variant,
       disabled: disabled ? "true" : void 0,
-      leadingicon: leadingIcon,
-      trailingicon: trailingIcon,
-      width,
-      testid: testId,
-      action,
       "action-arg": actionArg,
       "action-args": JSON.stringify(actionArgs),
-      mt,
-      mr,
-      mb,
-      ml,
+      ..._props,
       children
     }
   );
 }
 function GoabButtonGroup({
-  alignment,
-  gap,
-  testId,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
-  return /* @__PURE__ */ jsx(
-    "goa-button-group",
-    {
-      alignment,
-      gap,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
-      children
-    }
-  );
+  const _props = transformProps(rest, lowercase);
+  return /* @__PURE__ */ jsx("goa-button-group", { ..._props, children });
 }
 function GoabCalendar({
-  name,
-  value,
   min,
   max,
-  testId,
-  mt,
-  mr,
-  mb,
-  ml,
-  onChange
+  onChange,
+  name,
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!ref.current) {
       return;
@@ -381,72 +294,41 @@ function GoabCalendar({
     {
       ref,
       name,
-      value,
       min: min || void 0,
       max: max || void 0,
-      testid: testId,
-      mt,
-      mr,
-      mb,
-      ml
+      ..._props
     }
   );
 }
 const GoabCallout = ({
-  heading,
   type = "information",
   iconTheme = "outline",
   size = "large",
-  maxWidth,
-  testId,
   ariaLive = "off",
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) => {
-  return /* @__PURE__ */ jsx(
-    "goa-callout",
-    {
-      heading,
-      type,
-      size,
-      maxwidth: maxWidth,
-      arialive: ariaLive,
-      icontheme: iconTheme,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
-      children
-    }
+  const _props = transformProps(
+    { type, icontheme: iconTheme, size, arialive: ariaLive, ...rest },
+    lowercase
   );
+  return /* @__PURE__ */ jsx("goa-callout", { ..._props, children });
 };
 function GoabCheckbox({
-  id,
-  name,
-  testId,
   error,
-  disabled,
   checked,
   indeterminate,
+  disabled,
   value,
-  text,
   description,
   reveal,
-  revealAriaLabel,
-  maxWidth,
-  children,
   onChange,
-  ariaLabel,
-  mt,
-  mr,
-  mb,
-  ml
+  name,
+  children,
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) {
       return;
@@ -464,24 +346,15 @@ function GoabCheckbox({
   return /* @__PURE__ */ jsxs(
     "goa-checkbox",
     {
-      testid: testId,
       ref: el,
-      id,
+      ..._props,
       name,
       error: error ? "true" : void 0,
       checked: checked ? "true" : void 0,
       indeterminate: indeterminate ? "true" : void 0,
       disabled: disabled ? "true" : void 0,
-      text,
       value: typeof value === "boolean" ? value ? "true" : void 0 : value,
-      arialabel: ariaLabel,
-      revealarialabel: revealAriaLabel,
       description: typeof description === "string" ? description : void 0,
-      maxwidth: maxWidth,
-      mt,
-      mr,
-      mb,
-      ml,
       children: [
         children,
         typeof description !== "string" && description && /* @__PURE__ */ jsx("div", { slot: "description", children: description }),
@@ -548,26 +421,19 @@ function GoabCheckboxList({
   );
 }
 const GoabChip = ({
-  leadingIcon,
-  iconTheme,
-  deletable,
   error,
-  variant,
-  content,
+  deletable,
   onClick,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
+  ...rest
 }) => {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) return;
     if (!onClick) return;
     const current = el.current;
     const listener = () => {
-      onClick();
+      onClick == null ? void 0 : onClick();
     };
     current.addEventListener("_click", listener);
     return () => {
@@ -578,17 +444,9 @@ const GoabChip = ({
     "goa-chip",
     {
       ref: el,
-      leadingicon: leadingIcon,
-      icontheme: iconTheme,
       error: error ? "true" : void 0,
       deletable: deletable ? "true" : void 0,
-      content,
-      variant,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId
+      ..._props
     }
   );
 };
@@ -613,61 +471,48 @@ const GoabCircularProgress = ({
   );
 };
 function GoabContainer({
-  accent,
   heading,
   title,
-  padding,
-  children,
   actions,
-  type,
-  width,
-  maxWidth,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
+  children,
+  ...rest
 }) {
+  const _props = transformProps(rest, lowercase);
   const headingContent = heading || title;
-  return /* @__PURE__ */ jsxs(
-    "goa-container",
+  return /* @__PURE__ */ jsxs("goa-container", { ..._props, children: [
+    headingContent && /* @__PURE__ */ jsx("div", { slot: "title", children: headingContent }),
+    children,
+    actions && /* @__PURE__ */ jsx("div", { slot: "actions", children: actions })
+  ] });
+}
+function GoabDataGrid({
+  keyboardIconVisibility = "visible",
+  keyboardIconPosition = "left",
+  keyboardNav,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "goa-data-grid",
     {
-      type,
-      padding,
-      accent,
-      width,
-      maxwidth: maxWidth,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
-      children: [
-        headingContent && /* @__PURE__ */ jsx("div", { slot: "title", children: headingContent }),
-        children,
-        actions && /* @__PURE__ */ jsx("div", { slot: "actions", children: actions })
-      ]
+      "keyboard-icon-visibility": keyboardIconVisibility,
+      "keyboard-icon-position": keyboardIconPosition,
+      "keyboard-nav": keyboardNav,
+      children
     }
   );
 }
 function GoabDatePicker({
-  name,
   value,
   error,
   min,
   max,
-  testId,
   disabled,
-  type,
-  mt,
-  mr,
-  mb,
-  ml,
   relative,
-  width,
-  onChange
+  onChange,
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (value && typeof value !== "string") {
       console.warn("Using a `Date` type for value is deprecated. Instead use a string of the format `yyyy-mm-dd`");
@@ -691,47 +536,39 @@ function GoabDatePicker({
       }
     };
   }, [onChange]);
-  const formatValue = (value2) => {
-    if (!value2) return "";
-    if (value2 instanceof Date) {
-      return value2.toISOString();
+  const formatValue = (val) => {
+    if (!val) return "";
+    if (val instanceof Date) {
+      return val.toISOString();
     }
-    return value2;
+    return val;
   };
   return /* @__PURE__ */ jsx(
     "goa-date-picker",
     {
       ref,
-      name,
       value: formatValue(value) || void 0,
-      type,
       error: error ? "true" : void 0,
       disabled: disabled ? "true" : void 0,
       min: formatValue(min) || void 0,
       max: formatValue(max) || void 0,
-      testid: testId,
-      mt,
-      mr,
-      mb,
-      ml,
       relative: relative ? "true" : void 0,
-      width
+      ..._props
     }
   );
 }
-function GoabDetails(props) {
+function GoabDetails({
+  open,
+  children,
+  ...rest
+}) {
+  const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsx(
     "goa-details",
     {
-      heading: props.heading,
-      open: props.open ? "true" : void 0,
-      maxwidth: props.maxWidth,
-      testid: props.testId,
-      mt: props.mt,
-      mr: props.mr,
-      mb: props.mb,
-      ml: props.ml,
-      children: props.children
+      open: open ? "true" : void 0,
+      ..._props,
+      children
     }
   );
 }
@@ -756,54 +593,51 @@ function stringify(value) {
   }
   return JSON.stringify(value);
 }
-function GoabDropdown(props) {
+function GoabDropdown({
+  value,
+  onChange,
+  disabled,
+  error,
+  filterable,
+  multiselect,
+  native,
+  relative,
+  children,
+  ...rest
+}) {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) {
       return;
     }
     const current = el.current;
     const handler = (e) => {
-      var _a;
       const detail = e.detail;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, detail);
+      onChange == null ? void 0 : onChange(detail);
     };
-    if (props.onChange) {
+    if (onChange) {
       current.addEventListener("_change", handler);
     }
     return () => {
-      if (props.onChange) {
+      if (onChange) {
         current.removeEventListener("_change", handler);
       }
     };
-  }, [el, props]);
+  }, [el, onChange]);
   return /* @__PURE__ */ jsx(
     "goa-dropdown",
     {
       ref: el,
-      name: props.name,
-      value: stringify(props.value),
-      arialabel: props.ariaLabel,
-      arialabelledby: props.ariaLabelledBy,
-      disabled: props.disabled ? "true" : void 0,
-      error: props.error ? "true" : void 0,
-      filterable: props.filterable ? "true" : void 0,
-      leadingicon: props.leadingIcon,
-      maxheight: props.maxHeight,
-      mb: props.mb,
-      ml: props.ml,
-      mr: props.mr,
-      mt: props.mt,
-      multiselect: props.multiselect ? "true" : void 0,
-      native: props.native ? "true" : void 0,
-      placeholder: props.placeholder,
-      testid: props.testId,
-      width: props.width,
-      maxwidth: props.maxWidth,
-      relative: props.relative ? "true" : void 0,
-      autocomplete: props.autoComplete,
-      id: props.id,
-      children: props.children
+      value: stringify(value),
+      disabled: disabled ? "true" : void 0,
+      error: error ? "true" : void 0,
+      filterable: filterable ? "true" : void 0,
+      multiselect: multiselect ? "true" : void 0,
+      native: native ? "true" : void 0,
+      relative: relative ? "true" : void 0,
+      ..._props,
+      children
     }
   );
 }
@@ -832,16 +666,13 @@ function GoabDropdownItem({
   );
 }
 function GoabFileUploadCard({
-  filename,
-  size,
-  type,
-  progress,
-  error,
-  testId,
   onDelete,
-  onCancel
+  onCancel,
+  filename,
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps({ filename, ...rest }, lowercase);
   useEffect(() => {
     if (!el.current) return;
     const current = el.current;
@@ -853,28 +684,15 @@ function GoabFileUploadCard({
       current.removeEventListener("_delete", deleteHandler);
       current.removeEventListener("_cancel", cancelHandler);
     };
-  }, [el, onDelete, onCancel]);
-  return /* @__PURE__ */ jsx(
-    "goa-file-upload-card",
-    {
-      ref: el,
-      filename,
-      size,
-      type,
-      progress,
-      error,
-      testid: testId
-    }
-  );
+  }, [el, onDelete, onCancel, filename]);
+  return /* @__PURE__ */ jsx("goa-file-upload-card", { ref: el, ..._props });
 }
 function GoabFileUploadInput({
-  variant,
-  accept,
-  maxFileSize,
-  testId,
-  onSelectFile
+  onSelectFile,
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) return;
     const current = el.current;
@@ -887,56 +705,36 @@ function GoabFileUploadInput({
       current.removeEventListener("_selectFile", handler);
     };
   }, [el, onSelectFile]);
-  return /* @__PURE__ */ jsx(
-    "goa-file-upload-input",
-    {
-      ref: el,
-      variant,
-      accept,
-      maxfilesize: maxFileSize,
-      testid: testId
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-file-upload-input", { ref: el, ..._props });
 }
 function GoabAppFooter({
-  maxContentWidth,
   children,
-  testId,
-  url
+  ...rest
 }) {
-  return /* @__PURE__ */ jsx("goa-app-footer", { maxcontentwidth: maxContentWidth, testid: testId, url, children });
+  const _props = transformProps(rest, lowercase);
+  return /* @__PURE__ */ jsx("goa-app-footer", { ..._props, children });
 }
 function GoabAppFooterMetaSection({
-  testId,
-  children
+  children,
+  ...rest
 }) {
-  return /* @__PURE__ */ jsx("goa-app-footer-meta-section", { testid: testId, slot: "meta", children });
+  const _props = transformProps(rest, lowercase);
+  return /* @__PURE__ */ jsx("goa-app-footer-meta-section", { slot: "meta", ..._props, children });
 }
 function GoabAppFooterNavSection({
-  heading,
-  maxColumnCount = 1,
-  testId,
-  children
+  children,
+  ...rest
 }) {
-  return /* @__PURE__ */ jsx(
-    "goa-app-footer-nav-section",
-    {
-      slot: "nav",
-      heading,
-      maxcolumncount: maxColumnCount,
-      testid: testId,
-      children
-    }
-  );
+  const _props = transformProps(rest, lowercase);
+  return /* @__PURE__ */ jsx("goa-app-footer-nav-section", { slot: "nav", ..._props, children });
 }
 function GoabFieldset({
-  id,
-  sectionTitle,
-  dispatchOn,
   onContinue,
-  children
+  children,
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps(rest, kebab);
   useEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -953,35 +751,15 @@ function GoabFieldset({
       }
     };
   }, [ref, onContinue]);
-  return /* @__PURE__ */ jsx(
-    "goa-fieldset",
-    {
-      ref,
-      id,
-      "section-title": sectionTitle,
-      "dispatch-on": dispatchOn,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-fieldset", { ref, ..._props, children });
 }
 function GoabPublicFormPage({
-  id = "",
-  heading = "",
-  subHeading = "",
-  summaryHeading = "",
-  sectionTitle = "",
-  backUrl = "",
-  type = "step",
-  buttonText = "",
-  buttonVisibility = "visible",
   onContinue,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps(rest, kebab);
   useEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -997,49 +775,28 @@ function GoabPublicFormPage({
       }
     };
   }, [ref, onContinue]);
-  return /* @__PURE__ */ jsx(
-    "goa-public-form-page",
-    {
-      ref,
-      id,
-      heading,
-      "sub-heading": subHeading,
-      "section-title": sectionTitle,
-      "back-url": backUrl,
-      type,
-      "button-text": buttonText,
-      "button-visibility": buttonVisibility,
-      "summary-heading": summaryHeading,
-      mt,
-      mr,
-      mb,
-      ml,
-      children
-    }
-  );
-}
-function GoabPublicFormSummary({
-  heading = ""
-}) {
-  const ref = useRef(null);
-  return /* @__PURE__ */ jsx(
-    "goa-public-form-summary",
-    {
-      ref,
-      heading
-    }
+  return /* @__PURE__ */ jsx("goa-public-form-page", { ref, ..._props, children });
+}
+function GoabPublicFormSummary({
+  heading = "",
+  ...rest
+}) {
+  const _props = transformProps(
+    { heading, ...rest },
+    lowercase
   );
+  return /* @__PURE__ */ jsx("goa-public-form-summary", { ..._props });
 }
 function GoabPublicForm({
-  status = "complete",
-  name,
   onInit,
   onComplete,
   onStateChange,
-  children
+  children,
+  ...rest
 }) {
   const ref = useRef(null);
   const initialized = useRef(false);
+  const _props = transformProps(rest, lowercase);
   useLayoutEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -1075,15 +832,7 @@ function GoabPublicForm({
       }
     };
   }, [onInit, onComplete, onStateChange]);
-  return /* @__PURE__ */ jsx(
-    "goa-public-form",
-    {
-      ref,
-      status,
-      name,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-public-form", { ref, ..._props, children });
 }
 function GoabPublicSubform({
   id = "",
@@ -1092,12 +841,13 @@ function GoabPublicSubform({
   onInit,
   onStateChange,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps(
+    { id, name, "continue-msg": continueMsg, ...rest },
+    kebab
+  );
   useEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -1122,20 +872,7 @@ function GoabPublicSubform({
       }
     };
   }, [ref, onInit, onStateChange]);
-  return /* @__PURE__ */ jsx(
-    "goa-public-subform",
-    {
-      ref,
-      id,
-      name,
-      "continue-msg": continueMsg,
-      mt,
-      mr,
-      mb,
-      ml,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-public-subform", { ref, ..._props, children });
 }
 function GoabPublicSubformIndex({
   heading = "",
@@ -1143,86 +880,47 @@ function GoabPublicSubformIndex({
   actionButtonText = "",
   buttonVisibility = "hidden",
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
-  const ref = useRef(null);
-  return /* @__PURE__ */ jsx(
-    "goa-public-subform-index",
-    {
-      ref,
-      heading,
-      "section-title": sectionTitle,
-      "action-button-text": actionButtonText,
-      "button-visibility": buttonVisibility,
-      slot: "subform-index",
-      mt,
-      mr,
-      mb,
-      ml,
-      children
-    }
+  const _props = transformProps(
+    { heading, "section-title": sectionTitle, "action-button-text": actionButtonText, "button-visibility": buttonVisibility, ...rest },
+    kebab
   );
+  return /* @__PURE__ */ jsx("goa-public-subform-index", { slot: "subform-index", ..._props, children });
 }
-function GoabPublicFormTask({ status = "cannot-start", children }) {
-  return /* @__PURE__ */ jsx("goa-public-form-task", { status, children });
+function GoabPublicFormTask({
+  status = "cannot-start",
+  children,
+  ...rest
+}) {
+  const _props = transformProps(
+    { status, ...rest },
+    lowercase
+  );
+  return /* @__PURE__ */ jsx("goa-public-form-task", { ..._props, children });
 }
 function GoabPublicFormTaskList({
-  heading = "",
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
-  return /* @__PURE__ */ jsx(
-    "goa-public-form-task-list",
-    {
-      heading,
-      mt,
-      mr,
-      mb,
-      ml,
-      children
-    }
-  );
+  const _props = transformProps(rest, lowercase);
+  return /* @__PURE__ */ jsx("goa-public-form-task-list", { ..._props, children });
 }
 function GoabFormItem({
-  children,
-  helpText,
   error,
-  requirement,
-  label,
-  labelSize,
-  maxWidth,
+  helpText,
   publicFormSummaryOrder,
-  name,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId,
-  id
+  children,
+  ...rest
 }) {
+  const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsxs(
     "goa-form-item",
     {
-      label,
-      labelsize: labelSize,
       error: typeof error === "string" ? error : void 0,
-      requirement,
       helptext: typeof helpText === "string" ? helpText : void 0,
-      maxwidth: maxWidth,
       "public-form-summary-order": publicFormSummaryOrder,
-      name,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
-      id,
+      ..._props,
       children: [
         error && typeof error !== "string" && /* @__PURE__ */ jsx("div", { slot: "error", children: error }),
         helpText && typeof helpText !== "string" && /* @__PURE__ */ jsx("div", { slot: "helptext", children: helpText }),
@@ -1327,24 +1025,20 @@ function GoabHeroBannerActions({
   return /* @__PURE__ */ jsx("div", { slot: "actions", children });
 }
 function GoabIconButton({
-  icon,
-  disabled,
   variant = "color",
-  onClick,
   size = "medium",
-  title,
-  ariaLabel,
-  testId,
-  children,
-  mt,
-  mr,
-  mb,
-  ml,
-  action,
+  disabled,
+  onClick,
   actionArgs,
-  actionArg
+  actionArg,
+  children,
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps(
+    { variant, size, ...rest },
+    lowercase
+  );
   useEffect(() => {
     if (!ref.current) {
       return;
@@ -1354,7 +1048,7 @@ function GoabIconButton({
     }
     const current = ref.current;
     const listener = () => {
-      onClick();
+      onClick == null ? void 0 : onClick();
     };
     current.addEventListener("_click", listener);
     return () => {
@@ -1365,20 +1059,10 @@ function GoabIconButton({
     "goa-icon-button",
     {
       ref,
-      icon,
       disabled: disabled ? "true" : void 0,
-      variant,
-      size,
-      title,
-      arialabel: ariaLabel,
-      action,
       "action-arg": actionArg,
       "action-args": JSON.stringify(actionArgs),
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
+      ..._props,
       children
     }
   );
@@ -2107,12 +1791,15 @@ const formatters = {
   G: function(date, token, localize2) {
     const era = date.getFullYear() > 0 ? 1 : 0;
     switch (token) {
+      // AD, BC
       case "G":
       case "GG":
       case "GGG":
         return localize2.era(era, { width: "abbreviated" });
+      // A, B
       case "GGGGG":
         return localize2.era(era, { width: "narrow" });
+      // Anno Domini, Before Christ
       case "GGGG":
       default:
         return localize2.era(era, { width: "wide" });
@@ -2162,22 +1849,28 @@ const formatters = {
   Q: function(date, token, localize2) {
     const quarter = Math.ceil((date.getMonth() + 1) / 3);
     switch (token) {
+      // 1, 2, 3, 4
       case "Q":
         return String(quarter);
+      // 01, 02, 03, 04
       case "QQ":
         return addLeadingZeros(quarter, 2);
+      // 1st, 2nd, 3rd, 4th
       case "Qo":
         return localize2.ordinalNumber(quarter, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "QQQ":
         return localize2.quarter(quarter, {
           width: "abbreviated",
           context: "formatting"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "QQQQQ":
         return localize2.quarter(quarter, {
           width: "narrow",
           context: "formatting"
         });
+      // 1st quarter, 2nd quarter, ...
       case "QQQQ":
       default:
         return localize2.quarter(quarter, {
@@ -2190,22 +1883,28 @@ const formatters = {
   q: function(date, token, localize2) {
     const quarter = Math.ceil((date.getMonth() + 1) / 3);
     switch (token) {
+      // 1, 2, 3, 4
       case "q":
         return String(quarter);
+      // 01, 02, 03, 04
       case "qq":
         return addLeadingZeros(quarter, 2);
+      // 1st, 2nd, 3rd, 4th
       case "qo":
         return localize2.ordinalNumber(quarter, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "qqq":
         return localize2.quarter(quarter, {
           width: "abbreviated",
           context: "standalone"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "qqqqq":
         return localize2.quarter(quarter, {
           width: "narrow",
           context: "standalone"
         });
+      // 1st quarter, 2nd quarter, ...
       case "qqqq":
       default:
         return localize2.quarter(quarter, {
@@ -2221,18 +1920,22 @@ const formatters = {
       case "M":
       case "MM":
         return lightFormatters.M(date, token);
+      // 1st, 2nd, ..., 12th
       case "Mo":
         return localize2.ordinalNumber(month + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "MMM":
         return localize2.month(month, {
           width: "abbreviated",
           context: "formatting"
         });
+      // J, F, ..., D
       case "MMMMM":
         return localize2.month(month, {
           width: "narrow",
           context: "formatting"
         });
+      // January, February, ..., December
       case "MMMM":
       default:
         return localize2.month(month, { width: "wide", context: "formatting" });
@@ -2242,22 +1945,28 @@ const formatters = {
   L: function(date, token, localize2) {
     const month = date.getMonth();
     switch (token) {
+      // 1, 2, ..., 12
       case "L":
         return String(month + 1);
+      // 01, 02, ..., 12
       case "LL":
         return addLeadingZeros(month + 1, 2);
+      // 1st, 2nd, ..., 12th
       case "Lo":
         return localize2.ordinalNumber(month + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "LLL":
         return localize2.month(month, {
           width: "abbreviated",
           context: "standalone"
         });
+      // J, F, ..., D
       case "LLLLL":
         return localize2.month(month, {
           width: "narrow",
           context: "standalone"
         });
+      // January, February, ..., December
       case "LLLL":
       default:
         return localize2.month(month, { width: "wide", context: "standalone" });
@@ -2298,6 +2007,7 @@ const formatters = {
   E: function(date, token, localize2) {
     const dayOfWeek = date.getDay();
     switch (token) {
+      // Tue
       case "E":
       case "EE":
       case "EEE":
@@ -2305,16 +2015,19 @@ const formatters = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "EEEEE":
         return localize2.day(dayOfWeek, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "EEEEEE":
         return localize2.day(dayOfWeek, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "EEEE":
       default:
         return localize2.day(dayOfWeek, {
@@ -2328,10 +2041,13 @@ const formatters = {
     const dayOfWeek = date.getDay();
     const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
     switch (token) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
       case "e":
         return String(localDayOfWeek);
+      // Padded numerical value
       case "ee":
         return addLeadingZeros(localDayOfWeek, 2);
+      // 1st, 2nd, ..., 7th
       case "eo":
         return localize2.ordinalNumber(localDayOfWeek, { unit: "day" });
       case "eee":
@@ -2339,16 +2055,19 @@ const formatters = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "eeeee":
         return localize2.day(dayOfWeek, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "eeeeee":
         return localize2.day(dayOfWeek, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "eeee":
       default:
         return localize2.day(dayOfWeek, {
@@ -2362,10 +2081,13 @@ const formatters = {
     const dayOfWeek = date.getDay();
     const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
     switch (token) {
+      // Numerical value (same as in `e`)
       case "c":
         return String(localDayOfWeek);
+      // Padded numerical value
       case "cc":
         return addLeadingZeros(localDayOfWeek, token.length);
+      // 1st, 2nd, ..., 7th
       case "co":
         return localize2.ordinalNumber(localDayOfWeek, { unit: "day" });
       case "ccc":
@@ -2373,16 +2095,19 @@ const formatters = {
           width: "abbreviated",
           context: "standalone"
         });
+      // T
       case "ccccc":
         return localize2.day(dayOfWeek, {
           width: "narrow",
           context: "standalone"
         });
+      // Tu
       case "cccccc":
         return localize2.day(dayOfWeek, {
           width: "short",
           context: "standalone"
         });
+      // Tuesday
       case "cccc":
       default:
         return localize2.day(dayOfWeek, {
@@ -2396,27 +2121,34 @@ const formatters = {
     const dayOfWeek = date.getDay();
     const isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
     switch (token) {
+      // 2
       case "i":
         return String(isoDayOfWeek);
+      // 02
       case "ii":
         return addLeadingZeros(isoDayOfWeek, token.length);
+      // 2nd
       case "io":
         return localize2.ordinalNumber(isoDayOfWeek, { unit: "day" });
+      // Tue
       case "iii":
         return localize2.day(dayOfWeek, {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "iiiii":
         return localize2.day(dayOfWeek, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "iiiiii":
         return localize2.day(dayOfWeek, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "iiii":
       default:
         return localize2.day(dayOfWeek, {
@@ -2582,13 +2314,21 @@ const formatters = {
       return "Z";
     }
     switch (token) {
+      // Hours and optional minutes
       case "X":
         return formatTimezoneWithOptionalMinutes(timezoneOffset);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
         return formatTimezone(timezoneOffset);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XXX`
       case "XXXXX":
       case "XXX":
+      // Hours and minutes with `:` delimiter
       default:
         return formatTimezone(timezoneOffset, ":");
     }
@@ -2597,13 +2337,21 @@ const formatters = {
   x: function(date, token, _localize) {
     const timezoneOffset = date.getTimezoneOffset();
     switch (token) {
+      // Hours and optional minutes
       case "x":
         return formatTimezoneWithOptionalMinutes(timezoneOffset);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
         return formatTimezone(timezoneOffset);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xxx`
       case "xxxxx":
       case "xxx":
+      // Hours and minutes with `:` delimiter
       default:
         return formatTimezone(timezoneOffset, ":");
     }
@@ -2612,10 +2360,12 @@ const formatters = {
   O: function(date, token, _localize) {
     const timezoneOffset = date.getTimezoneOffset();
     switch (token) {
+      // Short
       case "O":
       case "OO":
       case "OOO":
         return "GMT" + formatTimezoneShort(timezoneOffset, ":");
+      // Long
       case "OOOO":
       default:
         return "GMT" + formatTimezone(timezoneOffset, ":");
@@ -2625,10 +2375,12 @@ const formatters = {
   z: function(date, token, _localize) {
     const timezoneOffset = date.getTimezoneOffset();
     switch (token) {
+      // Short
       case "z":
       case "zz":
       case "zzz":
         return "GMT" + formatTimezoneShort(timezoneOffset, ":");
+      // Long
       case "zzzz":
       default:
         return "GMT" + formatTimezone(timezoneOffset, ":");
@@ -2986,45 +2738,23 @@ function validateTimezone(_hours, minutes) {
   return minutes >= 0 && minutes <= 59;
 }
 function GoabInput({
-  id,
-  debounce,
-  name,
-  type,
-  autoCapitalize,
-  autoComplete,
-  leadingIcon,
-  trailingIcon,
   variant = "goa",
+  textAlign = "left",
   focused,
   disabled,
   readonly,
-  value,
-  placeholder,
   error,
-  width,
-  testId,
-  min,
-  max,
-  step,
-  prefix,
-  suffix,
-  ariaLabel,
-  mt,
-  mr,
-  mb,
-  ml,
   leadingContent,
   trailingContent,
-  maxLength,
-  trailingIconAriaLabel,
-  textAlign = "left",
   onTrailingIconClick,
   onChange,
   onFocus,
   onBlur,
-  onKeyPress
+  onKeyPress,
+  ...rest
 }) {
   const ref = useRef(null);
+  const _props = transformProps({ variant, textalign: textAlign, ...rest }, lowercase);
   useEffect(() => {
     if (!ref.current) {
       return;
@@ -3066,37 +2796,12 @@ function GoabInput({
     "goa-input",
     {
       ref,
-      debounce,
+      ..._props,
       focused: focused ? "true" : void 0,
-      type,
-      name,
-      autocapitalize: autoCapitalize,
-      autocomplete: autoComplete,
-      id,
-      leadingicon: leadingIcon,
-      trailingicon: trailingIcon,
-      variant,
       disabled: disabled ? "true" : void 0,
       readonly: readonly ? "true" : void 0,
-      placeholder,
       error: error ? "true" : void 0,
-      testid: testId,
-      value,
-      width,
-      min,
-      max,
-      step,
-      maxlength: maxLength,
-      prefix,
-      suffix,
-      arialabel: ariaLabel,
-      mt,
-      mr,
-      mb,
-      ml,
       handletrailingiconclick: onTrailingIconClick ? "true" : "false",
-      trailingiconarialabel: trailingIconAriaLabel,
-      textalign: textAlign,
       children: [
         leadingContent && /* @__PURE__ */ jsx("div", { slot: "leadingContent", children: leadingContent }),
         trailingContent && /* @__PURE__ */ jsx("div", { slot: "trailingContent", children: trailingContent })
@@ -3269,47 +2974,64 @@ function GoabInputNumber({
 function GoabInputRange(props) {
   return /* @__PURE__ */ jsx(GoabInput, { ...props, type: "range" });
 }
-function GoabLink(props) {
+const GoabLinearProgress = ({
+  progress,
+  percentVisibility,
+  ariaLabel,
+  ariaLabelledBy,
+  testId
+}) => {
   return /* @__PURE__ */ jsx(
-    "goa-link",
+    "goa-linear-progress",
     {
-      leadingicon: props.leadingIcon,
-      trailingicon: props.trailingIcon,
-      action: props.action,
-      "action-arg": props.actionArg,
-      "action-args": JSON.stringify(props.actionArgs),
-      testid: props.testId,
-      mt: props.mt,
-      mb: props.mb,
-      ml: props.ml,
-      mr: props.mr,
-      children: props.children
+      progress,
+      "percent-visibility": percentVisibility,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      testid: testId
     }
   );
-}
-function GoALinkButton({ type = "primary", ...props }) {
+};
+function GoabLink({
+  actionArgs,
+  actionArg,
+  children,
+  ...rest
+}) {
+  const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsx(
-    "goa-link-button",
+    "goa-link",
     {
-      type,
-      leadingicon: props.leadingIcon,
-      trailingicon: props.trailingIcon,
-      mt: props.mt,
-      mb: props.mb,
-      ml: props.ml,
-      mr: props.mr,
-      children: props.children
+      "action-arg": actionArg,
+      "action-args": JSON.stringify(actionArgs),
+      ..._props,
+      children
     }
   );
 }
+function GoALinkButton({
+  type = "primary",
+  children,
+  ...rest
+}) {
+  const _props = transformProps(
+    { type, ...rest },
+    lowercase
+  );
+  return /* @__PURE__ */ jsx("goa-link-button", { ..._props, children });
+}
 function GoabMenuButton({
-  text,
   type = "primary",
   testId,
   onAction,
-  children
+  children,
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps(
+    { type, testid: testId, ...rest },
+    kebab
+  );
   useEffect(() => {
     if (!el.current) {
       return;
@@ -3320,17 +3042,18 @@ function GoabMenuButton({
     const current = el.current;
     const listener = (e) => {
       const detail = e.detail;
-      onAction(detail);
+      onAction == null ? void 0 : onAction(detail);
     };
     current.addEventListener("_action", listener);
     return () => {
       current.removeEventListener("_action", listener);
     };
   }, [el, onAction]);
-  return /* @__PURE__ */ jsx("goa-menu-button", { ref: el, text, type, testid: testId, children });
+  return /* @__PURE__ */ jsx("goa-menu-button", { ..._props, ref: el, children });
 }
-function GoabMenuAction({ text, icon, action, testId }) {
-  return /* @__PURE__ */ jsx("goa-menu-action", { text, action, icon, testid: testId });
+function GoabMenuAction(props) {
+  const _props = transformProps(props, lowercase);
+  return /* @__PURE__ */ jsx("goa-menu-action", { ..._props });
 }
 function GoabMicrositeHeader({
   type,
@@ -3506,31 +3229,18 @@ function GoabPagination({ onChange, ...props }) {
 }
 function GoabPopover({
   target,
-  testId,
-  maxWidth,
-  minWidth,
   padded,
-  position,
   relative,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
+  const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsxs(
     "goa-popover",
     {
-      testid: testId,
-      maxwidth: maxWidth,
-      minwidth: minWidth,
       padded: typeof padded === "undefined" ? void 0 : padded ? "true" : "false",
-      position,
       relative: relative ? "true" : void 0,
-      mt,
-      mr,
-      mb,
-      ml,
+      ..._props,
       children: [
         children,
         target && /* @__PURE__ */ jsx("div", { slot: "target", children: target })
@@ -3582,22 +3292,15 @@ function GoabRadioItem({
   );
 }
 function GoabRadioGroup({
-  name,
-  value,
-  children,
-  orientation,
   disabled,
   error,
-  id,
-  testId,
-  ariaLabel,
-  mt,
-  mr,
-  mb,
-  ml,
-  onChange
+  onChange,
+  name,
+  children,
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) return;
     const listener = (e) => {
@@ -3617,19 +3320,11 @@ function GoabRadioGroup({
   return /* @__PURE__ */ jsx(
     "goa-radio-group",
     {
-      testid: testId,
       ref: el,
-      id,
+      ..._props,
       name,
-      value,
-      orientation,
       disabled: disabled ? "true" : void 0,
       error: error ? "true" : void 0,
-      arialabel: ariaLabel,
-      mt,
-      mr,
-      mb,
-      ml,
       children
     }
   );
@@ -3744,11 +3439,11 @@ function GoabTable({ onSort, ...props }) {
   );
 }
 function GoabTableSortHeader({
-  name,
-  direction = "none",
-  children
+  children,
+  ...rest
 }) {
-  return /* @__PURE__ */ jsx("goa-table-sort-header", { name, direction, children });
+  const _props = transformProps(rest, lowercase);
+  return /* @__PURE__ */ jsx("goa-table-sort-header", { ..._props, children });
 }
 function GoabTabs({
   initialTab,
@@ -3781,59 +3476,50 @@ function GoabTab({ heading, children }) {
 const GoabTemporaryNotificationCtrl = ({
   verticalPosition = "bottom",
   horizontalPosition = "center",
-  testId
+  testId,
+  ...rest
 }) => {
   const el = useRef(null);
+  const _props = transformProps(
+    { "vertical-position": verticalPosition, "horizontal-position": horizontalPosition, ...rest },
+    kebab
+  );
   return /* @__PURE__ */ jsx(
     "goa-temp-notification-ctrl",
     {
       ref: el,
-      "vertical-position": verticalPosition,
-      "horizontal-position": horizontalPosition,
+      ..._props,
       testid: testId
     }
   );
 };
-function GoabText(props) {
+function GoabText({
+  as,
+  tag,
+  children,
+  ...rest
+}) {
+  const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsx(
     "goa-text",
     {
-      as: props.tag || props.as,
-      size: props.size,
-      maxwidth: props.maxWidth,
-      color: props.color,
-      mt: props.mt,
-      mb: props.mb,
-      ml: props.ml,
-      mr: props.mr,
-      children: props.children
+      as: tag || as,
+      ..._props,
+      children
     }
   );
 }
 function GoabTextArea({
-  name,
-  value,
-  placeholder,
-  rows,
   readOnly,
   disabled,
-  countBy,
-  maxCount,
-  width,
-  maxWidth,
-  testId,
   error,
-  ariaLabel,
-  mt,
-  mr,
-  mb,
-  ml,
-  autoComplete,
   onChange,
   onKeyPress,
-  onBlur
+  onBlur,
+  ...rest
 }) {
   const el = useRef(null);
+  const _props = transformProps(rest, lowercase);
   useEffect(() => {
     if (!el.current) {
       return;
@@ -3864,24 +3550,10 @@ function GoabTextArea({
     "goa-textarea",
     {
       ref: el,
-      name,
-      placeholder,
-      value,
-      rows,
       readOnly: readOnly ? "true" : void 0,
       disabled: disabled ? "true" : void 0,
-      countby: countBy,
-      maxcount: maxCount,
-      width,
-      maxwidth: maxWidth,
       error: error ? "true" : void 0,
-      testid: testId,
-      arialabel: ariaLabel,
-      mt,
-      mr,
-      mb,
-      ml,
-      autocomplete: autoComplete
+      ..._props
     }
   );
 }
@@ -3903,23 +3575,21 @@ function GoabThreeColumnLayout(props) {
     }
   );
 }
-function GoabTooltip(props) {
-  const isStringContent = typeof props.content === "string";
+function GoabTooltip({
+  content,
+  children,
+  ...rest
+}) {
+  const _props = transformProps(rest, lowercase);
+  const isStringContent = typeof content === "string";
   return /* @__PURE__ */ jsxs(
     "goa-tooltip",
     {
-      position: props.position,
-      content: isStringContent ? props.content : void 0,
-      halign: props.hAlign,
-      testid: props.testId,
-      maxwidth: props.maxWidth,
-      mt: props.mt,
-      mr: props.mr,
-      mb: props.mb,
-      ml: props.ml,
+      content: isStringContent ? content : void 0,
+      ..._props,
       children: [
-        !isStringContent && props.content && /* @__PURE__ */ jsx("div", { slot: "content", children: props.content }),
-        props.children
+        !isStringContent && content && /* @__PURE__ */ jsx("div", { slot: "content", children: content }),
+        children
       ]
     }
   );
@@ -3942,15 +3612,14 @@ function GoabTwoColumnLayout(props) {
 const GoabFilterChip = ({
   iconTheme = "outline",
   error,
-  content,
   onClick,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
+  ...rest
 }) => {
   const el = useRef(null);
+  const _props = transformProps(
+    { icontheme: iconTheme, ...rest },
+    lowercase
+  );
   useEffect(() => {
     if (!el.current) return;
     if (!onClick) return;
@@ -3964,14 +3633,8 @@ const GoabFilterChip = ({
     "goa-filter-chip",
     {
       ref: el,
-      icontheme: iconTheme,
       error: error ? "true" : void 0,
-      content,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId
+      ..._props
     }
   );
 };
@@ -4400,6 +4063,7 @@ export {
   GoabChip,
   GoabCircularProgress,
   GoabContainer,
+  GoabDataGrid,
   GoabDatePicker,
   GoabDetails,
   GoabDivider,
@@ -4436,6 +4100,7 @@ export {
   GoabInputText,
   GoabInputTime,
   GoabInputUrl,
+  GoabLinearProgress,
   GoabLink,
   GoabMenuAction,
   GoabMenuButton,