@govtechsg/sgds-web-component 3.23.0-rc.1 → 3.23.0-rc.2

package/custom-elements.json

@@ -1214,27 +1214,214 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
+      "path": "src/components/Button/sgds-button.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SgdsBreadcrumbItem",
+          "name": "SgdsButton",
           "slots": [
             {
-              "description": "The link of the item. Pass in anchor tags into this slot",
+              "description": "The button's label.",
               "name": "default"
+            },
+            {
+              "description": "The slot for icon to the left of the button text",
+              "name": "leftIcon"
+            },
+            {
+              "description": "The slot for icon to the right of the button text",
+              "name": "rightIcon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "name",
               "type": {
-                "text": "Record<string, typeof SgdsElement>"
+                "text": "string"
               },
-              "static": true,
-              "default": "{\n    \"sgds-link\": SgdsLink,\n    \"sgds-icon\": SgdsIcon\n  }"
+              "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "\"button\" | \"submit\" | \"reset\""
+              },
+              "default": "\"button\"",
+              "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
+              "attribute": "type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "formAction",
+              "type": {
+                "text": "string"
+              },
+              "description": "Used to override the form owner's `action` attribute.",
+              "attribute": "formaction",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "formMethod",
+              "type": {
+                "text": "\"post\" | \"get\""
+              },
+              "description": "Used to override the form owner's `method` attribute.",
+              "attribute": "formmethod",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "formNoValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "attribute": "formnovalidate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "formTarget",
+              "type": {
+                "text": "| \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | string"
+              },
+              "description": "Used to override the form owner's `target` attribute.",
+              "attribute": "formtarget",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set, the button will be in full width.",
+              "attribute": "fullWidth",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasLeftIconSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
+              "attribute": "hasLeftIconSlot"
+            },
+            {
+              "kind": "field",
+              "name": "hasRightIconSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
+              "attribute": "hasRightIconSlot"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
+              "type": {}
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_clickHandler",
+              "privacy": "private",
+              "type": {}
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
+              },
+              "default": "\"primary\"",
+              "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
+              "attribute": "variant",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tone",
+              "type": {
+                "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
+              },
+              "default": "\"brand\"",
+              "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
+              "attribute": "tone",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+              },
+              "default": "\"md\"",
+              "description": "Specifies a small, medium or large button, the size is medium by default.",
+              "attribute": "size",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "field",
@@ -1243,15 +1430,224 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
+              "description": "Manually set the visual state of the button to `:active`",
               "attribute": "active",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The disabled state of the button",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "attribute": "href",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
+              },
+              "default": "\"_self\"",
+              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
+              "attribute": "target",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "The aria-label attribute to passed to button element when necessary",
+              "attribute": "ariaLabel",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, shows a loading spinner",
+              "attribute": "loading",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the button.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "privacy": "public",
+              "description": "Simulates a click on the button.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "privacy": "public",
+              "description": "Removes focus from the button.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleBlur",
+              "privacy": "protected",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleFocus",
+              "privacy": "protected",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleKeydown",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_assignSpinnerSize",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "buttonSize",
+                  "type": {
+                    "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "_preventNavigation",
-              "privacy": "private",
-              "type": {}
+              "kind": "method",
+              "name": "_assignSpinnerTone",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "SpinnerTone"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "buttonTone",
+                  "type": {
+                    "text": "ButtonTone"
+                  }
+                },
+                {
+                  "name": "buttonVariant",
+                  "type": {
+                    "text": "ButtonVariant"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "method",
@@ -1308,436 +1704,442 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "Emitted when the button is blurred.",
+              "name": "sgds-blur",
+              "reactName": "onSgdsBlur"
+            },
+            {
+              "description": "Emitted when the button is focused.",
+              "name": "sgds-focus",
+              "reactName": "onSgdsFocus"
+            }
+          ],
           "attributes": [
             {
-              "name": "active",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
+              "fieldName": "value"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "\"button\" | \"submit\" | \"reset\""
+              },
+              "default": "\"button\"",
+              "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
+              "fieldName": "type"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+              "fieldName": "form"
+            },
+            {
+              "name": "formaction",
+              "type": {
+                "text": "string"
+              },
+              "description": "Used to override the form owner's `action` attribute.",
+              "fieldName": "formAction"
+            },
+            {
+              "name": "formmethod",
+              "type": {
+                "text": "\"post\" | \"get\""
+              },
+              "description": "Used to override the form owner's `method` attribute.",
+              "fieldName": "formMethod"
+            },
+            {
+              "name": "formnovalidate",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "fieldName": "formNoValidate"
+            },
+            {
+              "name": "formtarget",
+              "type": {
+                "text": "| \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | string"
+              },
+              "description": "Used to override the form owner's `target` attribute.",
+              "fieldName": "formTarget"
+            },
+            {
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
-              "fieldName": "active"
-            }
-          ],
-          "superclass": {
-            "name": "SgdsElement",
-            "module": "/src/base/sgds-element"
-          },
-          "summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
-          "tagName": "sgds-breadcrumb-item",
-          "customElement": true,
-          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
-          "cssProperties": [],
-          "cssParts": [],
-          "cssStates": [],
-          "events": []
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SgdsBreadcrumbItem",
-          "declaration": {
-            "name": "SgdsBreadcrumbItem",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SgdsBreadcrumbItem",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SgdsBreadcrumb",
-          "slots": [
+              "description": "When set, the button will be in full width.",
+              "fieldName": "fullWidth"
+            },
             {
-              "description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
-              "name": "default"
-            }
-          ],
-          "members": [
+              "name": "hasLeftIconSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
+              "fieldName": "hasLeftIconSlot"
+            },
             {
-              "kind": "field",
-              "name": "dependencies",
+              "name": "hasRightIconSlot",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "static": true,
-              "default": "{\n    \"sgds-overflow-menu\": SgdsOverflowMenu\n  }"
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
+              "fieldName": "hasRightIconSlot"
             },
             {
-              "kind": "field",
-              "name": "ariaLabel",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "ButtonVariant"
               },
