@daikin-oss/design-system-web-components 2.0.0 → 2.0.1-next.1

package/custom-elements.json

@@ -1171,6 +1171,30 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/es/constants/events.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "EVENT_CLOSE",
+          "type": {
+            "text": "string"
+          },
+          "default": "\"close\""
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EVENT_CLOSE",
+          "declaration": {
+            "name": "EVENT_CLOSE",
+            "module": "src/constants/events.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/es/components/index.js",
@@ -1738,30 +1762,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/es/constants/events.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "EVENT_CLOSE",
-          "type": {
-            "text": "string"
-          },
-          "default": "\"close\""
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "EVENT_CLOSE",
-          "declaration": {
-            "name": "EVENT_CLOSE",
-            "module": "src/constants/events.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/es/controllers/block-scroll.js",
@@ -2162,352 +2162,101 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/accordion/daikin-accordion.js",
+      "path": "dist/es/utils/calendar-common.js",
       "declarations": [
         {
-          "kind": "class",
-          "description": "The accordion component serves as the parent element that organizes and manages the overall structure of the accordion.\nCurrently it only provides appropriate styles for individual accordion items.\n\nHierarchy:\n- `daikin-accordion` > `daikin-accordion-item`",
-          "name": "DaikinAccordion",
-          "slots": [
-            {
-              "description": "A slot for the accordion items. Place `daikin-accordion-item` elements here.",
-              "name": ""
+          "kind": "variable",
+          "name": "DEFAULT_MIN_DATE",
+          "type": {
+            "text": "string"
+          },
+          "default": "\"1900-01-01\""
+        },
+        {
+          "kind": "variable",
+          "name": "DEFAULT_MAX_DATE",
+          "type": {
+            "text": "string"
+          },
+          "default": "\"2099-12-31\""
+        },
+        {
+          "kind": "variable",
+          "name": "cvaIconButton"
+        },
+        {
+          "kind": "function",
+          "name": "isDateOutOfRange",
+          "return": {
+            "type": {
+              "text": "boolean"
             }
-          ],
-          "members": [
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "border",
+              "name": "base",
               "type": {
-                "text": "\"vertical\" | \"all\" | \"none\""
-              },
-              "default": "\"vertical\"",
-              "description": "The border type of the accordion.\n- `vertical`: Display the top and bottom border style.\n- `all`: Box border style.\n- `none`: No border style.",
-              "attribute": "border",
-              "reflects": true
+                "text": "Date"
+              }
             },
             {
-              "kind": "field",
-              "name": "openItems",
+              "name": "min",
               "type": {
-                "text": "string[]"
-              },
-              "default": "[]",
-              "description": "A list of the names of the open items.\nIf `exclusive` is true, the number of elements is 0 or 1.\nWhen the user toggles an accordion item, this property is updated and a `change` event is emitted.\nWhen controlling this property externally, listen to the `change` event and read the updated `openItems` from the component to keep your state in sync."
+                "text": "Date"
+              }
             },
             {
-              "kind": "field",
-              "name": "exclusive",
+              "name": "max",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether or not to make the accordion exclusive.\nIf true, the number of items that can be open at once is limited to one.",
-              "attribute": "exclusive",
-              "reflects": true
-            },
+                "text": "Date"
+              }
+            }
+          ],
+          "description": "Determines whether the specified date is outside the range. Time information is ignored."
+        },
+        {
+          "kind": "function",
+          "name": "isMonthOutOfRange",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "_items",
+              "name": "base",
               "type": {
-                "text": "readonly DaikinAccordionItem[]"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_handleMoveFocus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ direction: \"up\" | \"down\" }>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleToggle",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+                "text": "Date"
+              }
             },
             {
-              "kind": "method",
-              "name": "_reflectItemOpen",
-              "privacy": "private"
+              "name": "min",
+              "type": {
+                "text": "Date"
+              }
             },
             {
-              "kind": "field",
-              "name": "version",
+              "name": "max",
               "type": {
-                "text": "string"
-              },
-              "static": true,
-              "readonly": true,
-              "default": "VERSION",
-              "description": "The version of the DDS library",
-              "inheritedFrom": {
-                "name": "DDSElement",
-                "module": "dist/es/base/dds-element.js"
+                "text": "Date"
               }
-            },
+            }
+          ],
+          "description": "Determines whether the specified month and year are outside the range. Date and time information is ignored."
+        },
+        {
+          "kind": "function",
+          "name": "isSameYearMonth",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "getPropertyDescriptor",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "PropertyKey"
-                  },
-                  "description": "The property name (e.g., \"value\", \"disabled\")"
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string | symbol"
-                  },
-                  "description": "The backing property key used for internal storage (generated by Lit)"
-                },
-                {
-                  "name": "{ fallbackValue, isAllowedValue, ...options }",
-                  "type": {
-                    "text": "DDSPropertyDeclaration"
-                  }
-                },
-                {
-                  "description": "DDS property declaration options including fallbackValue and isAllowedValue",
-                  "name": "options"
-                }
-              ],
-              "description": "Override of LitElement's getPropertyDescriptor to add support for fallback values\nand property validation.",
-              "inheritedFrom": {
-                "name": "DDSElement",
-                "module": "dist/es/base/dds-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getBackingProperty",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The property name to retrieve the backing value for"
-                }
-              ],
-              "description": "Retrieves the backing property value for a given property name.\nThis allows access to the underlying stored value before any fallback logic is applied.\n\nWhy is this needed?\n- The public property getter may return a fallback value when the actual value is undefined.\n- Sometimes we need to know if the property was explicitly set or if we're using a fallback.\n- This method provides access to the raw backing value stored by Lit.",
-              "inheritedFrom": {
-                "name": "DDSElement",
-                "module": "dist/es/base/dds-element.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              },
-              "description": "A custom event emitted when the open state of the accordion changes. The updated `openItems` can be read from the event target."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "border",
-              "type": {
-                "text": "\"vertical\" | \"all\" | \"none\""
-              },
-              "default": "\"vertical\"",
-              "description": "The border type of the accordion.\n- `vertical`: Display the top and bottom border style.\n- `all`: Box border style.\n- `none`: No border style.",
-              "fieldName": "border"
-            },
-            {
-              "name": "exclusive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether or not to make the accordion exclusive.\nIf true, the number of items that can be open at once is limited to one.",
-              "fieldName": "exclusive"
-            }
-          ],
-          "superclass": {
-            "name": "DDSElement",
-            "module": "/src/base"
-          },
-          "tagName": "daikin-accordion",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DaikinAccordion",
-          "declaration": {
-            "name": "DaikinAccordion",
-            "module": "src/components/accordion/daikin-accordion.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "daikin-accordion",
-          "declaration": {
-            "name": "DaikinAccordion",
-            "module": "src/components/accordion/daikin-accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DaikinAccordion",
-            "module": "src/components/accordion/daikin-accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/es/components/accordion/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/components/accordion/daikin-accordion"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dist/es/utils/calendar-common.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "DEFAULT_MIN_DATE",
-          "type": {
-            "text": "string"
-          },
-          "default": "\"1900-01-01\""
-        },
-        {
-          "kind": "variable",
-          "name": "DEFAULT_MAX_DATE",
-          "type": {
-            "text": "string"
-          },
-          "default": "\"2099-12-31\""
-        },
-        {
-          "kind": "variable",
-          "name": "cvaIconButton"
-        },
-        {
-          "kind": "function",
-          "name": "isDateOutOfRange",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
-            {
-              "name": "base",
-              "type": {
-                "text": "Date"
-              }
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "Date"
-              }
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "Date"
-              }
-            }
-          ],
-          "description": "Determines whether the specified date is outside the range. Time information is ignored."
-        },
-        {
-          "kind": "function",
-          "name": "isMonthOutOfRange",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
-            {
-              "name": "base",
-              "type": {
-                "text": "Date"
-              }
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "Date"
-              }
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "Date"
-              }
-            }
-          ],
-          "description": "Determines whether the specified month and year are outside the range. Date and time information is ignored."
-        },
-        {
-          "kind": "function",
-          "name": "isSameYearMonth",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
-            {
-              "name": "a",
-              "type": {
-                "text": "Date"
+              "name": "a",
+              "type": {
+                "text": "Date"
               }
             },
             {
@@ -3272,126 +3021,94 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/accordion-item/daikin-accordion-item.js",
+      "path": "dist/es/components/accordion/daikin-accordion.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The accordion item component is a child element within the `daikin-accordion` component.\nIt functions similarly to the HTML `<details>` and `<summary>` tag, allowing users to expand or collapse the associated content by clicking on the header.\nThis component is responsible for displaying the specific content within the accordion and allowing users to interact with each section independently.\n\nHierarchy:\n- `daikin-accordion` > `daikin-accordion-item`",
-          "name": "DaikinAccordionItem",
-          "cssProperties": [
-            {
-              "description": "The `display` property of the top divider. Must be either `block` or `none`. Set automatically by `daikin-accordion` component.",
-              "name": "--divider-top-display",
-              "default": "none"
-            },
-            {
-              "description": "The `display` property of the bottom divider. Must be either `block` or `none`. Set automatically by `daikin-accordion` component.",
-              "name": "--divider-bottom-display",
-              "default": "none"
-            }
-          ],
+          "description": "The accordion component serves as the parent element that organizes and manages the overall structure of the accordion.\nCurrently it only provides appropriate styles for individual accordion items.\n\nHierarchy:\n- `daikin-accordion` > `daikin-accordion-item`",
+          "name": "DaikinAccordion",
           "slots": [
             {
-              "description": "A slot for the accordion item content.",
+              "description": "A slot for the accordion items. Place `daikin-accordion-item` elements here.",
               "name": ""
-            },
-            {
-              "description": "A slot for the accordion item summary content.",
-              "name": "summary"
-            },
-            {
-              "description": "A slot for an icon to be placed to the left of the summary text. Place `daikin-icon` or something similar.",
-              "name": "left-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "_summaryRef",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_contentRef",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "name",
+              "name": "border",
               "type": {
-                "text": "string"
+                "text": "\"vertical\" | \"all\" | \"none\""
               },
-              "description": "A unique name for the accordion item within the accordion.",
-              "attribute": "name",
+              "default": "\"vertical\"",
+              "description": "The border type of the accordion.\n- `vertical`: Display the top and bottom border style.\n- `all`: Box border style.\n- `none`: No border style.",
+              "attribute": "border",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "openItems",
               "type": {
-                "text": "boolean"
+                "text": "string[]"
               },
-              "default": "false",
-              "description": "Whether the accordion item is open.\nIgnored if `disabled` is `true`.\nControlled by `daikin-accordion`. When using standalone (outside `daikin-accordion`) and controlling this property externally, listen to the `toggle` event and toggle `open` in your state to keep it in sync.",
-              "attribute": "open",
-              "reflects": true
+              "default": "[]",
+              "description": "A list of the names of the open items.\nIf `exclusive` is true, the number of elements is 0 or 1.\nWhen the user toggles an accordion item, this property is updated and a `change` event is emitted.\nWhen controlling this property externally, listen to the `change` event and read the updated `openItems` from the component to keep your state in sync."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "exclusive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the accordion item is disabled.\nIf this is set to `true`, the accordion item will always be closed.",
-              "attribute": "disabled",
+              "description": "Whether or not to make the accordion exclusive.\nIf true, the number of items that can be open at once is limited to one.",
+              "attribute": "exclusive",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_items",
+              "type": {
+                "text": "readonly DaikinAccordionItem[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "_handleSummaryClick",
+              "name": "_handleMoveFocus",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "PointerEvent"
+                    "text": "CustomEvent<{ direction: \"up\" | \"down\" }>"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_handleKeyDown",
+              "name": "_handleToggle",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  },
-                  "description": "focus options"
-                }
-              ],
-              "description": "Focuses on the inner summary."
+              "name": "_reflectItemOpen",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -3476,85 +3193,71 @@
           ],
           "events": [
             {
-              "name": "toggle",
+              "name": "change",
               "type": {
                 "text": "Event"
               },
-              "description": "Fires when the summary is clicked. Used by `daikin-accordion`."
-            },
-            {
-              "name": "accordion-move-focus",
-              "type": {
-                "text": "CustomEvent"
-              }
+              "description": "A custom event emitted when the open state of the accordion changes. The updated `openItems` can be read from the event target."
             }
           ],
           "attributes": [
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "A unique name for the accordion item within the accordion.",
-              "fieldName": "name"
-            },
-            {
-              "name": "open",
+              "name": "border",
               "type": {
-                "text": "boolean"
+                "text": "\"vertical\" | \"all\" | \"none\""
               },
-              "default": "false",
-              "description": "Whether the accordion item is open.\nIgnored if `disabled` is `true`.\nControlled by `daikin-accordion`. When using standalone (outside `daikin-accordion`) and controlling this property externally, listen to the `toggle` event and toggle `open` in your state to keep it in sync.",
-              "fieldName": "open"
+              "default": "\"vertical\"",
+              "description": "The border type of the accordion.\n- `vertical`: Display the top and bottom border style.\n- `all`: Box border style.\n- `none`: No border style.",
+              "fieldName": "border"
             },
             {
-              "name": "disabled",
+              "name": "exclusive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the accordion item is disabled.\nIf this is set to `true`, the accordion item will always be closed.",
-              "fieldName": "disabled"
+              "description": "Whether or not to make the accordion exclusive.\nIf true, the number of items that can be open at once is limited to one.",
+              "fieldName": "exclusive"
             }
           ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-accordion-item",
+          "tagName": "daikin-accordion",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinAccordionItem",
+          "name": "DaikinAccordion",
           "declaration": {
-            "name": "DaikinAccordionItem",
-            "module": "src/components/accordion-item/daikin-accordion-item.ts"
+            "name": "DaikinAccordion",
+            "module": "src/components/accordion/daikin-accordion.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-accordion-item",
+          "name": "daikin-accordion",
           "declaration": {
-            "name": "DaikinAccordionItem",
-            "module": "src/components/accordion-item/daikin-accordion-item.ts"
+            "name": "DaikinAccordion",
+            "module": "src/components/accordion/daikin-accordion.ts"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DaikinAccordionItem",
-            "module": "src/components/accordion-item/daikin-accordion-item.ts"
+            "name": "DaikinAccordion",
+            "module": "src/components/accordion/daikin-accordion.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/accordion-item/index.js",
+      "path": "dist/es/components/accordion/index.js",
       "declarations": [],
       "exports": [
         {
@@ -3562,105 +3265,113 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/accordion-item/daikin-accordion-item"
+            "module": "src/components/accordion/daikin-accordion"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/avatar/daikin-avatar.js",
+      "path": "dist/es/components/accordion-item/daikin-accordion-item.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The avatar is a UI element that represent a user",
-          "name": "DaikinAvatar",
+          "description": "The accordion item component is a child element within the `daikin-accordion` component.\nIt functions similarly to the HTML `<details>` and `<summary>` tag, allowing users to expand or collapse the associated content by clicking on the header.\nThis component is responsible for displaying the specific content within the accordion and allowing users to interact with each section independently.\n\nHierarchy:\n- `daikin-accordion` > `daikin-accordion-item`",
+          "name": "DaikinAccordionItem",
+          "cssProperties": [
+            {
+              "description": "The `display` property of the top divider. Must be either `block` or `none`. Set automatically by `daikin-accordion` component.",
+              "name": "--divider-top-display",
+              "default": "none"
+            },
+            {
+              "description": "The `display` property of the bottom divider. Must be either `block` or `none`. Set automatically by `daikin-accordion` component.",
+              "name": "--divider-bottom-display",
+              "default": "none"
+            }
+          ],
+          "slots": [
+            {
+              "description": "A slot for the accordion item content.",
+              "name": ""
+            },
+            {
+              "description": "A slot for the accordion item summary content.",
+              "name": "summary"
+            },
+            {
+              "description": "A slot for an icon to be placed to the left of the summary text. Place `daikin-icon` or something similar.",
+              "name": "left-icon"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "AvatarVariantProps[\"type\"]"
-              },
-              "description": "Replace the wrapping element.",
-              "default": "\"icon\"",
-              "attribute": "type",
-              "reflects": true
+              "name": "_summaryRef",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Link `href`.\nOnly used if the `type` is `\"link\"`.\nIf omitted with `type=\"link\"`, the link will be treated type [a placeholder link](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element:~:text=If%20the%20a%20element%20has%20no%20href%20attribute) and rendered type disabled state.",
-              "attribute": "href",
-              "reflects": true
+              "name": "_contentRef",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "alt",
+              "name": "name",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "Provides an accessible name of the avatar.",
-              "attribute": "alt",
+              "description": "A unique name for the accordion item within the accordion.",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the avatar disabled state.\nIgnored when the `type` is `\"icon\"`.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "avatarAriaHaspopup",
-              "type": {
-                "text": "| \"false\"\n    | \"true\"\n    | \"menu\"\n    | \"listbox\"\n    | \"tree\"\n    | \"grid\"\n    | \"dialog\"\n    | null"
-              },
-              "default": "null",
-              "description": "The aria-haspopup of the avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property is automatically assigned the value `buttonAriaHaspopup=\"menu\"`.",
-              "attribute": "avatar-aria-haspopup",
+              "description": "Whether the accordion item is open.\nIgnored if `disabled` is `true`.\nControlled by `daikin-accordion`. When using standalone (outside `daikin-accordion`) and controlling this property externally, listen to the `toggle` event and toggle `open` in your state to keep it in sync.",
+              "attribute": "open",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "avatarAriaExpanded",
+              "name": "disabled",
               "type": {
-                "text": "\"true\" | \"false\" | \"undefined\" | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "The aria-expanded of avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.",
-              "attribute": "avatar-aria-expanded",
+              "default": "false",
+              "description": "Whether the accordion item is disabled.\nIf this is set to `true`, the accordion item will always be closed.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
-              "kind": "field",
-              "name": "_focusableElement",
-              "type": {
-                "text": "| HTMLAnchorElement\n    | HTMLButtonElement\n    | null"
-              },
+              "kind": "method",
+              "name": "_handleSummaryClick",
               "privacy": "private",
-              "readonly": true
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getDDSNavigationTarget",
-              "return": {
-                "type": {
-                  "text": ""
+              "name": "_handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
-              },
-              "description": "_Internal use._\nReturns the navigation target information.\nUsed by navigation handling utilities.",
-              "privacy": "private"
+              ]
             },
             {
               "kind": "method",
@@ -3680,7 +3391,7 @@
                   "description": "focus options"
                 }
               ],
-              "description": "Focuses on the inner button or link."
+              "description": "Focuses on the inner summary."
             },
             {
               "kind": "field",
@@ -3765,96 +3476,85 @@
           ],
           "events": [
             {
-              "description": "A retargeted event of a [click event](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) emitted from the inner `<button>` element. Suppressed if `disabled` is true,",
-              "name": "click"
+              "name": "toggle",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fires when the summary is clicked. Used by `daikin-accordion`."
+            },
+            {
+              "name": "accordion-move-focus",
+              "type": {
+                "text": "CustomEvent"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "type",
+              "name": "name",
               "type": {
-                "text": "AvatarVariantProps[\"type\"]"
+                "text": "string"
               },
-              "description": "Replace the wrapping element.",
-              "default": "\"icon\"",
-              "fieldName": "type"
+              "description": "A unique name for the accordion item within the accordion.",
+              "fieldName": "name"
             },
             {
-              "name": "href",
+              "name": "open",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "Link `href`.\nOnly used if the `type` is `\"link\"`.\nIf omitted with `type=\"link\"`, the link will be treated type [a placeholder link](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element:~:text=If%20the%20a%20element%20has%20no%20href%20attribute) and rendered type disabled state.",
-              "fieldName": "href"
+              "default": "false",
+              "description": "Whether the accordion item is open.\nIgnored if `disabled` is `true`.\nControlled by `daikin-accordion`. When using standalone (outside `daikin-accordion`) and controlling this property externally, listen to the `toggle` event and toggle `open` in your state to keep it in sync.",
+              "fieldName": "open"
             },
             {
-              "name": "alt",
+              "name": "disabled",
               "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Provides an accessible name of the avatar.",
-              "fieldName": "alt"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
+                "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the avatar disabled state.\nIgnored when the `type` is `\"icon\"`.",
+              "description": "Whether the accordion item is disabled.\nIf this is set to `true`, the accordion item will always be closed.",
               "fieldName": "disabled"
-            },
-            {
-              "name": "avatar-aria-haspopup",
-              "type": {
-                "text": "| \"false\"\n    | \"true\"\n    | \"menu\"\n    | \"listbox\"\n    | \"tree\"\n    | \"grid\"\n    | \"dialog\"\n    | null"
-              },
-              "default": "null",
-              "description": "The aria-haspopup of the avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property is automatically assigned the value `buttonAriaHaspopup=\"menu\"`.",
-              "fieldName": "avatarAriaHaspopup"
-            },
-            {
-              "name": "avatar-aria-expanded",
-              "type": {
-                "text": "\"true\" | \"false\" | \"undefined\" | null"
-              },
-              "default": "null",
-              "description": "The aria-expanded of avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.",
-              "fieldName": "avatarAriaExpanded"
             }
           ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-avatar",
+          "tagName": "daikin-accordion-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinAvatar",
+          "name": "DaikinAccordionItem",
           "declaration": {
-            "name": "DaikinAvatar",
-            "module": "src/components/avatar/daikin-avatar.ts"
+            "name": "DaikinAccordionItem",
+            "module": "src/components/accordion-item/daikin-accordion-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-avatar",
+          "name": "daikin-accordion-item",
           "declaration": {
-            "name": "DaikinAvatar",
-            "module": "src/components/avatar/daikin-avatar.ts"
+            "name": "DaikinAccordionItem",
+            "module": "src/components/accordion-item/daikin-accordion-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DaikinAccordionItem",
+            "module": "src/components/accordion-item/daikin-accordion-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/avatar/index.js",
+      "path": "dist/es/components/accordion-item/index.js",
       "declarations": [],
       "exports": [
         {
@@ -3862,113 +3562,126 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/avatar/daikin-avatar"
+            "module": "src/components/accordion-item/daikin-accordion-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/badge/daikin-badge.js",
+      "path": "dist/es/components/avatar/daikin-avatar.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "A badge is used to display notification counts, status indicators, or small dots in the UI—commonly for message alerts or status marking.",
-          "name": "DaikinBadge",
-          "slots": [
-            {
-              "description": "A slot for anchoring element. Place `daikin-icon-button` here. This slot is only applicable when mode is \"anchored\". For standalone badges, do not include any content in the slot.",
-              "name": ""
-            }
-          ],
+          "description": "The avatar is a UI element that represent a user",
+          "name": "DaikinAvatar",
           "members": [
             {
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "\"number\" | \"dot\""
+                "text": "AvatarVariantProps[\"type\"]"
               },
-              "description": "Badge type.\n- \"number\": Displays a number (e.g., message count, quantity).\n- \"dot\": Displays only a small dot (e.g., status indicator).",
-              "default": "\"dot\"",
+              "description": "Replace the wrapping element.",
+              "default": "\"icon\"",
               "attribute": "type",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "\"anchored\" | \"standalone\""
-              },
-              "description": "Badge mode.\n- \"anchored\": The badge is anchored to a parent element.\n- \"standalone\": The badge is displayed independently. You can use this mode to display badges without an anchor, such as in a header or toolbar.",
-              "default": "\"anchored\"",
-              "attribute": "mode",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
+              "name": "href",
               "type": {
-                "text": "\"medium\" | \"large\""
+                "text": "string | null"
               },
-              "description": "Badge size.\n- \"medium\": Displays a medium-sized badge.\n- \"large\": Displays a large-sized badge. When type=\"number\", this will not change the badge size.",
-              "default": "\"medium\"",
-              "attribute": "size",
+              "default": "null",
+              "description": "Link `href`.\nOnly used if the `type` is `\"link\"`.\nIf omitted with `type=\"link\"`, the link will be treated type [a placeholder link](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element:~:text=If%20the%20a%20element%20has%20no%20href%20attribute) and rendered type disabled state.",
+              "attribute": "href",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "count",
+              "name": "alt",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "The numeric content displayed in the badge.\nOnly effective when type=\"number\".\nAccepts a string (A half-width numeric string that can be parsed into a number.) or null; will be parsed as a number internally.",
-              "attribute": "count",
+              "description": "Provides an accessible name of the avatar.",
+              "attribute": "alt",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "maxCount",
+              "name": "disabled",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "DEFAULT_MAX_COUNT",
-              "description": "The maximum number to display in the badge.\nIf the count exceeds this value, it will display as \"maxCount+\", e.g., \"99+\".\nFor accessibility considerations, if maxCount is null or invalid, it will be treated as the default value (\"99\").\nOnly effective when type=\"number\".",
-              "attribute": "max-count",
+              "default": "false",
+              "description": "Specify the avatar disabled state.\nIgnored when the `type` is `\"icon\"`.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "invisible",
+              "name": "avatarAriaHaspopup",
               "type": {
-                "text": "boolean"
+                "text": "| \"false\"\n    | \"true\"\n    | \"menu\"\n    | \"listbox\"\n    | \"tree\"\n    | \"grid\"\n    | \"dialog\"\n    | null"
               },
-              "default": "false",
-              "description": "Whether to hide the badge.\n- true: The badge is not displayed (slot content remains visible).\n- false: The badge is displayed normally.",
-              "attribute": "invisible",
+              "default": "null",
+              "description": "The aria-haspopup of the avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property is automatically assigned the value `buttonAriaHaspopup=\"menu\"`.",
+              "attribute": "avatar-aria-haspopup",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "avatarAriaExpanded",
               "type": {
-                "text": "\"negative\" | \"alarm\" | \"warning\" | \"positive\" | \"information\""
+                "text": "\"true\" | \"false\" | \"undefined\" | null"
               },
-              "description": "Badge color.\nSupports predefined semantic color tokens (negative, alarm, warning, positive, information).",
-              "default": "\"negative\"",
-              "attribute": "color",
+              "default": "null",
+              "description": "The aria-expanded of avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.",
+              "attribute": "avatar-aria-expanded",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_count",
+              "name": "_focusableElement",
               "type": {
-                "text": "string"
+                "text": "| HTMLAnchorElement\n    | HTMLButtonElement\n    | null"
               },
               "privacy": "private",
-              "description": "Computes the actual number to display in the badge.\n- If count is null or invalid, displays \"0\".\n- If count exceeds maxCount, displays \"maxCount+\".\n- If maxCount is null, displays the actual count.\n- If maxCount is invalid, it will be treated as the default value (\"99\").\n- Otherwise, displays the actual number.",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "getDDSNavigationTarget",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "_Internal use._\nReturns the navigation target information.\nUsed by navigation handling utilities.",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner button or link."
+            },
             {
               "kind": "field",
               "name": "version",
@@ -4050,101 +3763,98 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "A retargeted event of a [click event](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) emitted from the inner `<button>` element. Suppressed if `disabled` is true,",
+              "name": "click"
+            }
+          ],
           "attributes": [
             {
               "name": "type",
               "type": {
-                "text": "\"number\" | \"dot\""
+                "text": "AvatarVariantProps[\"type\"]"
               },
-              "description": "Badge type.\n- \"number\": Displays a number (e.g., message count, quantity).\n- \"dot\": Displays only a small dot (e.g., status indicator).",
-              "default": "\"dot\"",
+              "description": "Replace the wrapping element.",
+              "default": "\"icon\"",
               "fieldName": "type"
             },
             {
-              "name": "mode",
-              "type": {
-                "text": "\"anchored\" | \"standalone\""
-              },
-              "description": "Badge mode.\n- \"anchored\": The badge is anchored to a parent element.\n- \"standalone\": The badge is displayed independently. You can use this mode to display badges without an anchor, such as in a header or toolbar.",
-              "default": "\"anchored\"",
-              "fieldName": "mode"
-            },
-            {
-              "name": "size",
+              "name": "href",
               "type": {
-                "text": "\"medium\" | \"large\""
+                "text": "string | null"
               },
-              "description": "Badge size.\n- \"medium\": Displays a medium-sized badge.\n- \"large\": Displays a large-sized badge. When type=\"number\", this will not change the badge size.",
-              "default": "\"medium\"",
-              "fieldName": "size"
+              "default": "null",
+              "description": "Link `href`.\nOnly used if the `type` is `\"link\"`.\nIf omitted with `type=\"link\"`, the link will be treated type [a placeholder link](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element:~:text=If%20the%20a%20element%20has%20no%20href%20attribute) and rendered type disabled state.",
+              "fieldName": "href"
             },
             {
-              "name": "count",
+              "name": "alt",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "The numeric content displayed in the badge.\nOnly effective when type=\"number\".\nAccepts a string (A half-width numeric string that can be parsed into a number.) or null; will be parsed as a number internally.",
-              "fieldName": "count"
+              "description": "Provides an accessible name of the avatar.",
+              "fieldName": "alt"
             },
             {
-              "name": "max-count",
+              "name": "disabled",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "DEFAULT_MAX_COUNT",
-              "description": "The maximum number to display in the badge.\nIf the count exceeds this value, it will display as \"maxCount+\", e.g., \"99+\".\nFor accessibility considerations, if maxCount is null or invalid, it will be treated as the default value (\"99\").\nOnly effective when type=\"number\".",
-              "fieldName": "maxCount"
+              "default": "false",
+              "description": "Specify the avatar disabled state.\nIgnored when the `type` is `\"icon\"`.",
+              "fieldName": "disabled"
             },
             {
-              "name": "invisible",
+              "name": "avatar-aria-haspopup",
               "type": {
-                "text": "boolean"
+                "text": "| \"false\"\n    | \"true\"\n    | \"menu\"\n    | \"listbox\"\n    | \"tree\"\n    | \"grid\"\n    | \"dialog\"\n    | null"
               },
-              "default": "false",
-              "description": "Whether to hide the badge.\n- true: The badge is not displayed (slot content remains visible).\n- false: The badge is displayed normally.",
-              "fieldName": "invisible"
+              "default": "null",
+              "description": "The aria-haspopup of the avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property is automatically assigned the value `buttonAriaHaspopup=\"menu\"`.",
+              "fieldName": "avatarAriaHaspopup"
             },
             {
-              "name": "color",
+              "name": "avatar-aria-expanded",
               "type": {
-                "text": "\"negative\" | \"alarm\" | \"warning\" | \"positive\" | \"information\""
+                "text": "\"true\" | \"false\" | \"undefined\" | null"
               },
-              "description": "Badge color.\nSupports predefined semantic color tokens (negative, alarm, warning, positive, information).",
-              "default": "\"negative\"",
-              "fieldName": "color"
+              "default": "null",
+              "description": "The aria-expanded of avatar when `type=\"button\"`.\nWhen used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.",
+              "fieldName": "avatarAriaExpanded"
             }
           ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-badge",
+          "tagName": "daikin-avatar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinBadge",
+          "name": "DaikinAvatar",
           "declaration": {
-            "name": "DaikinBadge",
-            "module": "src/components/badge/daikin-badge.ts"
+            "name": "DaikinAvatar",
+            "module": "src/components/avatar/daikin-avatar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-badge",
+          "name": "daikin-avatar",
           "declaration": {
-            "name": "DaikinBadge",
-            "module": "src/components/badge/daikin-badge.ts"
+            "name": "DaikinAvatar",
+            "module": "src/components/avatar/daikin-avatar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/badge/index.js",
+      "path": "dist/es/components/avatar/index.js",
       "declarations": [],
       "exports": [
         {
@@ -4152,84 +3862,112 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/badge/daikin-badge"
+            "module": "src/components/avatar/daikin-avatar"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/breadcrumb/daikin-breadcrumb.js",
+      "path": "dist/es/components/badge/daikin-badge.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "`daikin-breadcrumb` is a component for representing a breadcrumb list, and is used together with the `daikin-breadcrumb-item` component.\n\nHierarchy:\n- `daikin-breadcrumb` > `daikin-breadcrumb-item`",
-          "name": "DaikinBreadcrumb",
+          "description": "A badge is used to display notification counts, status indicators, or small dots in the UI—commonly for message alerts or status marking.",
+          "name": "DaikinBadge",
           "slots": [
             {
-              "description": "A slot for breadcrumb items. Place `breadcrumb-item` elements here.",
+              "description": "A slot for anchoring element. Place `daikin-icon-button` here. This slot is only applicable when mode is \"anchored\". For standalone badges, do not include any content in the slot.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "showVisited",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "\"number\" | \"dot\""
               },
-              "default": "false",
-              "description": "Whether or not to change the color of visited links.",
-              "attribute": "show-visited",
+              "description": "Badge type.\n- \"number\": Displays a number (e.g., message count, quantity).\n- \"dot\": Displays only a small dot (e.g., status indicator).",
+              "default": "\"dot\"",
+              "attribute": "type",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "breadcrumbAriaLabel",
+              "name": "mode",
               "type": {
-                "text": "string"
+                "text": "\"anchored\" | \"standalone\""
               },
-              "description": "The aria-label of the breadcrumb.\nIt's recommended to provide a more specific aria-label for the breadcrumb, especially when there are multiple breadcrumb components on the same page, to help users distinguish between them.",
-              "default": "\"Breadcrumb\"",
-              "attribute": "breadcrumb-aria-label",
+              "description": "Badge mode.\n- \"anchored\": The badge is anchored to a parent element.\n- \"standalone\": The badge is displayed independently. You can use this mode to display badges without an anchor, such as in a header or toolbar.",
+              "default": "\"anchored\"",
+              "attribute": "mode",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_items",
+              "name": "size",
               "type": {
-                "text": "readonly DaikinBreadcrumbItem[]"
+                "text": "\"medium\" | \"large\""
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "Badge size.\n- \"medium\": Displays a medium-sized badge.\n- \"large\": Displays a large-sized badge. When type=\"number\", this will not change the badge size.",
+              "default": "\"medium\"",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_menus",
+              "name": "count",
               "type": {
-                "text": "readonly DaikinMenu[]"
+                "text": "string | null"
               },
-              "privacy": "private",
-              "readonly": true
+              "default": "null",
+              "description": "The numeric content displayed in the badge.\nOnly effective when type=\"number\".\nAccepts a string (A half-width numeric string that can be parsed into a number.) or null; will be parsed as a number internally.",
+              "attribute": "count",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_rafId",
+              "name": "maxCount",
               "type": {
-                "text": "number | null"
+                "text": "string | null"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "DEFAULT_MAX_COUNT",
+              "description": "The maximum number to display in the badge.\nIf the count exceeds this value, it will display as \"maxCount+\", e.g., \"99+\".\nFor accessibility considerations, if maxCount is null or invalid, it will be treated as the default value (\"99\").\nOnly effective when type=\"number\".",
+              "attribute": "max-count",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_updateBreadcrumbs",
-              "privacy": "private"
+              "kind": "field",
+              "name": "invisible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to hide the badge.\n- true: The badge is not displayed (slot content remains visible).\n- false: The badge is displayed normally.",
+              "attribute": "invisible",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "\"negative\" | \"alarm\" | \"warning\" | \"positive\" | \"information\""
+              },
+              "description": "Badge color.\nSupports predefined semantic color tokens (negative, alarm, warning, positive, information).",
+              "default": "\"negative\"",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_count",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "description": "Computes the actual number to display in the badge.\n- If count is null or invalid, displays \"0\".\n- If count exceeds maxCount, displays \"maxCount+\".\n- If maxCount is null, displays the actual count.\n- If maxCount is invalid, it will be treated as the default value (\"99\").\n- Otherwise, displays the actual number.",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -4314,54 +4052,99 @@
           ],
           "attributes": [
             {
-              "name": "show-visited",
+              "name": "type",
+              "type": {
+                "text": "\"number\" | \"dot\""
+              },
+              "description": "Badge type.\n- \"number\": Displays a number (e.g., message count, quantity).\n- \"dot\": Displays only a small dot (e.g., status indicator).",
+              "default": "\"dot\"",
+              "fieldName": "type"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "\"anchored\" | \"standalone\""
+              },
+              "description": "Badge mode.\n- \"anchored\": The badge is anchored to a parent element.\n- \"standalone\": The badge is displayed independently. You can use this mode to display badges without an anchor, such as in a header or toolbar.",
+              "default": "\"anchored\"",
+              "fieldName": "mode"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"medium\" | \"large\""
+              },
+              "description": "Badge size.\n- \"medium\": Displays a medium-sized badge.\n- \"large\": Displays a large-sized badge. When type=\"number\", this will not change the badge size.",
+              "default": "\"medium\"",
+              "fieldName": "size"
+            },
+            {
+              "name": "count",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The numeric content displayed in the badge.\nOnly effective when type=\"number\".\nAccepts a string (A half-width numeric string that can be parsed into a number.) or null; will be parsed as a number internally.",
+              "fieldName": "count"
+            },
+            {
+              "name": "max-count",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "DEFAULT_MAX_COUNT",
+              "description": "The maximum number to display in the badge.\nIf the count exceeds this value, it will display as \"maxCount+\", e.g., \"99+\".\nFor accessibility considerations, if maxCount is null or invalid, it will be treated as the default value (\"99\").\nOnly effective when type=\"number\".",
+              "fieldName": "maxCount"
+            },
+            {
+              "name": "invisible",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether or not to change the color of visited links.",
-              "fieldName": "showVisited"
+              "description": "Whether to hide the badge.\n- true: The badge is not displayed (slot content remains visible).\n- false: The badge is displayed normally.",
+              "fieldName": "invisible"
             },
             {
-              "name": "breadcrumb-aria-label",
+              "name": "color",
               "type": {
-                "text": "string"
+                "text": "\"negative\" | \"alarm\" | \"warning\" | \"positive\" | \"information\""
               },
-              "description": "The aria-label of the breadcrumb.\nIt's recommended to provide a more specific aria-label for the breadcrumb, especially when there are multiple breadcrumb components on the same page, to help users distinguish between them.",
-              "default": "\"Breadcrumb\"",
-              "fieldName": "breadcrumbAriaLabel"
+              "description": "Badge color.\nSupports predefined semantic color tokens (negative, alarm, warning, positive, information).",
+              "default": "\"negative\"",
+              "fieldName": "color"
             }
           ],
           "superclass": {
             "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-breadcrumb",
+          "tagName": "daikin-badge",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinBreadcrumb",
+          "name": "DaikinBadge",
           "declaration": {
-            "name": "DaikinBreadcrumb",
-            "module": "src/components/breadcrumb/daikin-breadcrumb.ts"
+            "name": "DaikinBadge",
+            "module": "src/components/badge/daikin-badge.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-breadcrumb",
+          "name": "daikin-badge",
           "declaration": {
-            "name": "DaikinBreadcrumb",
-            "module": "src/components/breadcrumb/daikin-breadcrumb.ts"
+            "name": "DaikinBadge",
+            "module": "src/components/badge/daikin-badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/breadcrumb/index.js",
+      "path": "dist/es/components/badge/index.js",
       "declarations": [],
       "exports": [
         {
@@ -4369,116 +4152,333 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/breadcrumb/daikin-breadcrumb"
+            "module": "src/components/badge/daikin-badge"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/breadcrumb-item/daikin-breadcrumb-item.js",
+      "path": "dist/es/components/breadcrumb/daikin-breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `daikin-breadcrumb-item` is a component used to represent each item of the breadcrumb list, and is used as a child element of the `daikin-breadcrumb` component.\n\nHierarchy:\n- `daikin-breadcrumb` > `daikin-breadcrumb-item`",
-          "name": "DaikinBreadcrumbItem",
+          "description": "`daikin-breadcrumb` is a component for representing a breadcrumb list, and is used together with the `daikin-breadcrumb-item` component.\n\nHierarchy:\n- `daikin-breadcrumb` > `daikin-breadcrumb-item`",
+          "name": "DaikinBreadcrumb",
           "slots": [
             {
-              "description": "A slot for the breadcrumb item content.",
+              "description": "A slot for breadcrumb items. Place `breadcrumb-item` elements here.",
               "name": ""
-            },
-            {
-              "description": "A slot for an icon to be placed to the left of the content. Place `daikin-icon` or something similar. This will only be displayed when `variant=\"normal\"` or `variant=\"current\"`.",
-              "name": "left-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "href",
+              "name": "showVisited",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "Specify link href.",
-              "attribute": "href",
+              "default": "false",
+              "description": "Whether or not to change the color of visited links.",
+              "attribute": "show-visited",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "breadcrumbAriaLabel",
               "type": {
-                "text": "\"normal\" | \"current\" | \"ellipsis\""
+                "text": "string"
               },
-              "description": "Specifies the display content.\nIf `ellipsis`, the \"...\" will be displayed instead of the link.\nSet automatically by `daikin-breadcrumb`.",
-              "default": "\"normal\"",
-              "attribute": "variant",
+              "description": "The aria-label of the breadcrumb.\nIt's recommended to provide a more specific aria-label for the breadcrumb, especially when there are multiple breadcrumb components on the same page, to help users distinguish between them.",
+              "default": "\"Breadcrumb\"",
+              "attribute": "breadcrumb-aria-label",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "_items",
               "type": {
-                "text": "string | null"
+                "text": "readonly DaikinBreadcrumbItem[]"
               },
-              "default": "null",
-              "description": "Specify the link target.",
-              "attribute": "target",
-              "reflects": true
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "showVisited",
+              "name": "_menus",
               "type": {
-                "text": "boolean"
+                "text": "readonly DaikinMenu[]"
               },
-              "default": "false",
-              "description": "Whether or not to change the color of visited links.\nSet automatically by `daikin-breadcrumb`.",
-              "attribute": "show-visited",
-              "reflects": true
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "appendDivider",
+              "name": "_rafId",
               "type": {
-                "text": "boolean"
+                "text": "number | null"
               },
-              "default": "false",
-              "description": "_Internal use._\nWhether or not to display the divider on the right.\nSet automatically by `daikin-breadcrumb`.",
               "privacy": "private",
-              "attribute": "append-divider",
-              "reflects": true
+              "default": "null"
             },
             {
-              "kind": "field",
-              "name": "breadcrumbAriaHaspopup",
-              "type": {
-                "text": "| \"false\"\n    | \"true\"\n    | \"menu\"\n    | \"listbox\"\n    | \"tree\"\n    | \"grid\"\n    | \"dialog\"\n    | null"
-              },
-              "default": "null",
-              "description": "The aria-haspopup of the breadcrumb item when `variant=\"ellipsis\"`.\nWhen used within a daikin-menu component, this property is automatically assigned the value `breadcrumbAriaHaspopup=\"menu\"`.",
-              "attribute": "breadcrumb-aria-haspopup",
-              "reflects": true
+              "kind": "method",
+              "name": "_updateBreadcrumbs",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "breadcrumbAriaExpanded",
-              "type": {
-                "text": "\"true\" | \"false\" | \"undefined\" | null"
-              },
-              "default": "null",
-              "description": "The aria-expanded of breadcrumb item when `variant=\"ellipsis\"`.\nWhen used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.",
-              "attribute": "breadcrumb-aria-expanded",
-              "reflects": true
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_focusableRef",
+              "name": "version",
               "type": {
-                "text": "Ref<HTMLElement>"
+                "text": "string"
               },
-              "privacy": "private",
-              "readonly": true
+              "static": true,
+              "readonly": true,
+              "default": "VERSION",
+              "description": "The version of the DDS library",
+              "inheritedFrom": {
+                "name": "DDSElement",
+                "module": "dist/es/base/dds-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getPropertyDescriptor",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "PropertyKey"
+                  },
+                  "description": "The property name (e.g., \"value\", \"disabled\")"
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string | symbol"
+                  },
+                  "description": "The backing property key used for internal storage (generated by Lit)"
+                },
+                {
+                  "name": "{ fallbackValue, isAllowedValue, ...options }",
+                  "type": {
+                    "text": "DDSPropertyDeclaration"
+                  }
+                },
+                {
+                  "description": "DDS property declaration options including fallbackValue and isAllowedValue",
+                  "name": "options"
+                }
+              ],
+              "description": "Override of LitElement's getPropertyDescriptor to add support for fallback values\nand property validation.",
+              "inheritedFrom": {
+                "name": "DDSElement",
+                "module": "dist/es/base/dds-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getBackingProperty",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The property name to retrieve the backing value for"
+                }
+              ],
+              "description": "Retrieves the backing property value for a given property name.\nThis allows access to the underlying stored value before any fallback logic is applied.\n\nWhy is this needed?\n- The public property getter may return a fallback value when the actual value is undefined.\n- Sometimes we need to know if the property was explicitly set or if we're using a fallback.\n- This method provides access to the raw backing value stored by Lit.",
+              "inheritedFrom": {
+                "name": "DDSElement",
+                "module": "dist/es/base/dds-element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "show-visited",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether or not to change the color of visited links.",
+              "fieldName": "showVisited"
+            },
+            {
+              "name": "breadcrumb-aria-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The aria-label of the breadcrumb.\nIt's recommended to provide a more specific aria-label for the breadcrumb, especially when there are multiple breadcrumb components on the same page, to help users distinguish between them.",
+              "default": "\"Breadcrumb\"",
+              "fieldName": "breadcrumbAriaLabel"
+            }
+          ],
+          "superclass": {
+            "name": "DDSElement",
+            "module": "/src/base"
+          },
+          "tagName": "daikin-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DaikinBreadcrumb",
+          "declaration": {
+            "name": "DaikinBreadcrumb",
+            "module": "src/components/breadcrumb/daikin-breadcrumb.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "daikin-breadcrumb",
+          "declaration": {
+            "name": "DaikinBreadcrumb",
+            "module": "src/components/breadcrumb/daikin-breadcrumb.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/es/components/breadcrumb/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/components/breadcrumb/daikin-breadcrumb"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/es/components/breadcrumb-item/daikin-breadcrumb-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `daikin-breadcrumb-item` is a component used to represent each item of the breadcrumb list, and is used as a child element of the `daikin-breadcrumb` component.\n\nHierarchy:\n- `daikin-breadcrumb` > `daikin-breadcrumb-item`",
+          "name": "DaikinBreadcrumbItem",
+          "slots": [
+            {
+              "description": "A slot for the breadcrumb item content.",
+              "name": ""
+            },
+            {
+              "description": "A slot for an icon to be placed to the left of the content. Place `daikin-icon` or something similar. This will only be displayed when `variant=\"normal\"` or `variant=\"current\"`.",
+              "name": "left-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Specify link href.",
+              "attribute": "href",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "\"normal\" | \"current\" | \"ellipsis\""
+              },
+              "description": "Specifies the display content.\nIf `ellipsis`, the \"...\" will be displayed instead of the link.\nSet automatically by `daikin-breadcrumb`.",
+              "default": "\"normal\"",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Specify the link target.",
+              "attribute": "target",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "showVisited",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether or not to change the color of visited links.\nSet automatically by `daikin-breadcrumb`.",
+              "attribute": "show-visited",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "appendDivider",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "_Internal use._\nWhether or not to display the divider on the right.\nSet automatically by `daikin-breadcrumb`.",
+              "privacy": "private",
+              "attribute": "append-divider",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "breadcrumbAriaHaspopup",
+              "type": {
+                "text": "| \"false\"\n    | \"true\"\n    | \"menu\"\n    | \"listbox\"\n    | \"tree\"\n    | \"grid\"\n    | \"dialog\"\n    | null"
+              },
+              "default": "null",
+              "description": "The aria-haspopup of the breadcrumb item when `variant=\"ellipsis\"`.\nWhen used within a daikin-menu component, this property is automatically assigned the value `breadcrumbAriaHaspopup=\"menu\"`.",
+              "attribute": "breadcrumb-aria-haspopup",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "breadcrumbAriaExpanded",
+              "type": {
+                "text": "\"true\" | \"false\" | \"undefined\" | null"
+              },
+              "default": "null",
+              "description": "The aria-expanded of breadcrumb item when `variant=\"ellipsis\"`.\nWhen used within a daikin-menu component, this property will be controlled by daikin-menu, so you don't need to specify it explicitly.",
+              "attribute": "breadcrumb-aria-expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_focusableRef",
+              "type": {
+                "text": "Ref<HTMLElement>"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
@@ -17292,155 +17292,173 @@
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/radio-group/daikin-radio-group.js",
+      "path": "dist/es/components/radio/daikin-radio.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Radio groups are used to group multiple radio buttons so that make sure that only one will be selected in the group\n\nHierarchies:\n- `daikin-radio-group` > `daikin-radio`\n- `daikin-input-group` > `daikin-radio-group` > `daikin-radio`",
-          "name": "DaikinRadioGroup",
+          "description": "The radio button component is a UI element that allows users to select one options from a set of choices.\nIt functions similarly to the HTML `<input type=\"radio\">` tag. \\\nPlease note that **a radio group component is not yet available**, so you'll need to manually group radio buttons when using multiple instances.\n\nHierarchies:\n- `daikin-radio-group` > `daikin-radio`",
+          "name": "DaikinRadio",
           "slots": [
             {
-              "description": "A slot for radio buttons. Place `daikin-radio` elements here.",
+              "description": "A slot for the radio label content.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "_radios",
+              "name": "label",
               "type": {
-                "text": "Array<DaikinRadio>"
+                "text": "string"
               },
-              "privacy": "private",
-              "readonly": true
+              "description": "Label text for the radio button.",
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "labelPosition",
               "type": {
-                "text": "RadioGroupProps[\"orientation\"]"
+                "text": "\"right\" | \"hidden\""
               },
-              "description": "Specify the radio group orientation",
-              "default": "\"vertical\"",
-              "attribute": "orientation",
+              "description": "Label position.\n- `right` (default): The label will be placed to the right of the radio button.\n- `hidden`: The label will not be shown.",
+              "default": "\"right\"",
+              "attribute": "label-position",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "checked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The form name, submitted as a name/value pair when submitting the form.\nWhen this value is set, all `daikin-radio` child components under it will be assigned this name.",
-              "attribute": "name",
+              "default": "false",
+              "description": "Specify the radio button checked state.\nTo keep external state in sync, listen to the `change` event.",
+              "attribute": "checked",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "`value` of the currently selected radio.\nSee the `value` property of `daikin-radio`.\nTo keep external state in sync, listen to the `change` event.",
-              "attribute": "value"
+              "default": "false",
+              "description": "Specify the radio button disabled state.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the radio group is required.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
-              "attribute": "required",
+              "description": "Specify the radio button readonly state.\nWhen readonly, the user cannot change the checked state.",
+              "attribute": "readonly",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "disabledByParent",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the radio group is disabled.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "Specify the radio disabled state controlled by the parent component.\nControlled by `daikin-radio-group`.",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "readonly",
+              "name": "readonlyByParent",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the radio group is readonly.",
-              "attribute": "readonly",
-              "reflects": true
+              "description": "Specify the radio readonly state controlled by the parent component.\nControlled by `daikin-radio-group`.",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_label",
+              "name": "_disabled",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "null",
-              "description": "The label text used as the value of aria-label.\nSet automatically by `reflectInputGroup` method."
+              "description": "The effective disabled state of the radio button.\nReturns `true` if either `disabled` or `disabledByParent` is `true`.",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "_reflectSlotProperties",
+              "kind": "field",
+              "name": "_readonly",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "description": "The effective readonly state of the radio button.\nReturns `true` if either `readonly` or `readonlyByParent` is `true`.",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "_updateRadios",
+              "kind": "field",
+              "name": "skipTab",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the radio button can be focused.\nAutomatically set by `daikin-radio-group` component."
+            },
+            {
+              "kind": "field",
+              "name": "_radio",
+              "type": {
+                "text": "HTMLInputElement | null"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_handleRadioChange",
+              "name": "_labelHidden",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "_handleSlotChange",
+              "name": "_updateFormValue",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
                 }
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_handleKeyDown",
+              "name": "_handleChange",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Event"
                   }
                 }
-              ],
-              "description": "Handles keyboard interactions in the radio list.\nhttps://www.w3.org/WAI/ARIA/apg/patterns/radio/"
+              ]
             },
             {
               "kind": "method",
-              "name": "reflectInputGroup",
+              "name": "focus",
               "return": {
                 "type": {
                   "text": "void"
@@ -17448,14 +17466,172 @@
               },
               "parameters": [
                 {
-                  "name": "inputGroup",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "DaikinInputGroup"
+                    "text": "FocusOptions"
+                  },
+                  "description": "focus options"
+                }
+              ],
+              "description": "Focuses on the inner radio."
+            },
+            {
+              "kind": "field",
+              "name": "formAttr",
+              "type": {
+                "text": "string"
+              },
+              "description": "The form the component belongs to.",
+              "attribute": "form",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The form name, submitted as a name/value pair when submitting the form.",
+              "attribute": "name",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The form value, submitted as a name/value pair when submitting the form.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals | null | undefined"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "description": "Returns the form object associated with the element, or null if none exists.",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setFormValue",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "FormValueType"
+                  }
+                },
+                {
+                  "name": "state",
+                  "optional": true,
+                  "type": {
+                    "text": "FormValueType"
                   }
                 }
               ],
-              "description": "This method is used by `daikin-input-group` to reflect it's attributes to this component.",
-              "privacy": "private"
+              "description": "Set the element's name and value within the current form.",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "A function that maps to the form control's `reportValidity()` function.\nReference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "A function that maps to the form control's `checkValidity()` function.\nReference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "description": "TODO Enhance these functions to bring our components closer to native form components.",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "description": "TODO Enhance these functions to bring our components closer to native form components.",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostUpdated",
+              "description": "TODO Enhance these functions to bring our components closer to native form components.",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "field",
@@ -17544,26 +17720,33 @@
               "type": {
                 "text": "Event"
               },
-              "description": "A custom event emitted when current checked radio changed."
+              "description": "A cloned event of a [change event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) emitted from the inner `<input type=\"radio\">` element."
             }
           ],
           "attributes": [
             {
-              "name": "orientation",
+              "name": "form",
               "type": {
-                "text": "RadioGroupProps[\"orientation\"]"
+                "text": "string"
               },
-              "description": "Specify the radio group orientation",
-              "default": "\"vertical\"",
-              "fieldName": "orientation"
+              "description": "The form the component belongs to.",
+              "fieldName": "formAttr",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "The form name, submitted as a name/value pair when submitting the form.\nWhen this value is set, all `daikin-radio` child components under it will be assigned this name.",
-              "fieldName": "name"
+              "description": "The form name, submitted as a name/value pair when submitting the form.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "name": "value",
@@ -17571,17 +17754,38 @@
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "`value` of the currently selected radio.\nSee the `value` property of `daikin-radio`.\nTo keep external state in sync, listen to the `change` event.",
-              "fieldName": "value"
+              "description": "The initial form value, submitted as a name/value pair when submitting the form.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
-              "name": "required",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Label text for the radio button.",
+              "fieldName": "label"
+            },
+            {
+              "name": "label-position",
+              "type": {
+                "text": "\"right\" | \"hidden\""
+              },
+              "description": "Label position.\n- `right` (default): The label will be placed to the right of the radio button.\n- `hidden`: The label will not be shown.",
+              "default": "\"right\"",
+              "fieldName": "labelPosition"
+            },
+            {
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the radio group is required.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
-              "fieldName": "required"
+              "description": "Specify the radio button checked state.\nTo keep external state in sync, listen to the `change` event.",
+              "fieldName": "checked"
             },
             {
               "name": "disabled",
@@ -17589,7 +17793,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the radio group is disabled.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
+              "description": "Specify the radio button disabled state.",
               "fieldName": "disabled"
             },
             {
@@ -17598,40 +17802,40 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the radio group is readonly.",
+              "description": "Specify the radio button readonly state.\nWhen readonly, the user cannot change the checked state.",
               "fieldName": "readonly"
             }
           ],
           "superclass": {
-            "name": "DDSElement",
+            "name": "DDSFormElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-radio-group",
+          "tagName": "daikin-radio",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinRadioGroup",
+          "name": "DaikinRadio",
           "declaration": {
-            "name": "DaikinRadioGroup",
-            "module": "src/components/radio-group/daikin-radio-group.ts"
+            "name": "DaikinRadio",
+            "module": "src/components/radio/daikin-radio.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-radio-group",
+          "name": "daikin-radio",
           "declaration": {
-            "name": "DaikinRadioGroup",
-            "module": "src/components/radio-group/daikin-radio-group.ts"
+            "name": "DaikinRadio",
+            "module": "src/components/radio/daikin-radio.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/radio-group/index.js",
+      "path": "dist/es/components/radio/index.js",
       "declarations": [],
       "exports": [
         {
@@ -17639,210 +17843,45 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/radio-group/daikin-radio-group"
+            "module": "src/components/radio/daikin-radio"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/radio/daikin-radio.js",
+      "path": "dist/es/components/radio-group/daikin-radio-group.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The radio button component is a UI element that allows users to select one options from a set of choices.\nIt functions similarly to the HTML `<input type=\"radio\">` tag. \\\nPlease note that **a radio group component is not yet available**, so you'll need to manually group radio buttons when using multiple instances.\n\nHierarchies:\n- `daikin-radio-group` > `daikin-radio`",
-          "name": "DaikinRadio",
+          "description": "Radio groups are used to group multiple radio buttons so that make sure that only one will be selected in the group\n\nHierarchies:\n- `daikin-radio-group` > `daikin-radio`\n- `daikin-input-group` > `daikin-radio-group` > `daikin-radio`",
+          "name": "DaikinRadioGroup",
           "slots": [
             {
-              "description": "A slot for the radio label content.",
+              "description": "A slot for radio buttons. Place `daikin-radio` elements here.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Label text for the radio button.",
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "labelPosition",
-              "type": {
-                "text": "\"right\" | \"hidden\""
-              },
-              "description": "Label position.\n- `right` (default): The label will be placed to the right of the radio button.\n- `hidden`: The label will not be shown.",
-              "default": "\"right\"",
-              "attribute": "label-position",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify the radio button checked state.\nTo keep external state in sync, listen to the `change` event.",
-              "attribute": "checked",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify the radio button disabled state.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify the radio button readonly state.\nWhen readonly, the user cannot change the checked state.",
-              "attribute": "readonly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabledByParent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify the radio disabled state controlled by the parent component.\nControlled by `daikin-radio-group`.",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "readonlyByParent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify the radio readonly state controlled by the parent component.\nControlled by `daikin-radio-group`.",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "description": "The effective disabled state of the radio button.\nReturns `true` if either `disabled` or `disabledByParent` is `true`.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "description": "The effective readonly state of the radio button.\nReturns `true` if either `readonly` or `readonlyByParent` is `true`.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "skipTab",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the radio button can be focused.\nAutomatically set by `daikin-radio-group` component."
-            },
-            {
-              "kind": "field",
-              "name": "_radio",
-              "type": {
-                "text": "HTMLInputElement | null"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_labelHidden",
+              "name": "_radios",
               "type": {
-                "text": "boolean"
+                "text": "Array<DaikinRadio>"
               },
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "_updateFormValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  },
-                  "description": "focus options"
-                }
-              ],
-              "description": "Focuses on the inner radio."
-            },
             {
               "kind": "field",
-              "name": "formAttr",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "RadioGroupProps[\"orientation\"]"
               },
-              "description": "The form the component belongs to.",
-              "attribute": "form",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "description": "Specify the radio group orientation",
+              "default": "\"vertical\"",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -17850,13 +17889,9 @@
               "type": {
                 "text": "string"
               },
-              "description": "The form name, submitted as a name/value pair when submitting the form.",
+              "description": "The form name, submitted as a name/value pair when submitting the form.\nWhen this value is set, all `daikin-radio` child components under it will be assigned this name.",
               "attribute": "name",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "reflects": true
             },
             {
               "kind": "field",
@@ -17865,127 +17900,120 @@
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "The form value, submitted as a name/value pair when submitting the form.",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "description": "`value` of the currently selected radio.\nSee the `value` property of `daikin-radio`.\nTo keep external state in sync, listen to the `change` event.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "static": true,
-              "readonly": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "default": "false",
+              "description": "Whether the radio group is required.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "internals",
+              "name": "disabled",
               "type": {
-                "text": "ElementInternals | null | undefined"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "default": "false",
+              "description": "Whether the radio group is disabled.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "readonly",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "boolean"
               },
-              "description": "Returns the form object associated with the element, or null if none exists.",
-              "privacy": "private",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "default": "false",
+              "description": "Whether the radio group is readonly.",
+              "attribute": "readonly",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "setFormValue",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "FormValueType"
-                  }
-                },
-                {
-                  "name": "state",
-                  "optional": true,
-                  "type": {
-                    "text": "FormValueType"
-                  }
-                }
-              ],
-              "description": "Set the element's name and value within the current form.",
+              "kind": "field",
+              "name": "_label",
+              "type": {
+                "text": "string | null"
+              },
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "default": "null",
+              "description": "The label text used as the value of aria-label.\nSet automatically by `reflectInputGroup` method."
             },
             {
               "kind": "method",
-              "name": "reportValidity",
-              "description": "A function that maps to the form control's `reportValidity()` function.\nReference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity",
+              "name": "_reflectSlotProperties",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "checkValidity",
-              "description": "A function that maps to the form control's `checkValidity()` function.\nReference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity",
+              "name": "_updateRadios",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleRadioChange",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "hostConnected",
-              "description": "TODO Enhance these functions to bring our components closer to native form components.",
+              "name": "_handleSlotChange",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "hostDisconnected",
-              "description": "TODO Enhance these functions to bring our components closer to native form components.",
+              "name": "_handleKeyDown",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Handles keyboard interactions in the radio list.\nhttps://www.w3.org/WAI/ARIA/apg/patterns/radio/"
             },
             {
               "kind": "method",
-              "name": "hostUpdated",
-              "description": "TODO Enhance these functions to bring our components closer to native form components.",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "name": "reflectInputGroup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "inputGroup",
+                  "type": {
+                    "text": "DaikinInputGroup"
+                  }
+                }
+              ],
+              "description": "This method is used by `daikin-input-group` to reflect it's attributes to this component.",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -18074,33 +18102,26 @@
               "type": {
                 "text": "Event"
               },
-              "description": "A cloned event of a [change event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) emitted from the inner `<input type=\"radio\">` element."
+              "description": "A custom event emitted when current checked radio changed."
             }
           ],
           "attributes": [
             {
-              "name": "form",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "RadioGroupProps[\"orientation\"]"
               },
-              "description": "The form the component belongs to.",
-              "fieldName": "formAttr",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "description": "Specify the radio group orientation",
+              "default": "\"vertical\"",
+              "fieldName": "orientation"
             },
             {
               "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "The form name, submitted as a name/value pair when submitting the form.",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
+              "description": "The form name, submitted as a name/value pair when submitting the form.\nWhen this value is set, all `daikin-radio` child components under it will be assigned this name.",
+              "fieldName": "name"
             },
             {
               "name": "value",
@@ -18108,38 +18129,17 @@
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "The initial form value, submitted as a name/value pair when submitting the form.",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "DDSFormElement",
-                "module": "dist/es/base/dds-form-element.js"
-              }
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Label text for the radio button.",
-              "fieldName": "label"
-            },
-            {
-              "name": "label-position",
-              "type": {
-                "text": "\"right\" | \"hidden\""
-              },
-              "description": "Label position.\n- `right` (default): The label will be placed to the right of the radio button.\n- `hidden`: The label will not be shown.",
-              "default": "\"right\"",
-              "fieldName": "labelPosition"
+              "description": "`value` of the currently selected radio.\nSee the `value` property of `daikin-radio`.\nTo keep external state in sync, listen to the `change` event.",
+              "fieldName": "value"
             },
             {
-              "name": "checked",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the radio button checked state.\nTo keep external state in sync, listen to the `change` event.",
-              "fieldName": "checked"
+              "description": "Whether the radio group is required.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
+              "fieldName": "required"
             },
             {
               "name": "disabled",
@@ -18147,7 +18147,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the radio button disabled state.",
+              "description": "Whether the radio group is disabled.\nControlled by `daikin-input-group` when used within `daikin-input-group`.",
               "fieldName": "disabled"
             },
             {
@@ -18156,40 +18156,40 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the radio button readonly state.\nWhen readonly, the user cannot change the checked state.",
+              "description": "Whether the radio group is readonly.",
               "fieldName": "readonly"
             }
           ],
           "superclass": {
-            "name": "DDSFormElement",
+            "name": "DDSElement",
             "module": "/src/base"
           },
-          "tagName": "daikin-radio",
+          "tagName": "daikin-radio-group",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DaikinRadio",
+          "name": "DaikinRadioGroup",
           "declaration": {
-            "name": "DaikinRadio",
-            "module": "src/components/radio/daikin-radio.ts"
+            "name": "DaikinRadioGroup",
+            "module": "src/components/radio-group/daikin-radio-group.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "daikin-radio",
+          "name": "daikin-radio-group",
           "declaration": {
-            "name": "DaikinRadio",
-            "module": "src/components/radio/daikin-radio.ts"
+            "name": "DaikinRadioGroup",
+            "module": "src/components/radio-group/daikin-radio-group.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "dist/es/components/radio/index.js",
+      "path": "dist/es/components/radio-group/index.js",
       "declarations": [],
       "exports": [
         {
@@ -18197,7 +18197,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/radio/daikin-radio"
+            "module": "src/components/radio-group/daikin-radio-group"
           }
         }
       ]
@@ -26058,9 +26058,8 @@
           "name": "DaikinTooltip",
           "cssProperties": [
             {
-              "description": "Spacing between the tooltip and the trigger.",
-              "name": "--ddc-tooltip-spacing",
-              "default": "20px"
+              "description": "Spacing between the tooltip and the trigger. The default value refers to the `--dds-space-300` design token.",
+              "name": "--ddc-tooltip-spacing"
             }
           ],
           "cssParts": [
@@ -26097,7 +26096,7 @@
                 "text": "\"top\" | \"bottom\" | \"left\" | \"right\""
               },
               "description": "Specifies the position of the tooltip relative to the trigger.",
-              "default": "\"bottom\"",
+              "default": "\"top\"",
               "attribute": "placement",
               "reflects": true
             },
@@ -26367,7 +26366,7 @@
                 "text": "\"top\" | \"bottom\" | \"left\" | \"right\""
               },
               "description": "Specifies the position of the tooltip relative to the trigger.",
-              "default": "\"bottom\"",
+              "default": "\"top\"",
               "fieldName": "placement"
             },
             {