@daikin-oss/design-system-web-components 2.0.0 → 2.1.0-next.2

package/custom-elements.json

@@ -2160,257 +2160,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/es/components/accordion/daikin-accordion.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": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "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.",
-              "attribute": "border",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "openItems",
-              "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."
-            },
-            {
-              "kind": "field",
-              "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.",
-              "attribute": "exclusive",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_items",
-              "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"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_reflectItemOpen",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "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"
-              }
-            },
-            {
-              "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",
@@ -3272,13 +3021,264 @@
     },
     {
       "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 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": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "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.",
+              "attribute": "border",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "openItems",
+              "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."
+            },
+            {
+              "kind": "field",
+              "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.",
+              "attribute": "exclusive",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_items",
+              "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"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_reflectItemOpen",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "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"
+              }
+            },
+            {
+              "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/components/accordion-item/daikin-accordion-item.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",
@@ -6276,15 +6276,35 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A carousel is a component that displays multiple pieces of information by sliding left and right within a fixed height area.\n\nThe carousel component can be operated in several ways (Control, Indicator, and Swipe), but it is not possible to hide all of these, as this would prevent the user from being able to operate the carousel component.\n\nHierarchy:\n- `daikin-carousel` > `daikin-carousel-item`",
+          "description": "A carousel is a component that displays multiple pieces of information by sliding left and right within a fixed height area.\n\nPowered by embla-carousel for smooth, native-feeling interactions and infinite loops.\n\nHierarchy:\n- `daikin-carousel` > `daikin-carousel-item`",
           "name": "DaikinCarousel",
           "cssProperties": [
             {
-              "description": "Specify the interval for the slide animation.",
+              "description": "Legacy transition duration in milliseconds. **Warning:** Mapped to Embla's duration option using 600ms = 25. This property may be removed in a future release; gradually migrate to the `duration` property instead.",
               "name": "--ddc-transition-duration",
               "default": "600ms"
-            }
-          ],
+            },
+            {
+              "description": "The aspect ratio of every carousel item's media container.",
+              "name": "--ddc-item-aspect-ratio",
+              "default": "16/9"
+            },
+            {
+              "description": "How image/video content fits inside every carousel item's media container.",
+              "name": "--ddc-item-object-fit",
+              "default": "contain"
+            },
+            {
+              "description": "The default background color for the carousel items.",
+              "name": "--ddc-item-background-color",
+              "default": "var(--dds-color-common-surface-secondary)"
+            },
+            {
+              "description": "The gap between carousel items.",
+              "name": "--ddc-item-gap",
+              "default": "var(--dds-space-100)"
+            }
+          ],
           "slots": [
             {
               "description": "A slot for carousel items. Place `daikin-carousel-item` elements here.",
@@ -6299,10 +6319,42 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The index number of the content currently being displayed.\nWhen controlling this property externally, listen to the `select` event and read the updated `currentIndex` from the component to keep your state in sync.",
+              "description": "The index number of the content currently being displayed.",
               "attribute": "current-index",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the carousel should loop back to the first item when the last item is reached.",
+              "attribute": "loop"
+            },
+            {
+              "kind": "field",
+              "name": "arrows",
+              "type": {
+                "text": "\"outside\" | \"inside\""
+              },
+              "description": "The position of the navigation arrows. Can be either \"outside\" or \"inside\".\n- \"outside\": Arrows are placed outside the carousel viewport.\n- \"inside\": Arrows are placed inside the carousel viewport.\nThe inside option is useful for carousels with a smaller width, where the arrows can be placed over the content without taking up additional space.\nWhen the width of viewport is smaller than mobile breakpoint (768px), the arrows will always be placed inside regardless of this property.",
+              "default": "\"outside\"",
+              "attribute": "arrows",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "The higher this value, the slower the image scrolling animation. However, this value does not affect the sliding speed when the user is dragging the image, as that depends on the user's dragging speed.",
+              "default": "25",
+              "attribute": "duration",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "_items",
@@ -6319,16 +6371,23 @@
                 "text": "number"
               },
               "privacy": "private",
-              "default": "0"
+              "default": "0",
+              "description": "Keeps track of the total number of slotted carousel items."
             },
             {
               "kind": "field",
-              "name": "_prevButton",
+              "name": "_emblaApi",
+              "type": {
+                "text": "EmblaCarouselType | undefined | undefined"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_nextButton",
+              "name": "_mediaResizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
               "privacy": "private"
             },
             {
@@ -6336,6 +6395,43 @@
               "name": "_indicatorButtonsContainer",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_viewport",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_track",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_pendingOperation",
+              "type": {
+                "text": "\"prev\" | \"next\" | \"indicator\" | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_isDragging",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "_getEmblaDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_emitSelect",
@@ -6344,7 +6440,7 @@
                 {
                   "name": "operation",
                   "type": {
-                    "text": "\"prev\" | \"next\" | \"indicator\""
+                    "text": "\"prev\" | \"next\" | \"indicator\" | \"swipe\""
                   }
                 },
                 {
@@ -6355,6 +6451,28 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_initEmbla",
+              "privacy": "private",
+              "description": "Initializes or re-initializes the Embla instance when properties or slots change."
+            },
+            {
+              "kind": "field",
+              "name": "_onEmblaPointerDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onEmblaSettle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onEmblaSelect",
+              "privacy": "private",
+              "description": "Embla event listener that synchronizes internal state when the user swipes or slides."
+            },
             {
               "kind": "method",
               "name": "_handleClickIndicator",
@@ -6386,24 +6504,24 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "_handleSlotchange",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_moveBy",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "moveOffset",
+                  "name": "offset",
                   "type": {
                     "text": "1 | -1"
                   }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_handleSlotchange",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_updateItemActive",
@@ -6496,7 +6614,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "If an item in the carousel is selected in some way, the method used to select it, the index number of the item displayed before it, and the index number of the item currently displayed are passed."
+              "description": "Fired when the carousel index changes. `event.detail` contains the triggering `operation` (`\"prev\"`, `\"next\"`, `\"indicator\"`, or `\"swipe\"`) and `beforeCurrentIndex`; read `currentIndex` for the selected index."
             }
           ],
           "attributes": [
@@ -6506,8 +6624,35 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "The index number of the content currently being displayed.\nWhen controlling this property externally, listen to the `select` event and read the updated `currentIndex` from the component to keep your state in sync.",
+              "description": "The index number of the content currently being displayed.",
               "fieldName": "currentIndex"
+            },
+            {
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the carousel should loop back to the first item when the last item is reached.",
+              "fieldName": "loop"
+            },
+            {
+              "name": "arrows",
+              "type": {
+                "text": "\"outside\" | \"inside\""
+              },
+              "description": "The position of the navigation arrows. Can be either \"outside\" or \"inside\".\n- \"outside\": Arrows are placed outside the carousel viewport.\n- \"inside\": Arrows are placed inside the carousel viewport.\nThe inside option is useful for carousels with a smaller width, where the arrows can be placed over the content without taking up additional space.\nWhen the width of viewport is smaller than mobile breakpoint (768px), the arrows will always be placed inside regardless of this property.",
+              "default": "\"outside\"",
+              "fieldName": "arrows"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "The higher this value, the slower the image scrolling animation. However, this value does not affect the sliding speed when the user is dragging the image, as that depends on the user's dragging speed.",
+              "default": "25",
+              "fieldName": "duration"
             }
           ],
           "superclass": {
@@ -6582,8 +6727,7 @@
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "_Internal use._\nItem's aria label.\nControlled by `daikin-carousel`.",
-              "privacy": "private"
+              "description": "The Aria label for the carousel item."
             },
             {
               "kind": "field",
@@ -7705,6 +7849,33 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_hasLeftIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "_handleLeftIconSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_handleRemoveClick",
@@ -8224,6 +8395,16 @@
               "name": "_closePopup",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_shouldRestoreFocusOnClose",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether focus should be restored to the input the next time the popup closes.\nThis is only `true` right before selecting an option, where hiding the popover blurs the\nclicked option button to `document.body`. It must stay `false` for closes caused by the\nfocus/click moving to something else (outside click, focusout), otherwise we would steal\nfocus back from whatever the user actually clicked."
+            },
             {
               "kind": "method",
               "name": "_handleLeftIconSlotChange",
@@ -8268,7 +8449,13 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "shouldFocusInput",
+                  "default": "false"
+                }
+              ]
             },
             {
               "kind": "method",
@@ -17292,155 +17479,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",
-              "privacy": "private"
+              "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": "_handleRadioChange",
+              "name": "_radio",
+              "type": {
+                "text": "HTMLInputElement | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "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 +17653,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 +17907,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 +17941,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 +17980,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 +17989,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 +18030,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 +18076,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 +18087,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 +18289,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 +18316,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 +18334,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 +18343,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 +18384,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/radio/daikin-radio"
+            "module": "src/components/radio-group/daikin-radio-group"
           }
         }
       ]
@@ -26058,9 +26245,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 +26283,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 +26553,7 @@
                 "text": "\"top\" | \"bottom\" | \"left\" | \"right\""
               },
               "description": "Specifies the position of the tooltip relative to the trigger.",
-              "default": "\"bottom\"",
+              "default": "\"top\"",
               "fieldName": "placement"
             },
             {