-              "default": "\"breadcrumb\"",
-              "description": "The aria-label of nav element within breadcrumb component.",
-              "attribute": "ariaLabel"
+              "default": "\"primary\"",
+              "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
+              "fieldName": "variant",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "_replaceExcessItemsWithDropdown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "items",
-                  "type": {
-                    "text": "SgdsBreadcrumbItem[]"
-                  }
-                }
-              ],
-              "description": "creates `<sgds-breadcrumb-item>\n           <sgds-overflow-menu>\n             <sgds-dropdown-item></sgds-dropdown-item>\n              ...\n           </sgds-overflow-menu>\n         <sgds-breadcrumb-item>`",
-              "type": {}
+              "name": "tone",
+              "type": {
+                "text": "ButtonTone"
+              },
+              "default": "\"brand\"",
+              "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
+              "fieldName": "tone",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+              },
+              "default": "\"md\"",
+              "description": "Specifies a small, medium or large button, the size is medium by default.",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Manually set the visual state of the button to `:active`",
+              "fieldName": "active",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The disabled state of the button",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "type": {}
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit<T>"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "type": {},
+              "name": "target",
+              "type": {
+                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
+              },
+              "default": "\"_self\"",
+              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
+              "fieldName": "target",
               "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "define",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "elementConstructor",
-                  "default": "this"
-                },
-                {
-                  "name": "options",
-                  "default": "{}",
-                  "type": {
-                    "text": "ElementDefinitionOptions"
-                  }
-                }
-              ],
-              "type": {},
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "fieldName": "download",
               "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
               "name": "ariaLabel",
               "type": {
                 "text": "string"
               },
-              "default": "\"breadcrumb\"",
-              "description": "The aria-label of nav element within breadcrumb component.",
-              "fieldName": "ariaLabel"
+              "description": "The aria-label attribute to passed to button element when necessary",
+              "fieldName": "ariaLabel",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, shows a loading spinner",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "SgdsElement",
-            "module": "/src/base/sgds-element"
+            "name": "ButtonElement",
+            "module": "/src/base/button-element"
           },
-          "summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
-          "tagName": "sgds-breadcrumb",
+          "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
+          "tagName": "sgds-button",
           "customElement": true,
-          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
+          "modulePath": "src/components/Button/sgds-button.ts",
           "cssProperties": [],
           "cssParts": [],
