@rarui/components 1.22.0 → 1.24.0

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.21.0",
+  "version": "1.23.0",
   "tags": [
     {
       "name": "rarui-avatar",
@@ -1419,18 +1419,31 @@
     },
     {
       "name": "rarui-text",
+      "description": "## Rarui Text\n---\nText is a basic component that allows us to write blocks of text and give it formatting to use within other components, sections and pages of our application or website.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/exhibition/typography) for more details.",
       "attributes": [
         {
           "name": "as",
-          "description": "Type of html tag to create for the Text component.\n\n- p\n- span\n\n@default p",
+          "description": "Changes the rendered element for semantic HTML.\n\n- div\n- em\n- p\n- small\n- span\n- strong\n\n@default p",
           "type": "string",
           "values": [
+            {
+              "name": "div"
+            },
+            {
+              "name": "em"
+            },
             {
               "name": "p",
               "description": "(default)"
             },
+            {
+              "name": "small"
+            },
             {
               "name": "span"
+            },
+            {
+              "name": "strong"
             }
           ],
           "default": "p"
@@ -1776,10 +1789,11 @@
     },
     {
       "name": "rarui-title",
+      "description": "## Rarui Title\n---\nTilte is a basic component that allows you to give titles and more hierarchy to blocks of text for sections or header components.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/exhibition/typography) for more details.",
       "attributes": [
         {
           "name": "as",
-          "description": "Type of html tag to create for the title.\n\n- h1\n- h2\n- h3\n- h4\n- h5\n- h6\n\n@default h1",
+          "description": "Changes the rendered heading element for semantic hierarchy.\n\n- h1\n- h2\n- h3\n- h4\n- h5\n- h6\n\n@default h1",
           "type": "string",
           "values": [
             {
@@ -2567,11 +2581,27 @@
             }
           ],
           "default": "button"
+        },
+        {
+          "name": "name",
+          "description": "The name of the button for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The value of the button for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the button with a form element by ID.",
+          "type": "string"
         }
       ]
     },
     {
       "name": "rarui-checkbox",
+      "description": "## Rarui Checkbox\n---\nThe Checkbox allows users to select one or more items from a set and can be used to enable or disable an option.\n\nFeatures hybrid behavior:\n- **Controlled mode**: When `checked` prop is provided, works like React controlled component\n- **Native mode**: When `checked` prop is not provided, works like native HTML checkbox\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/checkbox) for more details.",
       "attributes": [
         {
           "name": "label",
@@ -2583,6 +2613,18 @@
           "description": "The id of the checkbox.\n\n(Required)",
           "type": "string"
         },
+        {
+          "name": "checked",
+          "description": "Controls the checked state of the checkbox.\n\n**Hybrid Behavior:**\n- When provided: Checkbox works in controlled mode - external prop controls the state\n- When not provided: Checkbox works in native mode - maintains its own internal state\n\n@default undefined (native mode)",
+          "type": "boolean",
+          "default": "undefined (native mode)"
+        },
+        {
+          "name": "readonly",
+          "description": "Makes the checkbox read-only, preventing user interaction.\nWhen true, the checkbox displays its current state but cannot be changed by clicking.",
+          "type": "boolean",
+          "default": false
+        },
         {
           "name": "error",
           "description": "Specifies whether the checkbox is in error state",
@@ -2605,6 +2647,27 @@
           "name": "indeterminate",
           "description": "Specifies whether the checkbox is indeterminate state",
           "type": "boolean"
+        },
+        {
+          "name": "name",
+          "description": "The name of the checkbox for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The value of the checkbox when checked for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the checkbox with a form element by ID.",
+          "type": "string"
+        },
+        {
+          "name": "required",
+          "description": "Indicates whether the checkbox is required for form validation.",
+          "type": "boolean",
+          "default": false
         }
       ]
     },
@@ -2692,12 +2755,45 @@
           "description": "Disables the chip, disallowing user interaction.",
           "type": "boolean",
           "default": false
+        },
+        {
+          "name": "type",
+          "description": "Defines the native button type.\n\n- button\n- reset\n- submit\n\n@default button",
+          "type": "string",
+          "values": [
+            {
+              "name": "button",
+              "description": "(default)"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ],
+          "default": "button"
+        },
+        {
+          "name": "name",
+          "description": "The name of the chip for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The value of the chip for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the chip with a form element by ID.",
+          "type": "string"
         }
       ]
     },
     {
       "name": "rarui-dropdown",
-      "description": "## Rarui Dropdown\n---\nAn suspended menu displays a list of options on a temporary surface.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/dropdown) for more details.",
+      "description": "## Rarui Dropdown\n---\nAn suspended menu displays a list of options on a temporary surface.\n\nFeatures hybrid behavior:\n- **Controlled mode**: When `visible` prop is provided, works like React controlled component\n- **Native mode**: When `visible` prop is not provided, manages its own internal state\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/dropdown) for more details.",
       "attributes": [
         {
           "name": "match-reference-width",
@@ -2736,8 +2832,9 @@
         },
         {
           "name": "visible",
-          "description": "If true, the component is shown.",
-          "type": "boolean"
+          "description": "Controls the visibility state of the dropdown.\n\n**Hybrid Behavior:**\n- When provided: Dropdown works in controlled mode - external prop controls the state\n- When not provided: Dropdown works in native mode - manages its own internal state\n\n@default undefined (native mode)",
+          "type": "boolean",
+          "default": "undefined (native mode)"
         },
         {
           "name": "on-visibility",
@@ -2907,6 +3004,7 @@
     },
     {
       "name": "rarui-dropdown-item",
+      "description": "## Rarui Dropdown Item\n---\nAn suspended menu displays a list of options on a temporary surface.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/surface/dropdown) for more details.",
       "attributes": [
         {
           "name": "name",
@@ -2918,11 +3016,47 @@
           "description": "Indicates if the item is selected.\nThis affects the visual style, such as highlight or marking.",
           "type": "boolean",
           "default": false
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the dropdown item, disallowing user interaction.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "value",
+          "description": "The value associated with this dropdown item for form submission or identification.",
+          "type": "string"
+        },
+        {
+          "name": "type",
+          "description": "Defines the native button type.\n\n- button\n- reset\n- submit\n\n@default button",
+          "type": "string",
+          "values": [
+            {
+              "name": "button",
+              "description": "(default)"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ],
+          "default": "button"
+        },
+        {
+          "name": "role",
+          "description": "ARIA role for the dropdown item.\n\n@default menuitem",
+          "type": "string",
+          "default": "menuitem"
         }
       ]
     },
     {
       "name": "rarui-icon-button",
+      "description": "## Rarui Icon Button\n---\nButton allows the user to perform actions, such as sending a file, advancing a form, sharing a document, or making a comment.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/button) for more details.",
       "attributes": [
         {
           "name": "disabled",
@@ -2999,6 +3133,39 @@
           "description": "Defines if the button should have rounded edges.\n\n- `true`: The button will be rendered with completely rounded edges, useful for circular -shaped icons.\n- `false` (default): The button will have standard edges or defined by the component style.",
           "type": "boolean",
           "default": false
+        },
+        {
+          "name": "type",
+          "description": "Defines the native button type.\n\n- button\n- reset\n- submit\n\n@default button",
+          "type": "string",
+          "values": [
+            {
+              "name": "button",
+              "description": "(default)"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ],
+          "default": "button"
+        },
+        {
+          "name": "name",
+          "description": "The name of the button for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The value of the button for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the button with a form element by ID.",
+          "type": "string"
         }
       ]
     },
@@ -3064,6 +3231,100 @@
           "description": "Whether the input is disabled.",
           "type": "boolean",
           "default": false
+        },
+        {
+          "name": "type",
+          "description": "The type of input element.\n\n- color\n- date\n- datetime-local\n- email\n- file\n- hidden\n- month\n- number\n- password\n- range\n- search\n- tel\n- text\n- time\n- url\n- week\n\n@default text",
+          "type": "string",
+          "values": [
+            {
+              "name": "color"
+            },
+            {
+              "name": "date"
+            },
+            {
+              "name": "datetime-local"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "file"
+            },
+            {
+              "name": "hidden"
+            },
+            {
+              "name": "month"
+            },
+            {
+              "name": "number"
+            },
+            {
+              "name": "password"
+            },
+            {
+              "name": "range"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "text",
+              "description": "(default)"
+            },
+            {
+              "name": "time"
+            },
+            {
+              "name": "url"
+            },
+            {
+              "name": "week"
+            }
+          ],
+          "default": "text"
+        },
+        {
+          "name": "name",
+          "description": "The name of the input for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the input with a form element by ID.",
+          "type": "string"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the input is readonly.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "minlength",
+          "description": "Minimum length of the input value.",
+          "type": "number"
+        },
+        {
+          "name": "maxlength",
+          "description": "Maximum length of the input value.",
+          "type": "number"
+        },
+        {
+          "name": "pattern",
+          "description": "Regular expression pattern for input validation.",
+          "type": "string"
         }
       ]
     },
@@ -3081,34 +3342,312 @@
           "type": "string"
         },
         {
-          "name": "disabled",
-          "description": "Whether the input is disabled.",
+          "name": "name",
+          "description": "The name of the input for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the input with a form element by ID.",
+          "type": "string"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the input is readonly.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "autocomplete",
+          "description": "Autocomplete hint for the password input.",
+          "type": "string"
+        },
+        {
+          "name": "minlength",
+          "description": "Minimum length of the password value.",
+          "type": "number"
+        },
+        {
+          "name": "maxlength",
+          "description": "Maximum length of the password value.",
+          "type": "number"
+        },
+        {
+          "name": "pattern",
+          "description": "Regular expression pattern for password validation.",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the input is disabled.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "size",
+          "description": "Specifies the size of the input, controlling its dimensions.\n\n- large\n- medium\n- small\n\n@default medium",
+          "type": "string",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium",
+              "description": "(default)"
+            },
+            {
+              "name": "small"
+            }
+          ],
+          "default": "medium"
+        },
+        {
+          "name": "border",
+          "description": "Determines if the input have borders or not.\n\n@default true",
+          "type": "boolean",
+          "default": true
+        },
+        {
+          "name": "appearance",
+          "description": "Determines the visual style of the input, affecting its border\n\n- error\n- success",
+          "type": "string",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "success"
+            }
+          ]
+        },
+        {
+          "name": "divider",
+          "description": "Places a divider between the input and the leading components\n\n@default true",
+          "type": "boolean",
+          "default": true
+        }
+      ]
+    },
+    {
+      "name": "rarui-input-search",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the search input element.",
+          "type": "string"
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text for the search input element.",
+          "type": "string"
+        },
+        {
+          "name": "name",
+          "description": "The name of the input for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the input with a form element by ID.",
+          "type": "string"
+        },
+        {
+          "name": "required",
+          "description": "Whether the input is required.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the input is readonly.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "autocomplete",
+          "description": "Autocomplete hint for the search input.",
+          "type": "string"
+        },
+        {
+          "name": "minlength",
+          "description": "Minimum length of the search value.",
+          "type": "number"
+        },
+        {
+          "name": "maxlength",
+          "description": "Maximum length of the search value.",
+          "type": "number"
+        },
+        {
+          "name": "pattern",
+          "description": "Regular expression pattern for search validation.",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the input is disabled.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "size",
+          "description": "Specifies the size of the input, controlling its dimensions.\n\n- large\n- medium\n- small\n\n@default medium",
+          "type": "string",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium",
+              "description": "(default)"
+            },
+            {
+              "name": "small"
+            }
+          ],
+          "default": "medium"
+        },
+        {
+          "name": "border",
+          "description": "Determines if the input have borders or not.\n\n@default true",
+          "type": "boolean",
+          "default": true
+        },
+        {
+          "name": "appearance",
+          "description": "Determines the visual style of the input, affecting its border\n\n- error\n- success",
+          "type": "string",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "success"
+            }
+          ]
+        },
+        {
+          "name": "divider",
+          "description": "Places a divider between the input and the leading components\n\n@default true",
+          "type": "boolean",
+          "default": true
+        }
+      ]
+    },
+    {
+      "name": "rarui-radio-button",
+      "description": "## Rarui Radio Button\n---\nRadio Button allows users to select one option from a set. They are a selection control that usually appears when users are asked to make decisions or select an option from a set of choices.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/radiobutton) for more details.",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Sets radio state to activated or deactivated.",
+          "type": "boolean"
+        },
+        {
+          "name": "label",
+          "description": "Text to be rendered inside the component.",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "description": "Specifies the size of the radiobutton\n\n- large\n- small",
+          "type": "string",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "error",
+          "description": "Specifies whether the radiobutton is in error state",
+          "type": "boolean"
+        },
+        {
+          "name": "id",
+          "description": "Defines a unique identifier (ID) which must be unique in the whole document.\nIts purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the radio button, disallowing user interaction.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "value",
+          "description": "The value of the radio button for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the radio button with a form element by ID.",
+          "type": "string"
+        },
+        {
+          "name": "required",
+          "description": "Whether the radio button is required.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the radio button is readonly.",
+          "type": "boolean",
+          "default": false
+        }
+      ]
+    },
+    {
+      "name": "rarui-select",
+      "description": "## Rarui Select\n---\nSelect component for choosing options from a dropdown menu with support for single and multiple selection.\n\nFeatures:\n- **Single Selection**: Choose one option from the list\n- **Multiple Selection**: Choose multiple options with checkboxes\n- **Custom Content**: Support for slot-based custom content and filtering\n- **Accessibility**: Full keyboard navigation with ESC key support\n- **Controlled Behavior**: Uses internal web components (Dropdown, Checkbox, Text, Box, Chip, Icon)\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/select) for more details.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "If true, the Select component is shown.",
+          "type": "boolean"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the select component, disallowing user interaction.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "options",
+          "description": "Options for the Select component. This should be an array of SelectOptionProps objects.\n\n(Required)",
+          "type": "array"
+        },
+        {
+          "name": "multiple",
+          "description": "Enables multiple selection mode.",
           "type": "boolean",
           "default": false
         },
         {
           "name": "size",
-          "description": "Specifies the size of the input, controlling its dimensions.\n\n- large\n- medium\n- small\n\n@default medium",
+          "description": "Specifies the size of the badge, controlling its dimensions.\n\n- large\n- medium\n- small",
           "type": "string",
           "values": [
             {
               "name": "large"
             },
             {
-              "name": "medium",
-              "description": "(default)"
+              "name": "medium"
             },
             {
               "name": "small"
             }
-          ],
-          "default": "medium"
-        },
-        {
-          "name": "border",
-          "description": "Determines if the input have borders or not.\n\n@default true",
-          "type": "boolean",
-          "default": true
+          ]
         },
         {
           "name": "appearance",
@@ -3124,117 +3663,156 @@
           ]
         },
         {
-          "name": "divider",
-          "description": "Places a divider between the input and the leading components\n\n@default true",
-          "type": "boolean",
-          "default": true
-        }
-      ]
-    },
-    {
-      "name": "rarui-input-search",
-      "attributes": [
+          "name": "max-height",
+          "description": "The **`max-height`** CSS property sets the maximum height of an element. It prevents the used value of the `height` property from becoming larger than the value specified for `max-height`. It is also possible to pass a specific value.\n\n\n**Initial value**: `none`\n\nThis property supports responsive values. You can pass a single value like `\"fit-content\"`.\n\n Or an object like:\n \n ```\n{\n  \"xs\": \"fit-content\",\n  \"md\": \"intrinsic\",\n  \"lg\": \"max-content\",\n  \"xl\": \"min-content\"\n}\n```\n\n- fit-content\n- intrinsic\n- max-content\n- min-content\n- none\n- stretch",
+          "values": [
+            {
+              "name": "fit-content"
+            },
+            {
+              "name": "intrinsic"
+            },
+            {
+              "name": "max-content"
+            },
+            {
+              "name": "min-content"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "stretch"
+            }
+          ]
+        },
+        {
+          "name": "z-index",
+          "description": "The zIndex property specifies the stack order of the box.\n\nThis property supports responsive values. You can pass a single value like `\"$100\"`.\n\n Or an object like:\n \n ```\n{\n  \"xs\": \"$100\",\n  \"md\": \"$200\",\n  \"lg\": \"$300\",\n  \"xl\": \"$400\"\n}\n```\n\n- $100\n- $200\n- $300\n- $400\n- $500\n- $600\n- $700\n- $800\n- $900",
+          "values": [
+            {
+              "name": "$100"
+            },
+            {
+              "name": "$200"
+            },
+            {
+              "name": "$300"
+            },
+            {
+              "name": "$400"
+            },
+            {
+              "name": "$500"
+            },
+            {
+              "name": "$600"
+            },
+            {
+              "name": "$700"
+            },
+            {
+              "name": "$800"
+            },
+            {
+              "name": "$900"
+            }
+          ]
+        },
         {
           "name": "value",
-          "description": "The value of the search input element.",
-          "type": "string"
+          "description": "Default selected values for the Select component.\nThis should be an array of SelectOptionProps objects representing the selected options.",
+          "values": []
+        },
+        {
+          "name": "default-value",
+          "description": "Specifies the default selected value(s) for the select box.\nThis can be a selectOption for single selection or an array of selectOption for multiple selections.",
+          "values": []
         },
         {
           "name": "placeholder",
-          "description": "Placeholder text for the search input element.",
+          "description": "Placeholder text displayed when no option is selected.",
           "type": "string"
         },
         {
-          "name": "disabled",
-          "description": "Whether the input is disabled.",
+          "name": "enabled-flip",
+          "description": "Determines whether the select box should enable flipping the options' dropdown when there is not enough space to display it in its default direction.\nThis can help ensure the dropdown is always visible on the screen.\n\n@default true",
           "type": "boolean",
-          "default": false
+          "default": true
         },
         {
-          "name": "size",
-          "description": "Specifies the size of the input, controlling its dimensions.\n\n- large\n- medium\n- small\n\n@default medium",
+          "name": "position",
+          "description": "Position of the dropdown relative to the trigger.\n\n- bottom\n- bottom-end\n- bottom-start\n- left\n- left-end\n- left-start\n- right\n- right-end\n- right-start\n- top\n- top-end\n- top-start\n\n@default bottom-start",
           "type": "string",
           "values": [
             {
-              "name": "large"
+              "name": "bottom"
             },
             {
-              "name": "medium",
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start",
               "description": "(default)"
             },
             {
-              "name": "small"
-            }
-          ],
-          "default": "medium"
-        },
-        {
-          "name": "border",
-          "description": "Determines if the input have borders or not.\n\n@default true",
-          "type": "boolean",
-          "default": true
-        },
-        {
-          "name": "appearance",
-          "description": "Determines the visual style of the input, affecting its border\n\n- error\n- success",
-          "type": "string",
-          "values": [
+              "name": "left"
+            },
             {
-              "name": "error"
+              "name": "left-end"
             },
             {
-              "name": "success"
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
             }
-          ]
-        },
-        {
-          "name": "divider",
-          "description": "Places a divider between the input and the leading components\n\n@default true",
-          "type": "boolean",
-          "default": true
-        }
-      ]
-    },
-    {
-      "name": "rarui-radio-button",
-      "description": "## Rarui Radio Button\n---\nRadio Button allows users to select one option from a set. They are a selection control that usually appears when users are asked to make decisions or select an option from a set of choices.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/radiobutton) for more details.",
-      "attributes": [
-        {
-          "name": "selected",
-          "description": "Sets radio state to activated or deactivated.",
-          "type": "boolean"
-        },
-        {
-          "name": "label",
-          "description": "Text to be rendered inside the component.",
-          "type": "string"
+          ],
+          "default": "bottom-start"
         },
         {
-          "name": "size",
-          "description": "Specifies the size of the radiobutton\n\n- large\n- small",
+          "name": "strategy",
+          "description": "CSS positioning strategy used for the dropdown.\n\n- `\"fixed\"` (default) positions the dropdown relative to the viewport,\n  so it stays in the same place even when the page is scrolled.\n- `\"absolute\"` positions the dropdown relative to the nearest positioned ancestor,\n  which can be useful when you want the dropdown to move with page content.\n\nUse `\"fixed\"` for dropdowns that should remain visible on scroll,\nand `\"absolute\"` when dropdowns need to be positioned within scrollable containers.\n\n- absolute\n- fixed\n\n@default fixed",
           "type": "string",
           "values": [
             {
-              "name": "large"
+              "name": "absolute"
             },
             {
-              "name": "small"
+              "name": "fixed",
+              "description": "(default)"
             }
-          ]
+          ],
+          "default": "fixed"
         },
         {
-          "name": "error",
-          "description": "Specifies whether the radiobutton is in error state",
-          "type": "boolean"
+          "name": "name",
+          "description": "The name of the select for form submission.",
+          "type": "string"
         },
         {
-          "name": "id",
-          "description": "Defines a unique identifier (ID) which must be unique in the whole document.\nIts purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).",
+          "name": "form",
+          "description": "Associates the select with a form element by ID.",
           "type": "string"
         },
         {
-          "name": "disabled",
-          "description": "Disables the radio button, disallowing user interaction.",
+          "name": "required",
+          "description": "Whether the select is required for form validation.",
           "type": "boolean",
           "default": false
         }
