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

package/index.js

@@ -12,30 +12,22 @@ var _PublicFormController_instances, updateObjectListState_fn, dispatchError_fn;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const icon = require("./icon-CK55b563.js");
+const icon = require("./icon-B3p90m2x.js");
 function GoabAccordion({
   open,
-  heading,
-  headingSize,
-  secondaryText,
-  headingContent,
-  iconPosition,
-  maxWidth,
-  testId,
   onChange,
+  headingContent,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
   const ref = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.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 () => {
@@ -48,16 +40,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__ */ jsxRuntime.jsx("div", { slot: "headingcontent", children: headingContent }),
         children
@@ -66,15 +49,12 @@ function GoabAccordion({
   );
 }
 function GoabAppHeader({
-  heading,
-  url,
-  maxContentWidth,
-  fullMenuBreakpoint,
-  testId,
+  onMenuClick,
   children,
-  onMenuClick
+  ...rest
 }) {
   const el = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useEffect(() => {
     if (!el.current) {
       return;
@@ -84,7 +64,7 @@ function GoabAppHeader({
     }
     const current = el.current;
     const listener = () => {
-      onMenuClick();
+      onMenuClick == null ? void 0 : onMenuClick();
     };
     current.addEventListener("_menuClick", listener);
     return () => {
@@ -95,26 +75,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__ */ jsxRuntime.jsx(
-    "goa-app-header-menu",
-    {
-      heading: props.heading,
-      leadingicon: props.leadingIcon,
-      testid: props.testId,
-      children: props.children
-    }
-  );
+function GoabAppHeaderMenu({
+  children,
+  ...rest
+}) {
+  const _props = icon.transformProps(rest, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-app-header-menu", { ..._props, children });
 }
 function getIconValue(icon2, iconType) {
   if (icon2 !== void 0) {
@@ -123,30 +95,17 @@ function getIconValue(icon2, iconType) {
   return iconType ? "true" : "false";
 }
 function GoabBadge({
-  type,
-  content,
-  icon: icon2,
-  testId,
-  mt,
-  mr,
-  mb,
-  ml,
-  ariaLabel,
-  iconType
+  icon: icon$1,
+  iconType,
+  ...rest
 }) {
+  const _props = icon.transformProps(rest, icon.lowercase);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "goa-badge",
     {
-      type,
-      content,
-      icon: getIconValue(icon2, iconType),
-      testid: testId,
-      arialabel: ariaLabel,
+      icon: getIconValue(icon$1, iconType),
       icontype: iconType,
-      mt,
-      mr,
-      mb,
-      ml
+      ..._props
     }
   );
 }
@@ -250,42 +209,27 @@ function GoabEmergencyBadge({
     }
   );
 }
-function GoabBlock(props) {
-  return /* @__PURE__ */ jsxRuntime.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 = icon.transformProps(
+    { testid: testId, ...rest },
+    icon.kebab
   );
+  return /* @__PURE__ */ jsxRuntime.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 = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useEffect(() => {
     if (!el.current) {
       return;
@@ -295,7 +239,7 @@ function GoabButton({
     }
     const current = el.current;
     const listener = () => {
-      onClick();
+      onClick == null ? void 0 : onClick();
     };
     current.addEventListener("_click", listener);
     return () => {
@@ -306,62 +250,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__ */ jsxRuntime.jsx(
-    "goa-button-group",
-    {
-      alignment,
-      gap,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
-      children
-    }
-  );
+  const _props = icon.transformProps(rest, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-button-group", { ..._props, children });
 }
 function GoabCalendar({
-  name,
-  value,
   min,
   max,
-  testId,
-  mt,
-  mr,
-  mb,
-  ml,
-  onChange
+  onChange,
+  name,
+  ...rest
 }) {
   const ref = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useEffect(() => {
     if (!ref.current) {
       return;
@@ -383,72 +295,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__ */ jsxRuntime.jsx(
-    "goa-callout",
-    {
-      heading,
-      type,
-      size,
-      maxwidth: maxWidth,
-      arialive: ariaLive,
-      icontheme: iconTheme,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
-      children
-    }
+  const _props = icon.transformProps(
+    { type, icontheme: iconTheme, size, arialive: ariaLive, ...rest },
+    icon.lowercase
   );
+  return /* @__PURE__ */ jsxRuntime.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 = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useEffect(() => {
     if (!el.current) {
       return;
@@ -466,24 +347,15 @@ function GoabCheckbox({
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { slot: "description", children: description }),
@@ -550,26 +422,19 @@ function GoabCheckboxList({
   );
 }
 const GoabChip = ({
-  leadingIcon,
-  iconTheme,
-  deletable,
   error,
-  variant,
-  content,
+  deletable,
   onClick,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
+  ...rest
 }) => {
   const el = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.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 () => {
@@ -580,17 +445,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
     }
   );
 };
@@ -615,61 +472,48 @@ const GoabCircularProgress = ({
   );
 };
 function GoabContainer({
-  accent,
   heading,
   title,
-  padding,
-  children,
   actions,
-  type,
-  width,
-  maxWidth,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
+  children,
+  ...rest
 }) {
+  const _props = icon.transformProps(rest, icon.lowercase);
   const headingContent = heading || title;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "goa-container",
+  return /* @__PURE__ */ jsxRuntime.jsxs("goa-container", { ..._props, children: [
+    headingContent && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "title", children: headingContent }),
+    children,
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "actions", children: actions })
+  ] });
+}
+function GoabDataGrid({
+  keyboardIconVisibility = "visible",
+  keyboardIconPosition = "left",
+  keyboardNav,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-data-grid",
     {
-      type,
-      padding,
-      accent,
-      width,
-      maxwidth: maxWidth,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId,
-      children: [
-        headingContent && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "title", children: headingContent }),
-        children,
-        actions && /* @__PURE__ */ jsxRuntime.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 = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.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`");
@@ -693,47 +537,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__ */ jsxRuntime.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 = icon.transformProps(rest, icon.lowercase);
   return /* @__PURE__ */ jsxRuntime.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
     }
   );
 }
@@ -758,54 +594,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 = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.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__ */ jsxRuntime.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
     }
   );
 }
@@ -834,16 +667,13 @@ function GoabDropdownItem({
   );
 }
 function GoabFileUploadCard({
-  filename,
-  size,
-  type,
-  progress,
-  error,
-  testId,
   onDelete,
-  onCancel
+  onCancel,
+  filename,
+  ...rest
 }) {
   const el = react.useRef(null);
+  const _props = icon.transformProps({ filename, ...rest }, icon.lowercase);
   react.useEffect(() => {
     if (!el.current) return;
     const current = el.current;
@@ -855,28 +685,15 @@ function GoabFileUploadCard({
       current.removeEventListener("_delete", deleteHandler);
       current.removeEventListener("_cancel", cancelHandler);
     };
-  }, [el, onDelete, onCancel]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-file-upload-card",
-    {
-      ref: el,
-      filename,
-      size,
-      type,
-      progress,
-      error,
-      testid: testId
-    }
-  );
+  }, [el, onDelete, onCancel, filename]);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-file-upload-card", { ref: el, ..._props });
 }
 function GoabFileUploadInput({
-  variant,
-  accept,
-  maxFileSize,
-  testId,
-  onSelectFile
+  onSelectFile,
+  ...rest
 }) {
   const el = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useEffect(() => {
     if (!el.current) return;
     const current = el.current;
@@ -889,56 +706,36 @@ function GoabFileUploadInput({
       current.removeEventListener("_selectFile", handler);
     };
   }, [el, onSelectFile]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-file-upload-input",
-    {
-      ref: el,
-      variant,
-      accept,
-      maxfilesize: maxFileSize,
-      testid: testId
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-file-upload-input", { ref: el, ..._props });
 }
 function GoabAppFooter({
-  maxContentWidth,
   children,
-  testId,
-  url
+  ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-app-footer", { maxcontentwidth: maxContentWidth, testid: testId, url, children });
+  const _props = icon.transformProps(rest, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-app-footer", { ..._props, children });
 }
 function GoabAppFooterMetaSection({
-  testId,
-  children
+  children,
+  ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-app-footer-meta-section", { testid: testId, slot: "meta", children });
+  const _props = icon.transformProps(rest, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-app-footer-meta-section", { slot: "meta", ..._props, children });
 }
 function GoabAppFooterNavSection({
-  heading,
-  maxColumnCount = 1,
-  testId,
-  children
+  children,
+  ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-app-footer-nav-section",
-    {
-      slot: "nav",
-      heading,
-      maxcolumncount: maxColumnCount,
-      testid: testId,
-      children
-    }
-  );
+  const _props = icon.transformProps(rest, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-app-footer-nav-section", { slot: "nav", ..._props, children });
 }
 function GoabFieldset({
-  id,
-  sectionTitle,
-  dispatchOn,
   onContinue,
-  children
+  children,
+  ...rest
 }) {
   const ref = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.kebab);
   react.useEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -955,35 +752,15 @@ function GoabFieldset({
       }
     };
   }, [ref, onContinue]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-fieldset",
-    {
-      ref,
-      id,
-      "section-title": sectionTitle,
-      "dispatch-on": dispatchOn,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.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 = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.kebab);
   react.useEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -999,49 +776,28 @@ function GoabPublicFormPage({
       }
     };
   }, [ref, onContinue]);
-  return /* @__PURE__ */ jsxRuntime.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 = react.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-public-form-summary",
-    {
-      ref,
-      heading
-    }
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-page", { ref, ..._props, children });
+}
+function GoabPublicFormSummary({
+  heading = "",
+  ...rest
+}) {
+  const _props = icon.transformProps(
+    { heading, ...rest },
+    icon.lowercase
   );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-summary", { ..._props });
 }
 function GoabPublicForm({
-  status = "complete",
-  name,
   onInit,
   onComplete,
   onStateChange,
-  children
+  children,
+  ...rest
 }) {
   const ref = react.useRef(null);
   const initialized = react.useRef(false);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useLayoutEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -1077,15 +833,7 @@ function GoabPublicForm({
       }
     };
   }, [onInit, onComplete, onStateChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-public-form",
-    {
-      ref,
-      status,
-      name,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form", { ref, ..._props, children });
 }
 function GoabPublicSubform({
   id = "",
@@ -1094,12 +842,13 @@ function GoabPublicSubform({
   onInit,
   onStateChange,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
   const ref = react.useRef(null);
+  const _props = icon.transformProps(
+    { id, name, "continue-msg": continueMsg, ...rest },
+    icon.kebab
+  );
   react.useEffect(() => {
     if (!ref.current) return;
     const current = ref.current;
@@ -1124,20 +873,7 @@ function GoabPublicSubform({
       }
     };
   }, [ref, onInit, onStateChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-public-subform",
-    {
-      ref,
-      id,
-      name,
-      "continue-msg": continueMsg,
-      mt,
-      mr,
-      mb,
-      ml,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-subform", { ref, ..._props, children });
 }
 function GoabPublicSubformIndex({
   heading = "",
@@ -1145,86 +881,47 @@ function GoabPublicSubformIndex({
   actionButtonText = "",
   buttonVisibility = "hidden",
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
-  const ref = react.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.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 = icon.transformProps(
+    { heading, "section-title": sectionTitle, "action-button-text": actionButtonText, "button-visibility": buttonVisibility, ...rest },
+    icon.kebab
   );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-subform-index", { slot: "subform-index", ..._props, children });
 }
-function GoabPublicFormTask({ status = "cannot-start", children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task", { status, children });
+function GoabPublicFormTask({
+  status = "cannot-start",
+  children,
+  ...rest
+}) {
+  const _props = icon.transformProps(
+    { status, ...rest },
+    icon.lowercase
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task", { ..._props, children });
 }
 function GoabPublicFormTaskList({
-  heading = "",
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-public-form-task-list",
-    {
-      heading,
-      mt,
-      mr,
-      mb,
-      ml,
-      children
-    }
-  );
+  const _props = icon.transformProps(rest, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.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 = icon.transformProps(rest, icon.lowercase);
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { slot: "error", children: error }),
         helpText && typeof helpText !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "helptext", children: helpText }),
@@ -1329,24 +1026,20 @@ function GoabHeroBannerActions({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "actions", children });
 }
 function GoabIconButton({
-  icon: icon2,
-  disabled,
   variant = "color",
-  onClick,
   size = "medium",
-  title,
-  ariaLabel,
-  testId,
-  children,
-  mt,
-  mr,
-  mb,
-  ml,
-  action,
+  disabled,
+  onClick,
   actionArgs,
-  actionArg
+  actionArg,
+  children,
+  ...rest
 }) {
   const ref = react.useRef(null);
+  const _props = icon.transformProps(
+    { variant, size, ...rest },
+    icon.lowercase
+  );
   react.useEffect(() => {
     if (!ref.current) {
       return;
@@ -1356,7 +1049,7 @@ function GoabIconButton({
     }
     const current = ref.current;
     const listener = () => {
-      onClick();
+      onClick == null ? void 0 : onClick();
     };
     current.addEventListener("_click", listener);
     return () => {
@@ -1367,20 +1060,10 @@ function GoabIconButton({
     "goa-icon-button",
     {
       ref,
-      icon: icon2,
       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
     }
   );
@@ -2109,12 +1792,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" });
@@ -2164,22 +1850,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, {
@@ -2192,22 +1884,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, {
@@ -2223,18 +1921,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" });
@@ -2244,22 +1946,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" });
@@ -2300,6 +2008,7 @@ const formatters = {
   E: function(date, token, localize2) {
     const dayOfWeek = date.getDay();
     switch (token) {
+      // Tue
       case "E":
       case "EE":
       case "EEE":
@@ -2307,16 +2016,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, {
@@ -2330,10 +2042,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":
@@ -2341,16 +2056,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, {
@@ -2364,10 +2082,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":
@@ -2375,16 +2096,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, {
@@ -2398,27 +2122,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, {
@@ -2584,13 +2315,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, ":");
     }
@@ -2599,13 +2338,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, ":");
     }
@@ -2614,10 +2361,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, ":");
@@ -2627,10 +2376,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, ":");
@@ -2988,45 +2739,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 = react.useRef(null);
+  const _props = icon.transformProps({ variant, textalign: textAlign, ...rest }, icon.lowercase);
   react.useEffect(() => {
     if (!ref.current) {
       return;
@@ -3068,37 +2797,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__ */ jsxRuntime.jsx("div", { slot: "leadingContent", children: leadingContent }),
         trailingContent && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "trailingContent", children: trailingContent })
@@ -3271,47 +2975,64 @@ function GoabInputNumber({
 function GoabInputRange(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(GoabInput, { ...props, type: "range" });
 }
-function GoabLink(props) {
+const GoabLinearProgress = ({
+  progress,
+  percentVisibility,
+  ariaLabel,
+  ariaLabelledBy,
+  testId
+}) => {
   return /* @__PURE__ */ jsxRuntime.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 = icon.transformProps(rest, icon.lowercase);
   return /* @__PURE__ */ jsxRuntime.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 = icon.transformProps(
+    { type, ...rest },
+    icon.lowercase
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-link-button", { ..._props, children });
+}
 function GoabMenuButton({
-  text,
   type = "primary",
   testId,
   onAction,
-  children
+  children,
+  ...rest
 }) {
   const el = react.useRef(null);
+  const _props = icon.transformProps(
+    { type, testid: testId, ...rest },
+    icon.kebab
+  );
   react.useEffect(() => {
     if (!el.current) {
       return;
@@ -3322,17 +3043,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__ */ jsxRuntime.jsx("goa-menu-button", { ref: el, text, type, testid: testId, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-menu-button", { ..._props, ref: el, children });
 }
-function GoabMenuAction({ text, icon: icon2, action, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-menu-action", { text, action, icon: icon2, testid: testId });
+function GoabMenuAction(props) {
+  const _props = icon.transformProps(props, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-menu-action", { ..._props });
 }
 function GoabMicrositeHeader({
   type,
@@ -3508,31 +3230,18 @@ function GoabPagination({ onChange, ...props }) {
 }
 function GoabPopover({
   target,
-  testId,
-  maxWidth,
-  minWidth,
   padded,
-  position,
   relative,
   children,
-  mt,
-  mr,
-  mb,
-  ml
+  ...rest
 }) {
+  const _props = icon.transformProps(rest, icon.lowercase);
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { slot: "target", children: target })
@@ -3584,22 +3293,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 = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useEffect(() => {
     if (!el.current) return;
     const listener = (e) => {
@@ -3619,19 +3321,11 @@ function GoabRadioGroup({
   return /* @__PURE__ */ jsxRuntime.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
     }
   );
@@ -3746,11 +3440,11 @@ function GoabTable({ onSort, ...props }) {
   );
 }
 function GoabTableSortHeader({
-  name,
-  direction = "none",
-  children
+  children,
+  ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-table-sort-header", { name, direction, children });
+  const _props = icon.transformProps(rest, icon.lowercase);
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-table-sort-header", { ..._props, children });
 }
 function GoabTabs({
   initialTab,
@@ -3783,59 +3477,50 @@ function GoabTab({ heading, children }) {
 const GoabTemporaryNotificationCtrl = ({
   verticalPosition = "bottom",
   horizontalPosition = "center",
-  testId
+  testId,
+  ...rest
 }) => {
   const el = react.useRef(null);
+  const _props = icon.transformProps(
+    { "vertical-position": verticalPosition, "horizontal-position": horizontalPosition, ...rest },
+    icon.kebab
+  );
   return /* @__PURE__ */ jsxRuntime.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 = icon.transformProps(rest, icon.lowercase);
   return /* @__PURE__ */ jsxRuntime.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 = react.useRef(null);
+  const _props = icon.transformProps(rest, icon.lowercase);
   react.useEffect(() => {
     if (!el.current) {
       return;
@@ -3866,24 +3551,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
     }
   );
 }
@@ -3905,23 +3576,21 @@ function GoabThreeColumnLayout(props) {
     }
   );
 }
-function GoabTooltip(props) {
-  const isStringContent = typeof props.content === "string";
+function GoabTooltip({
+  content,
+  children,
+  ...rest
+}) {
+  const _props = icon.transformProps(rest, icon.lowercase);
+  const isStringContent = typeof content === "string";
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { slot: "content", children: props.content }),
-        props.children
+        !isStringContent && content && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "content", children: content }),
+        children
       ]
     }
   );
@@ -3944,15 +3613,14 @@ function GoabTwoColumnLayout(props) {
 const GoabFilterChip = ({
   iconTheme = "outline",
   error,
-  content,
   onClick,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
+  ...rest
 }) => {
   const el = react.useRef(null);
+  const _props = icon.transformProps(
+    { icontheme: iconTheme, ...rest },
+    icon.lowercase
+  );
   react.useEffect(() => {
     if (!el.current) return;
     if (!onClick) return;
@@ -3966,14 +3634,8 @@ const GoabFilterChip = ({
     "goa-filter-chip",
     {
       ref: el,
-      icontheme: iconTheme,
       error: error ? "true" : void 0,
-      content,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId
+      ..._props
     }
   );
 };
@@ -4403,6 +4065,7 @@ exports.GoabCheckboxList = GoabCheckboxList;
 exports.GoabChip = GoabChip;
 exports.GoabCircularProgress = GoabCircularProgress;
 exports.GoabContainer = GoabContainer;
+exports.GoabDataGrid = GoabDataGrid;
 exports.GoabDatePicker = GoabDatePicker;
 exports.GoabDetails = GoabDetails;
 exports.GoabDivider = GoabDivider;
@@ -4437,6 +4100,7 @@ exports.GoabInputTel = GoabInputTel;
 exports.GoabInputText = GoabInputText;
 exports.GoabInputTime = GoabInputTime;
 exports.GoabInputUrl = GoabInputUrl;
+exports.GoabLinearProgress = GoabLinearProgress;
 exports.GoabLink = GoabLink;
 exports.GoabMenuAction = GoabMenuAction;
 exports.GoabMenuButton = GoabMenuButton;