-          "cssStates": [],
-          "events": []
+          "cssStates": []
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SgdsBreadcrumb",
+          "name": "SgdsButton",
           "declaration": {
-            "name": "SgdsBreadcrumb",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
+            "name": "SgdsButton",
+            "module": "src/components/Button/sgds-button.ts"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SgdsBreadcrumb",
-            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
+            "name": "SgdsButton",
+            "module": "src/components/Button/sgds-button.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/Button/sgds-button.ts",
+      "path": "src/components/Card/sgds-card.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SgdsButton",
+          "name": "SgdsCard",
           "slots": [
             {
-              "description": "The button's label.",
+              "description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
               "name": "default"
             },
             {
-              "description": "The slot for icon to the left of the button text",
-              "name": "leftIcon"
+              "description": "Accepts an element for an overflow or contextual menu, positioned at the top-right corner of the card. Typically used for action menus or dropdowns.",
+              "name": "menu"
             },
             {
-              "description": "The slot for icon to the right of the button text",
-              "name": "rightIcon"
-            }
-          ],
-          "members": [
+              "description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
+              "name": "upper"
+            },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "attribute": "name",
-              "reflects": true
+              "description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
+              "name": "image"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "attribute": "value",
-              "reflects": true
+              "description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
+              "name": "icon"
+            },
+            {
+              "description": "The subtitle of the card",
+              "name": "subtitle"
+            },
+            {
+              "description": "The title of the card",
+              "name": "title"
+            },
+            {
+              "description": "The paragrapher text of the card",
+              "name": "description"
+            },
+            {
+              "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
+              "name": "lower"
+            },
+            {
+              "description": "Footer area of the card. Accepts links, actions, or any custom content.",
+              "name": "footer"
             },
+            {
+              "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
+              "name": "link"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "type",
+              "name": "footerNode",
               "type": {
-                "text": "\"button\" | \"submit\" | \"reset\""
+                "text": "HTMLElement[]"
               },
-              "default": "\"button\"",
-              "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
-              "attribute": "type",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "linkNode",
               "type": {
-                "text": "string"
+                "text": "HTMLAnchorElement[] | SgdsLink[]"
               },
-              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "attribute": "form",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "formAction",
+              "name": "imagePosition",
               "type": {
-                "text": "string"
+                "text": "CardImagePosition"
               },
-              "description": "Used to override the form owner's `action` attribute.",
-              "attribute": "formaction",
+              "default": "\"before\"",
+              "description": "Sets the image position of the card. Available options: `before`, `after`",
+              "attribute": "imagePosition",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "formMethod",
+              "name": "imageAdjustment",
               "type": {
-                "text": "\"post\" | \"get\""
+                "text": "CardImageAdjustment"
               },
-              "description": "Used to override the form owner's `method` attribute.",
-              "attribute": "formmethod",
+              "default": "\"default\"",
+              "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
+              "attribute": "imageAdjustment",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "formNoValidate",
+              "name": "hasImageSlot",
               "type": {
                 "text": "boolean"
               },
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "attribute": "formnovalidate",
-              "reflects": true
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `image` slot.",
+              "attribute": "hasImageSlot"
             },
             {
               "kind": "field",
-              "name": "formTarget",
+              "name": "hasIconSlot",
               "type": {
-                "text": "| \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | string"
-              },
-              "description": "Used to override the form owner's `target` attribute.",
-              "attribute": "formtarget",
-              "reflects": true
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `icon` slot.",
+              "attribute": "hasIconSlot"
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "hasUpperSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When set, the button will be in full width.",
-              "attribute": "fullWidth",
-              "reflects": true
+              "description": "Used only for SSR to indicate the presence of the `upper` slot.",
+              "attribute": "hasUpperSlot"
             },
             {
               "kind": "field",
-              "name": "hasLeftIconSlot",
+              "name": "linkSlotItems",
               "type": {
-                "text": "boolean"
+                "text": "HTMLAnchorElement | null"
               },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
-              "attribute": "hasLeftIconSlot"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hasRightIconSlot",
+              "name": "footerSlotItems",
               "type": {
-                "text": "boolean"
+                "text": "HTMLAnchorElement | null"
               },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
-              "attribute": "hasRightIconSlot"
+              "privacy": "private"
             },
             {
               "kind": "field",
               "name": "hasSlotController",
               "privacy": "private",
-              "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
+              "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
               "type": {}
             },
             {
               "kind": "method",
-              "name": "_handleClick",
-              "privacy": "protected",
+              "name": "handleImgSlotChange",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "Event"
                   }
                 }
               ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_clickHandler",
-              "privacy": "private",
               "type": {}
             },
             {
               "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
-              },
-              "default": "\"primary\"",
-              "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
-              "attribute": "variant",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tone",
-              "type": {
-                "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
-              },
-              "default": "\"brand\"",
-              "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
-              "attribute": "tone",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
-              },
-              "default": "\"md\"",
-              "description": "Specifies a small, medium or large button, the size is medium by default.",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "active",
+              "name": "stretchedLink",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Manually set the visual state of the button to `:active`",
-              "attribute": "active",
+              "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
+              "attribute": "stretchedLink",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
@@ -1747,208 +2149,109 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The disabled state of the button",
+              "description": "Disables the card",
               "attribute": "disabled",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "hideBorder",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href",