@@ -3242,7 +3820,7 @@
     },
     {
       "name": "rarui-textarea",
-      "description": "## Rarui Radio Button\n---\nExpanded text area for long text entries. Allows you to enter large blocks of text, such as comments or detailed descriptions.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/textarea) for more details.",
+      "description": "## Rarui Textarea\n---\nExpanded text area for long text entries. Allows you to enter large blocks of text, such as comments or detailed descriptions.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/textarea) for more details.",
       "attributes": [
         {
           "name": "lines",
@@ -3268,6 +3846,43 @@
           "description": "Disables the Textarea, disallowing user interaction.",
           "type": "boolean",
           "default": false
+        },
+        {
+          "name": "name",
+          "description": "The name of the textarea for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the textarea with a form element by ID.",
+          "type": "string"
+        },
+        {
+          "name": "required",
+          "description": "Whether the textarea is required for form validation.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the textarea is readonly.",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text to display when the textarea is empty.",
+          "type": "string"
+        },
+        {
+          "name": "minlength",
+          "description": "Minimum number of characters required.",
+          "type": "number"
+        },
+        {
+          "name": "maxlength",
+          "description": "Maximum number of characters allowed.",
+          "type": "number"
         }
       ]
     },
@@ -3321,6 +3936,22 @@
           "name": "id",
           "description": "Single ID associated with Toggle Input.If not provided,\nThe name will be used as Fallback to `id`.",
           "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The value of the toggle for form submission.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the toggle with a form element by ID.",
