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

package/custom-elements.json

@@ -2160,6 +2160,257 @@
         }
       ]
     },
+    {
+      "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",
@@ -3021,258 +3272,7 @@
     },
     {
       "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/components/accordion-item/daikin-accordion-item.js",
+      "path": "dist/es/components/accordion-item/daikin-accordion-item.js",
       "declarations": [
         {
           "kind": "class",
@@ -17292,173 +17292,155 @@
     },
     {
       "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",
+              "name": "_radios",
               "type": {
-                "text": "string"
+                "text": "Array<DaikinRadio>"
               },
-              "description": "Label text for the radio button.",
-              "attribute": "label",
-              "reflects": true
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "labelPosition",
+              "name": "orientation",
               "type": {
-                "text": "\"right\" | \"hidden\""
+                "text": "RadioGroupProps[\"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",
+              "description": "Specify the radio group orientation",
+              "default": "\"vertical\"",
+              "attribute": "orientation",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Specify the radio button checked state.\nTo keep external state in sync, listen to the `change` event.",
-              "attribute": "checked",
+              "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
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Specify the radio button disabled state.",
-              "attribute": "disabled",
-              "reflects": true
+              "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"
             },
             {
               "kind": "field",
-              "name": "readonly",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the radio button readonly state.\nWhen readonly, the user cannot change the checked state.",
-              "attribute": "readonly",
+              "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": "disabledByParent",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the radio disabled state controlled by the parent component.\nControlled by `daikin-radio-group`.",
-              "privacy": "private"
+              "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": "readonlyByParent",
+              "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify the radio readonly state controlled by the parent component.\nControlled by `daikin-radio-group`.",
-              "privacy": "private"
+              "description": "Whether the radio group is readonly.",
+              "attribute": "readonly",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_disabled",
+              "name": "_label",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
               "privacy": "private",
-              "description": "The effective disabled state of the radio button.\nReturns `true` if either `disabled` or `disabledByParent` is `true`.",
-              "readonly": true
+              "default": "null",
+              "description": "The label text used as the value of aria-label.\nSet automatically by `reflectInputGroup` method."
             },
             {
-              "kind": "field",
-              "name": "_readonly",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "_reflectSlotProperties",
               "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."
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "_radio",
-              "type": {
-                "text": "HTMLInputElement | null"
-              },
+              "kind": "method",
+              "name": "_updateRadios",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_labelHidden",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "_handleRadioChange",
               "privacy": "private",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "_updateFormValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleClick",
+              "name": "_handleSlotChange",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "_handleChange",
+              "name": "_handleKeyDown",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Handles keyboard interactions in the radio list.\nhttps://www.w3.org/WAI/ARIA/apg/patterns/radio/"
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "reflectInputGroup",
               "return": {
                 "type": {
                   "text": "void"
@@ -17466,172 +17448,14 @@
               },
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "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,
+                  "name": "inputGroup",
                   "type": {
-                    "text": "FormValueType"
+                    "text": "DaikinInputGroup"
                   }
-                }
-              ],
-              "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"
-              }
+                }
+              ],
+              "description": "This method is used by `daikin-input-group` to reflect it's attributes to this component.",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -17720,33 +17544,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",
@@ -17754,38 +17571,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",
@@ -17793,7 +17589,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"
             },
             {
@@ -17802,40 +17598,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": [
         {
@@ -17843,45 +17639,210 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/radio/daikin-radio"
+            "module": "src/components/radio-group/daikin-radio-group"
           }
         }
       ]
     },
     {
       "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"
+              },
+              "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",
+              "type": {
+                "text": "boolean"
               },
               "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": "orientation",
+              "name": "formAttr",
               "type": {
-                "text": "RadioGroupProps[\"orientation\"]"
+                "text": "string"
               },
-              "description": "Specify the radio group orientation",
-              "default": "\"vertical\"",
-              "attribute": "orientation",
-              "reflects": true
+              "description": "The form the component belongs to.",
+              "attribute": "form",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "field",
@@ -17889,9 +17850,13 @@
               "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.",
+              "description": "The form name, submitted as a name/value pair when submitting the form.",
               "attribute": "name",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "field",
@@ -17900,120 +17865,127 @@
                 "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.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "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",
-              "reflects": true
+              "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": "disabled",
+              "name": "formAssociated",
               "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
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "readonly",
+              "name": "internals",
               "type": {
-                "text": "boolean"
+                "text": "ElementInternals | null | undefined"
               },
-              "default": "false",
-              "description": "Whether the radio group is readonly.",
-              "attribute": "readonly",
-              "reflects": true
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_label",
+              "name": "form",
               "type": {
-                "text": "string | null"
+                "text": "HTMLFormElement | null"
               },
+              "description": "Returns the form object associated with the element, or null if none exists.",
               "privacy": "private",
-              "default": "null",
-              "description": "The label text used as the value of aria-label.\nSet automatically by `reflectInputGroup` method."
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_reflectSlotProperties",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "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.",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_updateRadios",
-              "privacy": "private"
+              "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": "field",
-              "name": "_handleRadioChange",
+              "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",
-              "readonly": true
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_handleSlotChange",
+              "name": "hostConnected",
+              "description": "TODO Enhance these functions to bring our components closer to native form components.",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleKeyDown",
+              "name": "hostDisconnected",
+              "description": "TODO Enhance these functions to bring our components closer to native form components.",
               "privacy": "private",
-              "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/"
+              "inheritedFrom": {
+                "name": "DDSFormElement",
+                "module": "dist/es/base/dds-form-element.js"
+              }
             },
             {
               "kind": "method",
-              "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"
+              "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",
@@ -18102,26 +18074,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",
@@ -18129,17 +18108,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",
@@ -18147,7 +18147,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"
             },
             {
@@ -18156,40 +18156,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": [
         {
@@ -18197,7 +18197,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/radio-group/daikin-radio-group"
+            "module": "src/components/radio/daikin-radio"
           }
         }
       ]