+              "default": "false",
+              "description": "When true, hides the default border of the card.",
+              "attribute": "hideBorder",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "tinted",
               "type": {
-                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
+                "text": "boolean"
               },
-              "default": "\"_self\"",
-              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
-              "attribute": "target",
+              "default": "false",
+              "description": "When true, applies a tinted background color to the card.",
+              "attribute": "tinted",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "download",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "CardOrientation"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "attribute": "download",
+              "default": "\"vertical\"",
+              "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
+              "attribute": "orientation",
               "reflects": true,
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
-              },
-              "description": "The aria-label attribute to passed to button element when necessary",
-              "attribute": "ariaLabel",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, shows a loading spinner",
-              "attribute": "loading",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the button.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "privacy": "public",
-              "description": "Simulates a click on the button.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "privacy": "public",
-              "description": "Removes focus from the button.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleBlur",
-              "privacy": "protected",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleFocus",
-              "privacy": "protected",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "_handleKeydown",
-              "privacy": "protected",
+              "name": "handleTitleSlotChange",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Event"
                   }
                 }
               ],
               "type": {},
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "_assignSpinnerSize",
+              "name": "_forwardAnchorAttributes",
               "privacy": "protected",
               "parameters": [
                 {
-                  "name": "buttonSize",
+                  "name": "anchor",
                   "type": {
-                    "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+                    "text": "HTMLAnchorElement | null"
                   }
                 }
               ],
               "type": {},
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "_assignSpinnerTone",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "SpinnerTone"
-                }
-              },
+              "name": "warnLinkSlotMisused",
               "parameters": [
                 {
-                  "name": "buttonTone",
-                  "type": {
-                    "text": "ButtonTone"
-                  }
-                },
-                {
-                  "name": "buttonVariant",
+                  "name": "e",
                   "type": {
-                    "text": "ButtonVariant"
+                    "text": "Event"
                   }
                 }
               ],
               "type": {},
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
@@ -2006,161 +2309,63 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "Emitted when the button is blurred.",
-              "name": "sgds-blur",
-              "reactName": "onSgdsBlur"
-            },
-            {
-              "description": "Emitted when the button is focused.",
-              "name": "sgds-focus",
-              "reactName": "onSgdsFocus"
-            }
-          ],
           "attributes": [
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "fieldName": "name"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "fieldName": "value"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "\"button\" | \"submit\" | \"reset\""
-              },
-              "default": "\"button\"",
-              "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
-              "fieldName": "type"
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "fieldName": "form"
-            },
-            {
-              "name": "formaction",
-              "type": {
-                "text": "string"
-              },
-              "description": "Used to override the form owner's `action` attribute.",
-              "fieldName": "formAction"
-            },
-            {
-              "name": "formmethod",
-              "type": {
-                "text": "\"post\" | \"get\""
-              },
-              "description": "Used to override the form owner's `method` attribute.",
-              "fieldName": "formMethod"
-            },
-            {
-              "name": "formnovalidate",
+              "name": "imagePosition",
               "type": {
-                "text": "boolean"
+                "text": "CardImagePosition"
               },
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "fieldName": "formNoValidate"
+              "default": "\"before\"",
+              "description": "Sets the image position of the card. Available options: `before`, `after`",
+              "fieldName": "imagePosition"
             },
             {
-              "name": "formtarget",
+              "name": "imageAdjustment",
               "type": {
-                "text": "| \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | string"
+                "text": "CardImageAdjustment"
               },
-              "description": "Used to override the form owner's `target` attribute.",
-              "fieldName": "formTarget"
+              "default": "\"default\"",
+              "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
+              "fieldName": "imageAdjustment"
             },
             {
-              "name": "fullWidth",
+              "name": "hasImageSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When set, the button will be in full width.",
-              "fieldName": "fullWidth"
+              "description": "Used only for SSR to indicate the presence of the `image` slot.",
+              "fieldName": "hasImageSlot"
             },
             {
-              "name": "hasLeftIconSlot",
+              "name": "hasIconSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
-              "fieldName": "hasLeftIconSlot"
+              "description": "Used only for SSR to indicate the presence of the `icon` slot.",
+              "fieldName": "hasIconSlot"
             },
             {
-              "name": "hasRightIconSlot",
+              "name": "hasUpperSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
-              "fieldName": "hasRightIconSlot"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "ButtonVariant"
-              },
-              "default": "\"primary\"",
-              "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
-              "fieldName": "variant",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "tone",
-              "type": {
-                "text": "ButtonTone"
-              },
-              "default": "\"brand\"",
-              "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
-              "fieldName": "tone",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
-              },
-              "default": "\"md\"",
-              "description": "Specifies a small, medium or large button, the size is medium by default.",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
+              "description": "Used only for SSR to indicate the presence of the `upper` slot.",
+              "fieldName": "hasUpperSlot"
             },
             {
-              "name": "active",
+              "name": "stretchedLink",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Manually set the visual state of the button to `:active`",
-              "fieldName": "active",
+              "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
+              "fieldName": "stretchedLink",
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
@@ -2169,379 +2374,279 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The disabled state of the button",
+              "description": "Disables the card",
               "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
-              },
-              "default": "\"_self\"",
-              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
-              "name": "download",
+              "name": "hideBorder",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "fieldName": "download",
+              "default": "false",
+              "description": "When true, hides the default border of the card.",
+              "fieldName": "hideBorder",
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
-              "name": "ariaLabel",
+              "name": "tinted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-label attribute to passed to button element when necessary",
-              "fieldName": "ariaLabel",
+              "default": "false",
+              "description": "When true, applies a tinted background color to the card.",
+              "fieldName": "tinted",
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             },
             {
-              "name": "loading",
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "CardOrientation"
               },