+          "type": "string"
+        },
+        {
+          "name": "required",
+          "description": "Whether the toggle is required for form validation.",
+          "type": "boolean",
+          "default": false
         }
       ]
     },
@@ -7517,9 +8148,8 @@
       "attributes": [
         {
           "name": "open",
-          "description": "Determines if the sidebar is shown or not.\n\n@default true",
-          "type": "boolean",
-          "default": true
+          "description": "Determines if the sidebar is shown or not.",
+          "type": "boolean"
         },
         {
           "name": "portal-id",
@@ -7744,6 +8374,47 @@
           "name": "href",
           "description": "Defines the destination URL of the link.\n\n** IMPORTANT: ** should only be used when `as=\"a\"`.",
           "type": "string"
+        },
+        {
+          "name": "target",
+          "description": "Defines the target attribute for links.\n\n- _blank\n- _parent\n- _self\n- _top\n\n@default \"_blank\" for external links, undefined for internal",
+          "type": "string",
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ],
+          "default": "\"_blank\" for external links, undefined for internal"
+        },
+        {
+          "name": "rel",
+          "description": "Defines the rel attribute for links.\n\n@default \"noopener noreferrer\" for external links with target=\"_blank\"",
+          "type": "string",
+          "default": "\"noopener noreferrer\" for external links with target=\"_blank\""
+        },
+        {
+          "name": "name",
+          "description": "The name of the button for form submission.\n** IMPORTANT: ** should only be used when `as=\"button\"`.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The value of the button for form submission.\n** IMPORTANT: ** should only be used when `as=\"button\"`.",
+          "type": "string"
+        },
+        {
+          "name": "form",
+          "description": "Associates the button with a form element by ID.\n** IMPORTANT: ** should only be used when `as=\"button\"`.",
+          "type": "string"
         }
       ]
     },