@rarui/components 1.23.0 → 1.24.1

package/dist/index.d.ts

@@ -16928,29 +16928,6 @@ declare const styles$6: {
 
 type InputVariants = NonNullable<RecipeVariants<typeof styles$6.container> & RecipeVariants<typeof styles$6.input>>;
 
-declare const styles$5: {
-    label: RuntimeFn<{
-        /**
-         * Specifies whether the label is hidden or not
-         * @default false
-         */
-        hidden: {
-            true: {
-                border: "0";
-                clip: "rect(0 0 0 0)";
-                height: "1px";
-                margin: "-1px";
-                overflow: "hidden";
-                padding: "0";
-                position: "absolute";
-                width: "1px";
-            };
-        };
-    }>;
-};
-
-type LabelVariants = RecipeVariants<typeof styles$5.label>;
-
 declare const styles$4: {
     link: RuntimeFn<{
         /**
@@ -17894,14 +17871,6 @@ interface TextProps extends TextSprinkle {
     lineClamp?: number;
 }
 
-interface LabelTyping {
-    /**
-     * The for attribute specifies which form element a label is bound to.
-     */
-    htmlFor?: string;
-}
-type LabelProps = LabelTyping & LabelVariants;
-
 interface TooltipTyping {
     /**
      * Conditional for displaying the popover arrow.
@@ -18350,6 +18319,9 @@ declare class RaruiAvatar extends LitElement {
     size?: AvatarProperties["size"];
     static styles: CSSResult;
     render(): TemplateResult<1>;
+    private handleSlotChange;
+    private handleImageError;
+    private handleImageLoad;
 }
 
 declare global {
@@ -18401,7 +18373,7 @@ declare class RaruiDivider extends LitElement {
     render(): TemplateResult<1>;
 }
 
-type IconName = "phone-call-outlined" | "add-circle-filled" | "add-circle-outlined" | "alarm-filled" | "alarm-outlined" | "alternate-email" | "archive-all-filled" | "archive-all-outlined" | "archive-filled" | "archive-in-filled" | "archive-in-outlined" | "archive-outlined" | "arrow-alt-down" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-circle-down-filled" | "arrow-circle-down-outlined" | "arrow-circle-up-filled" | "arrow-circle-up-outlined" | "arrow-circled-down-circle-outlined" | "arrow-circled-down-filled" | "arrow-circled-up-circle-outlined" | "arrow-direction-down-up" | "arrow-direction-left-right" | "arrow-direction-right-left" | "arrow-direction-up-down" | "arrow-directions" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-first-page" | "arrow-last-page" | "arrow-left" | "arrow-line-down" | "arrow-line-left" | "arrow-line-long-down" | "arrow-line-long-left" | "arrow-line-long-right" | "arrow-line-long-up" | "arrow-line-right" | "arrow-line-up" | "arrow-right" | "arrow-subdirectory-left" | "arrow-subdirectory-right" | "arrow-trending-down" | "arrow-trending-up" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attachment" | "backspace" | "backspace-outlined" | "barley" | "barley-off" | "bolt-circle-filled" | "bolt-circle-outlined" | "bookmark-filled" | "bookmark-outlined" | "calendar-date-range-filled" | "calendar-date-range-outlined" | "calendar-event-filled" | "calendar-event-outlined" | "calendar-filled" | "calendar-outlined" | "camera-filled" | "camera-outlined" | "camera-shutter-filled" | "camera-shutter-outlined" | "cancel-circle-filled" | "cancel-circle-outlined" | "car-filled" | "car-outlined" | "chart-bars-filled" | "chart-bars-outlined" | "chat-bubble-filled" | "chat-bubble-outlined" | "chat-message-filled" | "chat-message-outlined" | "check" | "check-circle-filled" | "check-circle-outlined" | "check-small" | "chevron-big-down" | "chevron-big-left" | "chevron-big-right" | "chevron-big-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock-filled" | "clock-outlined" | "close" | "cloud-filled" | "cloud-outlined" | "contact-support-filled" | "contact-support-outlined" | "content-copy-filled" | "content-copy-outlined" | "content-paste-filled" | "content-paste-outlined" | "conversation-filled" | "conversation-outlined" | "copyright-filled" | "copyright-outlined" | "credit-card-filled" | "credit-card-outlined" | "danger-filled" | "danger-outlined" | "dashboard-filled" | "dashboard-outlined" | "document-filled" | "document-outlined" | "document-text-filled" | "document-text-outlined" | "download-filled" | "download-outlined" | "eco-filled" | "eco-outlined" | "edit-filled" | "edit-outlined" | "euro-symbol" | "exit-fullscreen" | "eye-filled" | "eye-off-filled" | "eye-off-outlined" | "eye-outlined" | "facebook-filled" | "facebook-outlined" | "file-copy-filled" | "file-copy-outlined" | "filter-alt-filled" | "filter-alt-outlined" | "filter-list" | "fingerprint" | "flag-filled" | "flag-outlined" | "flag-tour-filled" | "flag-tour-outlined" | "flower-filled" | "flower-outlined" | "folder-filled" | "folder-list-filled" | "folder-list-outlined" | "folder-open" | "folder-outlined" | "fruit-apple-filled" | "fruit-apple-outlined" | "fullscreen-filled" | "fullscreen-outlined" | "google" | "google-play" | "headphones-filled" | "headphones-outlined" | "heart-filled" | "heart-outlined" | "help-filled" | "help-outlined" | "history" | "home-filled" | "home-outlined" | "image-filled" | "image-outlined" | "info-circle-filled" | "info-circle-outlined" | "instagram" | "instagram-outlined" | "label-filled" | "label-important-filled" | "label-important-outlined" | "label-outlined" | "language" | "lightbulb-filled" | "lightbulb-outlined" | "link" | "linkedin-filled" | "linkedin-outlined" | "loader" | "loading" | "lock-filled" | "lock-open-filled" | "lock-open-outlined" | "lock-outlined" | "login" | "logout" | "mail-filled" | "mail-open-filled" | "mail-open-outlined" | "mail-outlined" | "menu" | "menu-large" | "microphone-filled" | "microphone-outlined" | "minus" | "money-filled" | "money-outlined" | "mood-bad" | "mood-bad-outlined" | "mood-filled" | "mood-outlined" | "more-horiz" | "more-vert" | "music-note-filled" | "music-note-outlined" | "notification-filled" | "notification-outlined" | "open-in-new" | "package" | "package-outlined" | "pause-filled" | "pause-outlined" | "pets-filled" | "pets-outlined" | "phone-call-filled" | "phone-filled" | "phone-outlined" | "pin-filled" | "pin-outlined" | "play-arrow-filled" | "play-arrow-outlined" | "play-circle-filled" | "play-circle-outlined" | "plus" | "power-settings-new" | "printer-filled" | "printer-outlined" | "push-pin-filled" | "push-pin-outlined" | "receipt-filled" | "receipt-outlined" | "recycle" | "redeem" | "redo" | "refresh" | "refresh-alt" | "remove" | "remove-circle-filled" | "remove-circle-outlined" | "repeat" | "reply" | "save-alt" | "screen-outlined" | "search" | "send-filled" | "send-outlined" | "sentiment-dissatisfied-filled" | "sentiment-dissatisfied-outlined" | "sentiment-neutral-filled" | "sentiment-neutral-outlined" | "sentiment-satisfied-filled" | "sentiment-satisfied-outlined" | "sentiment-very-dissatisfied-filled" | "sentiment-very-dissatisfied-outlined" | "sentiment-very-satisfied-filled" | "sentiment-very-satisfied-outlined" | "settings-filled" | "settings-outlined" | "share-filled" | "share-outlined" | "shopping-bag-filled" | "shopping-bag-outlined" | "shopping-cart-add" | "shopping-cart-filled" | "shopping-cart-outlined" | "sprout" | "sprout-outline-outlined" | "star-filled" | "star-outlined" | "stay-primary-portrait" | "storefront" | "tag-filled" | "tag-outlined" | "textsms-filled" | "textsms-outlined" | "thumb-down-filled" | "thumb-down-outlined" | "thumb-up-filled" | "thumb-up-outlined" | "tiktok" | "toc" | "trash-filled" | "trash-outlined" | "truck-filled" | "truck-outlined" | "tune" | "twitter" | "undo" | "upload-filled" | "upload-outlined" | "user-circle-filled" | "user-circle-outlined" | "user-filled" | "user-outlined" | "user-square-filled" | "user-square-outlined" | "users-filled" | "users-outlined" | "view-grid-filled" | "view-grid-outlined" | "view-list-filled" | "view-list-outlined" | "warning-bubble-filled" | "warning-bubble-outlined" | "warning-filled" | "warning-outlined" | "whatsapp-filled" | "whatsapp-outlined" | "work-filled" | "work-outlined" | "wysiwyg-filled" | "youtube-filled" | "youtube-outlined" | "zoom-in" | "zoom-out";
+type IconName = "add-circle-filled" | "add-circle-outlined" | "alarm-filled" | "alarm-outlined" | "alternate-email" | "archive-all-filled" | "archive-all-outlined" | "archive-filled" | "archive-in-filled" | "archive-in-outlined" | "archive-outlined" | "arrow-alt-down" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-circle-down-filled" | "arrow-circle-down-outlined" | "arrow-circle-up-filled" | "arrow-circle-up-outlined" | "arrow-circled-down-circle-outlined" | "arrow-circled-down-filled" | "arrow-circled-up-circle-outlined" | "arrow-direction-down-up" | "arrow-direction-left-right" | "arrow-direction-right-left" | "arrow-direction-up-down" | "arrow-directions" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-first-page" | "arrow-last-page" | "arrow-left" | "arrow-line-down" | "arrow-line-left" | "arrow-line-long-down" | "arrow-line-long-left" | "arrow-line-long-right" | "arrow-line-long-up" | "arrow-line-right" | "arrow-line-up" | "arrow-right" | "arrow-subdirectory-left" | "arrow-subdirectory-right" | "arrow-trending-down" | "arrow-trending-up" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attachment" | "backspace" | "backspace-outlined" | "barley" | "barley-off" | "bolt-circle-filled" | "bolt-circle-outlined" | "bookmark-filled" | "bookmark-outlined" | "calendar-date-range-filled" | "calendar-date-range-outlined" | "calendar-event-filled" | "calendar-event-outlined" | "calendar-filled" | "calendar-outlined" | "camera-filled" | "camera-outlined" | "camera-shutter-filled" | "camera-shutter-outlined" | "cancel-circle-filled" | "cancel-circle-outlined" | "car-filled" | "car-outlined" | "chart-bars-filled" | "chart-bars-outlined" | "chat-bubble-filled" | "chat-bubble-outlined" | "chat-message-filled" | "chat-message-outlined" | "check" | "check-circle-filled" | "check-circle-outlined" | "check-small" | "chevron-big-down" | "chevron-big-left" | "chevron-big-right" | "chevron-big-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock-filled" | "clock-outlined" | "close" | "cloud-filled" | "cloud-outlined" | "contact-support-filled" | "contact-support-outlined" | "content-copy-filled" | "content-copy-outlined" | "content-paste-filled" | "content-paste-outlined" | "conversation-filled" | "conversation-outlined" | "copyright-filled" | "copyright-outlined" | "credit-card-filled" | "credit-card-outlined" | "danger-filled" | "danger-outlined" | "dashboard-filled" | "dashboard-outlined" | "document-filled" | "document-outlined" | "document-text-filled" | "document-text-outlined" | "download-filled" | "download-outlined" | "eco-filled" | "eco-outlined" | "edit-filled" | "edit-outlined" | "euro-symbol" | "exit-fullscreen" | "eye-filled" | "eye-off-filled" | "eye-off-outlined" | "eye-outlined" | "facebook-filled" | "facebook-outlined" | "file-copy-filled" | "file-copy-outlined" | "filter-alt-filled" | "filter-alt-outlined" | "filter-list" | "fingerprint" | "flag-filled" | "flag-outlined" | "flag-tour-filled" | "flag-tour-outlined" | "flower-filled" | "flower-outlined" | "folder-filled" | "folder-list-filled" | "folder-list-outlined" | "folder-open" | "folder-outlined" | "fruit-apple-filled" | "fruit-apple-outlined" | "fullscreen-filled" | "fullscreen-outlined" | "google" | "google-play" | "headphones-filled" | "headphones-outlined" | "heart-filled" | "heart-outlined" | "help-filled" | "help-outlined" | "history" | "home-filled" | "home-outlined" | "image-filled" | "image-outlined" | "info-circle-filled" | "info-circle-outlined" | "instagram" | "instagram-outlined" | "label-filled" | "label-important-filled" | "label-important-outlined" | "label-outlined" | "language" | "lightbulb-filled" | "lightbulb-outlined" | "link" | "linkedin-filled" | "linkedin-outlined" | "loader" | "loading" | "lock-filled" | "lock-open-filled" | "lock-open-outlined" | "lock-outlined" | "login" | "logout" | "mail-filled" | "mail-open-filled" | "mail-open-outlined" | "mail-outlined" | "menu" | "menu-large" | "microphone-filled" | "microphone-outlined" | "minus" | "money-filled" | "money-outlined" | "mood-bad" | "mood-bad-outlined" | "mood-filled" | "mood-outlined" | "more-horiz" | "more-vert" | "music-note-filled" | "music-note-outlined" | "notification-filled" | "notification-outlined" | "open-in-new" | "package" | "package-outlined" | "pause-filled" | "pause-outlined" | "pets-filled" | "pets-outlined" | "phone-call-filled" | "phone-call-outlined" | "phone-filled" | "phone-outlined" | "pin-filled" | "pin-outlined" | "play-arrow-filled" | "play-arrow-outlined" | "play-circle-filled" | "play-circle-outlined" | "plus" | "power-settings-new" | "printer-filled" | "printer-outlined" | "push-pin-filled" | "push-pin-outlined" | "receipt-filled" | "receipt-outlined" | "recycle" | "redeem" | "redo" | "refresh" | "refresh-alt" | "remove" | "remove-circle-filled" | "remove-circle-outlined" | "repeat" | "reply" | "save-alt" | "screen-outlined" | "search" | "send-filled" | "send-outlined" | "sentiment-dissatisfied-filled" | "sentiment-dissatisfied-outlined" | "sentiment-neutral-filled" | "sentiment-neutral-outlined" | "sentiment-satisfied-filled" | "sentiment-satisfied-outlined" | "sentiment-very-dissatisfied-filled" | "sentiment-very-dissatisfied-outlined" | "sentiment-very-satisfied-filled" | "sentiment-very-satisfied-outlined" | "settings-filled" | "settings-outlined" | "share-filled" | "share-outlined" | "shopping-bag-filled" | "shopping-bag-outlined" | "shopping-cart-add" | "shopping-cart-filled" | "shopping-cart-outlined" | "sprout" | "sprout-outline-outlined" | "star-filled" | "star-outlined" | "stay-primary-portrait" | "storefront" | "tag-filled" | "tag-outlined" | "textsms-filled" | "textsms-outlined" | "thumb-down-filled" | "thumb-down-outlined" | "thumb-up-filled" | "thumb-up-outlined" | "tiktok" | "toc" | "trash-filled" | "trash-outlined" | "truck-filled" | "truck-outlined" | "tune" | "twitter" | "undo" | "upload-filled" | "upload-outlined" | "user-circle-filled" | "user-circle-outlined" | "user-filled" | "user-outlined" | "user-square-filled" | "user-square-outlined" | "users-filled" | "users-outlined" | "view-grid-filled" | "view-grid-outlined" | "view-list-filled" | "view-list-outlined" | "warning-bubble-filled" | "warning-bubble-outlined" | "warning-filled" | "warning-outlined" | "whatsapp-filled" | "whatsapp-outlined" | "work-filled" | "work-outlined" | "wysiwyg-filled" | "youtube-filled" | "youtube-outlined" | "zoom-in" | "zoom-out";
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -18450,14 +18422,20 @@ declare global {
  *
  See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/exhibition/label) for more details.
  */
-type LabelManifestProperties = LabelProps;
+type LabelManifestProperties = {
+    /**
+     * The for attribute specifies which form element a label is bound to.
+     */
+    for?: string;
+};
 type LabelProperties = WebComponentProperties<LabelManifestProperties>;
 
 declare class RaruiLabel extends LitElement {
-    htmlFor: LabelProperties["html-for"];
+    for: LabelProperties["for"];
     hidden: boolean;
     static styles: CSSResult;
     render(): TemplateResult<1>;
+    private _handleClick;
 }
 
 declare global {
@@ -18476,12 +18454,13 @@ type StepperStepManifestProperties = StepperStepProps;
 type StepperStepProperties = WebComponentProperties<StepperStepManifestProperties>;
 
 declare class RaruiStepperStep extends LitElement {
-    description: StepperStepProperties["description"];
-    active: StepperStepProperties["active"];
-    done: StepperStepProperties["done"];
+    description?: StepperStepProperties["description"];
+    active?: StepperStepProperties["active"];
+    done?: StepperStepProperties["done"];
     private direction;
     static styles: CSSResult;
     connectedCallback(): void;
+    private getStepAriaLabel;
     render(): TemplateResult<1>;
 }
 
@@ -18521,17 +18500,24 @@ declare global {
  *
  See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/exhibition/typography) for more details.
  */
-type TextManifestProperties = TextProps;
-type TextProperties = WebComponentProperties<TextManifestProperties, "as">;
+type TextManifestProperties = TextProps & {
+    /**
+     * Changes the rendered element for semantic HTML.
+     * @default p
+     */
+    as?: "p" | "span" | "div" | "small" | "strong" | "em";
+};
+type TextProperties = WebComponentProperties<TextManifestProperties>;
 
 declare class RaruiText extends LitElement {
     sprinkleAttrs: Record<string, string>;
+    as: TextProperties["as"];
     "line-clamp"?: TextProperties["line-clamp"];
     "color"?: TextProperties["color"];
     "font-weight"?: TextProperties["font-weight"];
     "text-align"?: TextProperties["text-align"];
     static styles: CSSResult;
-    render(): TemplateResult<1>;
+    render(): TemplateResult;
 }
 
 declare global {
@@ -18546,16 +18532,22 @@ declare global {
  *
  See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/exhibition/typography) for more details.
  */
-type TitleManifestProperties = TitleProps;
+type TitleManifestProperties = TitleProps & {
+    /**
+     * Changes the rendered heading element for semantic hierarchy.
+     * @default h1
+     */
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+};
 type TitleProperties = WebComponentProperties<TitleManifestProperties>;
 
 declare class RaruiTitle extends LitElement {
     sprinkleAttrs: Record<string, string>;
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    as: TitleProperties["as"];
     "font-weight"?: TitleProperties["font-weight"];
     "text-align"?: TitleProperties["text-align"];
     static styles: CSSResult;
-    render(): TemplateResult<1>;
+    render(): TemplateResult;
 }
 
 declare type AlignedPlacement = `${Side}-${Alignment}`;
@@ -18726,6 +18718,18 @@ type ButtonManifestProperties = ButtonProps & {
      * @default button
      */
     type?: "button" | "submit" | "reset";
+    /**
+     * The name of the button for form submission.
+     */
+    name?: string;
+    /**
+     * The value of the button for form submission.
+     */
+    value?: string;
+    /**
+     * Associates the button with a form element by ID.
+     */
+    form?: string;
 };
 type ButtonProperties = WebComponentProperties<ButtonManifestProperties>;
 
@@ -18736,8 +18740,12 @@ declare class RaruiButton extends LitElement {
     appearance: ButtonProperties["appearance"];
     disabled: ButtonProperties["disabled"];
     full: ButtonProperties["full"];
+    name: ButtonProperties["name"];
+    value: ButtonProperties["value"];
+    form: ButtonProperties["form"];
     static styles: CSSResult;
     render(): TemplateResult<1>;
+    private _handleClick;
 }
 
 declare global {
@@ -18774,6 +18782,23 @@ type CheckboxManifestProperties = CheckboxProps & {
      * @default false
      */
     readonly?: boolean;
+    /**
+     * The name of the checkbox for form submission.
+     */
+    name?: string;
+    /**
+     * The value of the checkbox when checked for form submission.
+     */
+    value?: string;
+    /**
+     * Associates the checkbox with a form element by ID.
+     */
+    form?: string;
+    /**
+     * Indicates whether the checkbox is required for form validation.
+     * @default false
+     */
+    required?: boolean;
 };
 type CheckboxProperties = WebComponentProperties<CheckboxManifestProperties>;
 
@@ -18784,15 +18809,29 @@ declare class RaruiCheckbox extends LitElement {
     indeterminate: CheckboxProperties["indeterminate"];
     disabled: boolean;
     checked: boolean;
-    private _hasCheckedAttribute;
     readonly: boolean;
+    required: boolean;
+    name?: CheckboxProperties["name"];
+    value?: CheckboxProperties["value"];
+    form?: CheckboxProperties["form"];
+    private _hasCheckedAttribute;
+    private _internals;
     private input;
+    static formAssociated: boolean;
+    constructor();
     static styles: CSSResult;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     updated(changedProperties: Map<string, any>): void;
     render(): TemplateResult<1>;
     private _onChange;
+    private _updateFormValue;
+    focus(): void;
+    blur(): void;
+    private _handleLabelClick;
+    formResetCallback(): void;
+    private getAriaCheckedValue;
 }
 
 declare global {
@@ -18813,6 +18852,36 @@ type ChipManifestProperties = ChipProps & {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Defines the native button type.
+     * @default button
+     */
+    type?: "button" | "submit" | "reset";
+    /**
+     * The name of the chip for form submission.
+     */
+    name?: string;
+    /**
+     * The value of the chip for form submission.
+     */
+    value?: string;
+    /**
+     * Associates the chip with a form element by ID.
+     */
+    form?: string;
+    /**
+     * @events
+     * rarui-chip-click: Fired when the chip is clicked (only when not closeable)
+     * rarui-chip-close: Fired when the close button is clicked (only when closeable is true)
+     */
+    _events?: {
+        "rarui-chip-click": {
+            detail: MouseEvent;
+        };
+        "rarui-chip-close": {
+            detail: MouseEvent | KeyboardEvent;
+        };
+    };
 };
 type ChipProperties = WebComponentProperties<ChipManifestProperties>;
 
@@ -18826,9 +18895,14 @@ declare class RaruiChip extends LitElement {
     textOverflow?: ChipProperties["text-overflow"];
     selected?: ChipProperties["selected"];
     disabled?: ChipProperties["disabled"];
+    type: ChipProperties["type"];
+    name?: ChipProperties["name"];
+    value?: ChipProperties["value"];
+    form?: ChipProperties["form"];
     static styles: CSSResult;
     private handleClick;
     private handleCloseClick;
+    private handleCloseKeydown;
     render(): TemplateResult<1>;
 }
 
@@ -18909,6 +18983,7 @@ declare class RaruiDropdown extends LitElement {
     private handleKeyDown;
     private closeDropdown;
     private handleClick;
+    private handleReferenceKeydown;
     updatePosition(): Promise<void>;
     private getMiddleware;
     computePosition(): Promise<void>;
@@ -18927,14 +19002,39 @@ declare global {
  *
  See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/surface/dropdown) for more details.
  */
-type DropdownItemManifestProperties = DropdownItemProps;
+type DropdownItemManifestProperties = DropdownItemProps & {
+    /**
+     * Disables the dropdown item, disallowing user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The value associated with this dropdown item for form submission or identification.
+     */
+    value?: string;
+    /**
+     * Defines the native button type.
+     * @default button
+     */
+    type?: "button" | "submit" | "reset";
+    /**
+     * ARIA role for the dropdown item.
+     * @default menuitem
+     */
+    role?: string;
+};
 type DropdownItemProperties = WebComponentProperties<DropdownItemManifestProperties>;
 
 declare class RaruiDropdownItem extends LitElement {
     name: DropdownItemProperties["name"];
     selected: DropdownItemProperties["selected"];
+    disabled: DropdownItemProperties["disabled"];
+    value: DropdownItemProperties["value"];
+    type: DropdownItemProperties["type"];
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     static styles: CSSResult;
+    private handleClick;
+    private handleKeydown;
     render(): TemplateResult<1>;
 }
 
@@ -18950,7 +19050,25 @@ declare global {
  *
  See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/input/button) for more details.
  */
-type IconButtonManifestProperties = IconButtonProps;
+type IconButtonManifestProperties = IconButtonProps & {
+    /**
+     * Defines the native button type.
+     * @default button
+     */
+    type?: "button" | "submit" | "reset";
+    /**
+     * The name of the button for form submission.
+     */
+    name?: string;
+    /**
+     * The value of the button for form submission.
+     */
+    value?: string;
+    /**
+     * Associates the button with a form element by ID.
+     */
+    form?: string;
+};
 type IconButtonProperties = WebComponentProperties<IconButtonManifestProperties>;
 
 declare class RaruiIconButton extends LitElement {
@@ -18959,7 +19077,12 @@ declare class RaruiIconButton extends LitElement {
     appearance: IconButtonProperties["appearance"];
     disabled: IconButtonProperties["disabled"];
     rounded: IconButtonProperties["rounded"];
+    type: IconButtonProperties["type"];
+    name: IconButtonProperties["name"];
+    value: IconButtonProperties["value"];
+    form: IconButtonProperties["form"];
     static styles: CSSResult;
+    private handleClick;
     render(): TemplateResult<1>;
 }
 
@@ -18989,6 +19112,45 @@ type InputManifestProperties = InputProps & {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * The type of input element.
+     * @default text
+     */
+    type?: "text" | "email" | "password" | "tel" | "url" | "number" | "search" | "date" | "datetime-local" | "month" | "week" | "time" | "color" | "range" | "file" | "hidden";
+    /**
+     * The name of the input for form submission.
+     */
+    name: string;
+    /**
+     * The id of the input for form submission.
+     */
+    id: string;
+    /**
+     * Associates the input with a form element by ID.
+     */
+    form?: string;
+    /**
+     * Whether the input is required.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Whether the input is readonly.
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Minimum length of the input value.
+     */
+    minlength?: number;
+    /**
+     * Maximum length of the input value.
+     */
+    maxlength?: number;
+    /**
+     * Regular expression pattern for input validation.
+     */
+    pattern?: string;
 };
 type InputProperties = WebComponentProperties<InputManifestProperties>;
 
@@ -19000,13 +19162,27 @@ declare class RaruiInput extends LitElement {
     disabled: InputProperties["disabled"];
     value: string;
     placeholder?: string;
+    type: InputProperties["type"];
+    name: InputProperties["name"];
+    form: InputProperties["form"];
+    required: InputProperties["required"];
+    readonly: InputProperties["readonly"];
+    minlength: InputProperties["minlength"];
+    maxlength: InputProperties["maxlength"];
+    pattern: InputProperties["pattern"];
+    private _internals;
+    static formAssociated: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     static styles: CSSResult;
     render(): TemplateResult<1>;
     private _focusInput;
     private _onInput;
-    private _onChange;
-    private _onFocus;
-    private _onBlur;
+    focus(): void;
+    blur(): void;
+    private _handleLabelClick;
+    formResetCallback(): void;
 }
 
 declare global {
@@ -19032,6 +19208,24 @@ type RadioButtonManifestProperties = RadioButtonProps & {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * The value of the radio button for form submission.
+     */
+    value?: string;
+    /**
+     * Associates the radio button with a form element by ID.
+     */
+    form?: string;
+    /**
+     * Whether the radio button is required.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Whether the radio button is readonly.
+     * @default false
+     */
+    readonly?: boolean;
 };
 type RadioButtonProperties = WebComponentProperties<RadioButtonManifestProperties>;
 
@@ -19043,6 +19237,10 @@ declare class RaruiRadioButton extends LitElement {
     size?: RadioButtonProperties["size"];
     error?: RadioButtonProperties["error"];
     selected?: RadioButtonProperties["selected"];
+    value: RadioButtonProperties["value"];
+    form: RadioButtonProperties["form"];
+    required: RadioButtonProperties["required"];
+    readonly: RadioButtonProperties["readonly"];
     static styles: CSSResult;
     render(): TemplateResult<1>;
     private _onChange;
@@ -19060,7 +19258,7 @@ declare global {
     }
 }
 /**
- * ## Rarui Radio Button
+ * ## Rarui Textarea
  * ---
  * Expanded text area for long text entries. Allows you to enter large blocks of text, such as comments or detailed descriptions.
  *
@@ -19072,17 +19270,63 @@ type TextareaManifestProperties = TextareaProps & {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * The name of the textarea for form submission.
+     */
+    name?: string;
+    /**
+     * Associates the textarea with a form element by ID.
+     */
+    form?: string;
+    /**
+     * Whether the textarea is required for form validation.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Whether the textarea is readonly.
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Placeholder text to display when the textarea is empty.
+     */
+    placeholder?: string;
+    /**
+     * Minimum number of characters required.
+     */
+    minlength?: number;
+    /**
+     * Maximum number of characters allowed.
+     */
+    maxlength?: number;
 };
 type TextareaProperties = WebComponentProperties<TextareaManifestProperties>;
 
 declare class RaruiTextarea extends LitElement {
     disabled: boolean;
-    value?: string;
+    value: string;
+    private _internals;
+    static formAssociated: boolean;
+    constructor();
     appearance?: TextareaProperties["appearance"];
     lines?: TextareaProperties["lines"];
+    name: TextareaProperties["name"];
+    form: TextareaProperties["form"];
+    required: TextareaProperties["required"];
+    readonly: TextareaProperties["readonly"];
+    placeholder: TextareaProperties["placeholder"];
+    minlength: TextareaProperties["minlength"];
+    maxlength: TextareaProperties["maxlength"];
     static styles: CSSResult;
     render(): TemplateResult<1>;
-    private _onChange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onInput;
+    focus(): void;
+    blur(): void;
+    private _handleLabelClick;
+    formResetCallback(): void;
 }
 
 declare global {
@@ -19109,6 +19353,19 @@ type ToggleManifestProperties = ToggleProps & {
      * The name will be used as Fallback to `id`.
      */
     id?: string;
+    /**
+     * The value of the toggle for form submission.
+     */
+    value?: string;
+    /**
+     * Associates the toggle with a form element by ID.
+     */
+    form?: string;
+    /**
+     * Whether the toggle is required for form validation.
+     * @default false
+     */
+    required?: boolean;
 };
 type ToggleProperties = WebComponentProperties<ToggleManifestProperties>;
 
@@ -19119,8 +19376,10 @@ declare class RaruiToggle extends LitElement {
     error: ToggleProperties["error"];
     selected?: ToggleProperties["selected"];
     disabled?: ToggleProperties["disabled"];
+    value: ToggleProperties["value"];
+    form: ToggleProperties["form"];
+    required: ToggleProperties["required"];
     static styles: CSSResult;
-    private handleChange;
     render(): TemplateResult<1>;
 }
 
@@ -19280,6 +19539,31 @@ type LinkManifestProperties = LinkProps & {
      * ** IMPORTANT: ** should only be used when `as="a"`.
      */
     href?: string;
+    /**
+     * Defines the target attribute for links.
+     * @default "_blank" for external links, undefined for internal
+     */
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    /**
+     * Defines the rel attribute for links.
+     * @default "noopener noreferrer" for external links with target="_blank"
+     */
+    rel?: string;
+    /**
+     * The name of the button for form submission.
+     * ** IMPORTANT: ** should only be used when `as="button"`.
+     */
+    name?: string;
+    /**
+     * The value of the button for form submission.
+     * ** IMPORTANT: ** should only be used when `as="button"`.
+     */
+    value?: string;
+    /**
+     * Associates the button with a form element by ID.
+     * ** IMPORTANT: ** should only be used when `as="button"`.
+     */
+    form?: string;
 };
 type LinkProperties = WebComponentProperties<LinkManifestProperties>;
 
@@ -19290,7 +19574,13 @@ declare class RaruiLink extends LitElement {
     size?: LinkProperties["size"];
     href?: LinkProperties["href"];
     disabled: LinkProperties["disabled"];
+    target?: LinkProperties["target"];
+    rel?: LinkProperties["rel"];
+    name?: LinkProperties["name"];
+    value?: LinkProperties["value"];
+    form?: LinkProperties["form"];
     static styles: CSSResult;
+    private _onClick;
     render(): TemplateResult<1>;
 }
 
@@ -19371,6 +19661,7 @@ declare class RaruiSideNavigation extends LitElement {
     private _renderLeadingEnd;
     private _renderContent;
     render(): TemplateResult<1>;
+    private getAriaExpanded;
 }
 
 declare global {