-              "description": "When true, shows a loading spinner",
-              "fieldName": "loading",
+              "default": "\"vertical\"",
+              "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
+              "fieldName": "orientation",
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "CardElement",
+                "module": "src/base/card-element.ts"
               }
             }
           ],
           "superclass": {
-            "name": "ButtonElement",
-            "module": "/src/base/button-element"
+            "name": "CardElement",
+            "module": "/src/base/card-element"
           },
-          "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
-          "tagName": "sgds-button",
+          "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
+          "tagName": "sgds-card",
           "customElement": true,
-          "modulePath": "src/components/Button/sgds-button.ts",
+          "modulePath": "src/components/Card/sgds-card.ts",
           "cssProperties": [],
           "cssParts": [],
-          "cssStates": []
+          "cssStates": [],
+          "events": []
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SgdsButton",
+          "name": "SgdsCard",
           "declaration": {
-            "name": "SgdsButton",
-            "module": "src/components/Button/sgds-button.ts"
+            "name": "SgdsCard",
+            "module": "src/components/Card/sgds-card.ts"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SgdsButton",
-            "module": "src/components/Button/sgds-button.ts"
+            "name": "SgdsCard",
+            "module": "src/components/Card/sgds-card.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/Card/sgds-card.ts",
+      "path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SgdsCard",
+          "name": "SgdsBreadcrumbItem",
           "slots": [
             {
-              "description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
+              "description": "The link of the item. Pass in anchor tags into this slot",
               "name": "default"
-            },
-            {
-              "description": "Accepts an element for an overflow or contextual menu, positioned at the top-right corner of the card. Typically used for action menus or dropdowns.",
-              "name": "menu"
-            },
-            {
-              "description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
-              "name": "upper"
-            },
-            {
-              "description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
-              "name": "image"
-            },
-            {
-              "description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
-              "name": "icon"
-            },
-            {
-              "description": "The subtitle of the card",
-              "name": "subtitle"
-            },
-            {
-              "description": "The title of the card",
-              "name": "title"
-            },
-            {
-              "description": "The paragrapher text of the card",
-              "name": "description"
-            },
-            {
-              "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
-              "name": "lower"
-            },
-            {
-              "description": "Footer area of the card. Accepts links, actions, or any custom content.",
-              "name": "footer"
-            },
-            {
-              "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
-              "name": "link"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "footerNode",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "linkNode",
-              "type": {
-                "text": "HTMLAnchorElement[] | SgdsLink[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "imagePosition",
-              "type": {
-                "text": "CardImagePosition"
-              },
-              "default": "\"before\"",
-              "description": "Sets the image position of the card. Available options: `before`, `after`",
-              "attribute": "imagePosition",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "imageAdjustment",
-              "type": {
-                "text": "CardImageAdjustment"
-              },
-              "default": "\"default\"",
-              "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
-              "attribute": "imageAdjustment",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hasImageSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `image` slot.",
-              "attribute": "hasImageSlot"
-            },
-            {
-              "kind": "field",
-              "name": "hasIconSlot",
+              "name": "dependencies",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, typeof SgdsElement>"
               },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `icon` slot.",
-              "attribute": "hasIconSlot"
+              "static": true,
+              "default": "{\n    \"sgds-link\": SgdsLink,\n    \"sgds-icon\": SgdsIcon\n  }"
             },
             {
               "kind": "field",
-              "name": "hasUpperSlot",
+              "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `upper` slot.",
-              "attribute": "hasUpperSlot"
-            },
-            {
-              "kind": "field",
-              "name": "linkSlotItems",
-              "type": {
-                "text": "HTMLAnchorElement | null"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "footerSlotItems",
-              "type": {
-                "text": "HTMLAnchorElement | null"
-              },
-              "privacy": "private"
+              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
+              "attribute": "active",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "_preventNavigation",
               "privacy": "private",
-              "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
               "type": {}
             },
             {
               "kind": "method",
-              "name": "handleImgSlotChange",
+              "name": "emit",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "name",
                   "type": {
-                    "text": "Event"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<T>"
                   }
                 }
               ],
-              "type": {}
-            },
-            {
-              "kind": "field",
-              "name": "stretchedLink",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
-              "attribute": "stretchedLink",
-              "reflects": true,
+              "description": "Emits a custom event with more convenient defaults.",
+              "type": {},
               "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the card",
-              "attribute": "disabled",
-              "reflects": true,
+              "kind": "method",
+              "name": "define",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "elementConstructor",
+                  "default": "this"
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ElementDefinitionOptions"
+                  }
+                }
+              ],
+              "type": {},
               "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "hideBorder",
+              "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, hides the default border of the card.",
-              "attribute": "hideBorder",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
+              "description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
+              "fieldName": "active"
+            }
+          ],
+          "superclass": {
+            "name": "SgdsElement",
+            "module": "/src/base/sgds-element"
+          },
+          "summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
+          "tagName": "sgds-breadcrumb-item",
+          "customElement": true,
+          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
+          "cssProperties": [],
+          "cssParts": [],
+          "cssStates": [],
+          "events": []
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SgdsBreadcrumbItem",
+          "declaration": {
+            "name": "SgdsBreadcrumbItem",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SgdsBreadcrumbItem",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SgdsBreadcrumb",
+          "slots": [
+            {
+              "description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
+              "name": "default"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "tinted",
+              "name": "dependencies",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "default": "false",
-              "description": "When true, applies a tinted background color to the card.",
-              "attribute": "tinted",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
+              "static": true,
+              "default": "{\n    \"sgds-overflow-menu\": SgdsOverflowMenu\n  }"
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "ariaLabel",
               "type": {
-                "text": "CardOrientation"
+                "text": "string"
               },
-              "default": "\"vertical\"",
-              "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
-              "attribute": "orientation",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleTitleSlotChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
+              "default": "\"breadcrumb\"",
+              "description": "The aria-label of nav element within breadcrumb component.",
+              "attribute": "ariaLabel"
             },
             {
               "kind": "method",
-              "name": "_forwardAnchorAttributes",
-              "privacy": "protected",
+              "name": "_replaceExcessItemsWithDropdown",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "anchor",
+                  "name": "items",
                   "type": {
-                    "text": "HTMLAnchorElement | null"
+                    "text": "SgdsBreadcrumbItem[]"
                   }
                 }
               ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
+              "description": "creates `<sgds-breadcrumb-item>\n           <sgds-overflow-menu>\n             <sgds-dropdown-item></sgds-dropdown-item>\n              ...\n           </sgds-overflow-menu>\n         <sgds-breadcrumb-item>`",
+              "type": {}
             },
             {
               "kind": "method",
-              "name": "warnLinkSlotMisused",
+              "name": "_handleSlotChange",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "e",
@@ -2550,11 +2655,7 @@
                   }
                 }
               ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
+              "type": {}
             },
             {
               "kind": "method",
@@ -2613,124 +2714,23 @@
           ],
           "attributes": [
             {
-              "name": "imagePosition",
-              "type": {
-                "text": "CardImagePosition"
-              },
-              "default": "\"before\"",
-              "description": "Sets the image position of the card. Available options: `before`, `after`",
-              "fieldName": "imagePosition"
-            },
-            {
-              "name": "imageAdjustment",
-              "type": {
-                "text": "CardImageAdjustment"
-              },
-              "default": "\"default\"",
-              "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
-              "fieldName": "imageAdjustment"
-            },
-            {
-              "name": "hasImageSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `image` slot.",
-              "fieldName": "hasImageSlot"
-            },
-            {
-              "name": "hasIconSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `icon` slot.",
-              "fieldName": "hasIconSlot"
-            },
-            {
-              "name": "hasUpperSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `upper` slot.",
-              "fieldName": "hasUpperSlot"
-            },
-            {
-              "name": "stretchedLink",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
-              "fieldName": "stretchedLink",
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the card",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "name": "hideBorder",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, hides the default border of the card.",
-              "fieldName": "hideBorder",
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "name": "tinted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, applies a tinted background color to the card.",
-              "fieldName": "tinted",
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
-            },
-            {
-              "name": "orientation",
+              "name": "ariaLabel",
               "type": {
-                "text": "CardOrientation"
+                "text": "string"
               },
-              "default": "\"vertical\"",
-              "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
-              "fieldName": "orientation",
-              "inheritedFrom": {
-                "name": "CardElement",
-                "module": "src/base/card-element.ts"
-              }
+              "default": "\"breadcrumb\"",
+              "description": "The aria-label of nav element within breadcrumb component.",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
-            "name": "CardElement",
-            "module": "/src/base/card-element"
+            "name": "SgdsElement",
+            "module": "/src/base/sgds-element"
           },
-          "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
-          "tagName": "sgds-card",
+          "summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
+          "tagName": "sgds-breadcrumb",
           "customElement": true,
-          "modulePath": "src/components/Card/sgds-card.ts",
+          "modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
           "cssProperties": [],
           "cssParts": [],
           "cssStates": [],
@@ -2740,18 +2740,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SgdsCard",
+          "name": "SgdsBreadcrumb",
           "declaration": {
-            "name": "SgdsCard",
-            "module": "src/components/Card/sgds-card.ts"
+            "name": "SgdsBreadcrumb",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SgdsCard",
-            "module": "src/components/Card/sgds-card.ts"
+            "name": "SgdsBreadcrumb",
+            "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
           }
         }
       ]
@@ -2838,6 +2838,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the checkbox group.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -2858,14 +2869,6 @@
               "privacy": "private",
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\""
-            },
             {
               "kind": "field",
               "name": "_blurredCheckboxes",
@@ -3156,6 +3159,16 @@
               "description": "Emitted when the value of the CheckboxGroup changes. This happens when checkboxes are checked or unchecked.",
               "name": "sgds-change",
               "reactName": "onSgdsChange"
+            },
+            {
+              "description": "Emitted when the checkbox group's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the checkbox group's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
             }
           ],
           "attributes": [
@@ -3212,6 +3225,15 @@
               "description": "Makes the checkbox group a required field. Only available for when multiselect is true",
               "fieldName": "required"
             },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the checkbox group.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "value",
               "type": {
@@ -3346,33 +3368,35 @@
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element."
+              "description": "Marks the checkbox input as indeterminate , with indeterminate logo",
+              "attribute": "indeterminate",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "indeterminate",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Marks the checkbox input as indeterminate , with indeterminate logo",
-              "attribute": "indeterminate",
+              "description": "Makes the checkbox a required field.",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "noValidate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the checkbox a required field.",
-              "attribute": "required",
+              "description": "Disables native and sgds validation for the checkbox.",
+              "attribute": "noValidate",
               "reflects": true
             },
             {
@@ -3729,6 +3753,16 @@
               "description": "Emitted when checkbox is unchecked",
               "name": "sgds-uncheck",
               "reactName": "onSgdsUncheck"
+            },
+            {
+              "description": "Emitted when the checkbox's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the checkbox's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
             }
           ],
           "attributes": [
@@ -3775,6 +3809,15 @@
               "description": "Makes the checkbox a required field.",
               "fieldName": "required"
             },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the checkbox.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "invalidFeedback",
               "type": {
@@ -4332,6 +4375,17 @@
               "attribute": "emptyMenuAsync",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "scrollBottomOffset",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Number of pixels from the bottom of the menu at which the sgds-scroll-end event fires.",
+              "attribute": "scrollBottomOffset",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "filterFunction",
@@ -4388,6 +4442,15 @@
               "privacy": "protected",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "isScrollEnd",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
             {
               "kind": "method",
               "name": "_handleDefaultSlotChange",
@@ -4555,6 +4618,21 @@
               "description": "For form reset",
               "type": {}
             },
+            {
+              "kind": "method",
+              "name": "_handleScroll",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "description": "Handles scroll events on the menu. Emits `sgds-scroll-end` once when the\nscroll position reaches within `scrollBottomOffset` pixels of the bottom.\nThe event is suppressed until the user scrolls back up, preventing repeated\nemissions while the menu stays at the bottom.",
+              "type": {}
+            },
             {
               "kind": "field",
               "name": "suffixIconTemplate",
@@ -4894,6 +4972,45 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Sets the validity state of the element",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SelectElement",
+                "module": "src/base/select-element.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "checkValidity",
@@ -5431,6 +5548,11 @@
               "name": "sgds-valid",
               "reactName": "onSgdsValid"
             },
+            {
+              "description": "Emitted once when the menu is scrolled to within `scrollBottomOffset` pixels of the bottom. Resets when the user scrolls back up.",
+              "name": "sgds-scroll-end",
+              "reactName": "onSgdsScrollEnd"
+            },
             {
               "description": "Emitted event when show instance is called",
               "name": "sgds-show",
@@ -5523,6 +5645,15 @@
               "description": "When filtering remotely and there are no results, set this to true to enable no options feedback on the menu. Applicable for async combo box only.",
               "fieldName": "emptyMenuAsync"
             },
+            {
+              "name": "scrollBottomOffset",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Number of pixels from the bottom of the menu at which the sgds-scroll-end event fires.",
+              "fieldName": "scrollBottomOffset"
+            },
             {
               "name": "filterFunction",
               "type": {
@@ -7501,10 +7632,9 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
+              "default": "\"Drawer\"",
               "description": "The accessible label for the drawer dialog. This is required for assistive technology.",
-              "attribute": "ariaLabel",
-              "reflects": true
+              "attribute": "ariaLabel"
             },
             {
               "kind": "field",
@@ -7710,7 +7840,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
+              "default": "\"Drawer\"",
               "description": "The accessible label for the drawer dialog. This is required for assistive technology.",
               "fieldName": "ariaLabel"
             },
@@ -12911,6 +13041,15 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible label for the dropdown's toggle button. Forwarded to the button's aria-label attribute.",
+              "attribute": "ariaLabel"
+            },
             {
               "kind": "method",
               "name": "_handleSlotChange",
@@ -13095,6 +13234,14 @@
               "default": "false",
               "description": "When true,  applies active styles on the dropdown button",
               "fieldName": "disabled"
+            },
+            {
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible label for the dropdown's toggle button. Forwarded to the button's aria-label attribute.",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
@@ -15611,6 +15758,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the radio group.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "autofocus",
@@ -15945,6 +16103,16 @@
               "name": "sgds-change",
               "detailType": "ISgdsRadioGroupChangeEventDetail",
               "reactName": "onSgdsChange"
+            },
+            {
+              "description": "Emitted when the radio group's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the radio group's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
             }
           ],
           "attributes": [
@@ -15984,6 +16152,15 @@
               "description": "Makes the input as a required field.",
               "fieldName": "required"
             },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the radio group.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "autofocus",
               "type": {
@@ -16571,6 +16748,17 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the select.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "options",
@@ -16968,6 +17156,45 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Sets the validity state of the element",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SelectElement",
+                "module": "src/base/select-element.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "checkValidity",
@@ -17489,6 +17716,16 @@
               "name": "sgds-blur",
               "reactName": "onSgdsBlur"
             },
+            {
+              "description": "Emitted when the select's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the select's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
+            },
             {
               "description": "Emitted event when show instance is called",
               "name": "sgds-show",
@@ -17526,14 +17763,16 @@
               }
             }
           ],
-          "superclass": {
-            "name": "SelectElement",
-            "module": "/src/base/select-element"
-          },
-          "summary": "Select is used to make one selection from a list through keyboard or mouse actions",
-          "tagName": "sgds-select",
-          "customElement": true,
           "attributes": [
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the select.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "label",
               "type": {
@@ -17767,6 +18006,13 @@
               }
             }
           ],
+          "superclass": {
+            "name": "SelectElement",
+            "module": "/src/base/select-element"
+          },
+          "summary": "Select is used to make one selection from a list through keyboard or mouse actions",
+          "tagName": "sgds-select",
+          "customElement": true,
           "modulePath": "src/components/Select/sgds-select.ts",
           "cssProperties": [],
           "cssParts": [],
@@ -26937,6 +27183,41 @@
               "description": "Checks for validity. Under the hood, HTMLFormElement's reportValidity method calls this method to check for component's validity state\nNote that the native error popup is prevented for SGDS form components by default. Instead the validation message shows up in the feedback container of SgdsInput",
               "type": {}
             },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Sets the validity state of the element",
+              "type": {}
+            },
             {
               "kind": "method",
               "name": "checkValidity",
@@ -27670,7 +27951,7 @@
   "package": {
     "name": "@govtechsg/sgds-web-component",
     "description": "",
-    "version": "3.23.0-rc.1",
+    "version": "3.23.0-rc.2",
     "author": "GovTechSG",
     "license": "MIT"
   }