[all components] Export CssVars and DataAttributes

docs/scripts/generateLlmTxt/__snapshots__/mdxToMarkdown.test.mjs.snap

@@ -907,6 +907,54 @@ type AccordionPanelState = {
 
 ## Additional Types
 
+### AccordionHeaderDataAttributes
+
+| Member   | Value           | Description                                  |
+| :------- | :-------------- | :------------------------------------------- |
+| index    | \`data-index\`    | Indicates the index of the accordion item.   |
+| disabled | \`data-disabled\` | Present when the accordion item is disabled. |
+| open     | \`data-open\`     | Present when the accordion item is open.     |
+
+### AccordionItemDataAttributes
+
+| Member   | Value           | Description                                  |
+| :------- | :-------------- | :------------------------------------------- |
+| index    | \`data-index\`    | Indicates the index of the accordion item.   |
+| disabled | \`data-disabled\` | Present when the accordion item is disabled. |
+| open     | \`data-open\`     | Present when the accordion item is open.     |
+
+### AccordionPanelCssVars
+
+| Member               | Value                      | Description                   |
+| :------------------- | :------------------------- | :---------------------------- |
+| accordionPanelHeight | \`--accordion-panel-height\` | The accordion panel's height. |
+| accordionPanelWidth  | \`--accordion-panel-width\`  | The accordion panel's width.  |
+
+### AccordionPanelDataAttributes
+
+| Member        | Value                 | Description                                  |
+| :------------ | :-------------------- | :------------------------------------------- |
+| index         | \`data-index\`          | Indicates the index of the accordion item.   |
+| open          | \`data-open\`           | Present when the accordion panel is open.    |
+| orientation   | \`data-orientation\`    | Indicates the orientation of the accordion.  |
+| disabled      | \`data-disabled\`       | Present when the accordion item is disabled. |
+| startingStyle | \`data-starting-style\` | Present when the panel begins animating in.  |
+| endingStyle   | \`data-ending-style\`   | Present when the panel is animating out.     |
+
+### AccordionRootDataAttributes
+
+| Member      | Value              | Description                                 |
+| :---------- | :----------------- | :------------------------------------------ |
+| disabled    | \`data-disabled\`    | Present when the accordion is disabled.     |
+| orientation | \`data-orientation\` | Indicates the orientation of the accordion. |
+
+### AccordionTriggerDataAttributes
+
+| Member    | Value             | Description                                  |
+| :-------- | :---------------- | :------------------------------------------- |
+| panelOpen | \`data-panel-open\` | Present when the accordion panel is open.    |
+| disabled  | \`data-disabled\`   | Present when the accordion item is disabled. |
+
 ### AccordionValue
 
 \`\`\`typescript
@@ -928,7 +976,7 @@ type Orientation = 'horizontal' | 'vertical';
 - \`Accordion.Header\`: \`Accordion.Header\`, \`Accordion.Header.State\`, \`Accordion.Header.Props\`
 - \`Accordion.Trigger\`: \`Accordion.Trigger\`, \`Accordion.Trigger.State\`, \`Accordion.Trigger.Props\`
 - \`Accordion.Panel\`: \`Accordion.Panel\`, \`Accordion.Panel.State\`, \`Accordion.Panel.Props\`
-- \`Default\`: \`AccordionValue\`, \`AccordionRootState\`, \`AccordionRootProps\`, \`AccordionRootChangeEventReason\`, \`AccordionRootChangeEventDetails\`, \`AccordionItemState\`, \`AccordionItemProps\`, \`AccordionItemChangeEventReason\`, \`AccordionItemChangeEventDetails\`, \`AccordionHeaderState\`, \`AccordionHeaderProps\`, \`AccordionTriggerState\`, \`AccordionTriggerProps\`, \`AccordionPanelState\`, \`AccordionPanelProps\`
+- \`Default\`: \`AccordionPanelCssVars\`, \`AccordionHeaderDataAttributes\`, \`AccordionItemDataAttributes\`, \`AccordionPanelDataAttributes\`, \`AccordionRootDataAttributes\`, \`AccordionTriggerDataAttributes\`, \`AccordionValue\`, \`AccordionRootState\`, \`AccordionRootProps\`, \`AccordionRootChangeEventReason\`, \`AccordionRootChangeEventDetails\`, \`AccordionItemState\`, \`AccordionItemProps\`, \`AccordionItemChangeEventReason\`, \`AccordionItemChangeEventDetails\`, \`AccordionHeaderState\`, \`AccordionHeaderProps\`, \`AccordionTriggerState\`, \`AccordionTriggerProps\`, \`AccordionPanelState\`, \`AccordionPanelProps\`
 
 ## Canonical Types
 

docs/src/app/(docs)/react/components/accordion/types.md

@@ -352,6 +352,54 @@ type AccordionPanelState = {
 
 ## Additional Types
 
+### AccordionHeaderDataAttributes
+
+| Member   | Value           | Description                                  |
+| :------- | :-------------- | :------------------------------------------- |
+| index    | `data-index`    | Indicates the index of the accordion item.   |
+| disabled | `data-disabled` | Present when the accordion item is disabled. |
+| open     | `data-open`     | Present when the accordion item is open.     |
+
+### AccordionItemDataAttributes
+
+| Member   | Value           | Description                                  |
+| :------- | :-------------- | :------------------------------------------- |
+| index    | `data-index`    | Indicates the index of the accordion item.   |
+| disabled | `data-disabled` | Present when the accordion item is disabled. |
+| open     | `data-open`     | Present when the accordion item is open.     |
+
+### AccordionPanelCssVars
+
+| Member               | Value                      | Description                   |
+| :------------------- | :------------------------- | :---------------------------- |
+| accordionPanelHeight | `--accordion-panel-height` | The accordion panel's height. |
+| accordionPanelWidth  | `--accordion-panel-width`  | The accordion panel's width.  |
+
+### AccordionPanelDataAttributes
+
+| Member        | Value                 | Description                                  |
+| :------------ | :-------------------- | :------------------------------------------- |
+| index         | `data-index`          | Indicates the index of the accordion item.   |
+| open          | `data-open`           | Present when the accordion panel is open.    |
+| orientation   | `data-orientation`    | Indicates the orientation of the accordion.  |
+| disabled      | `data-disabled`       | Present when the accordion item is disabled. |
+| startingStyle | `data-starting-style` | Present when the panel begins animating in.  |
+| endingStyle   | `data-ending-style`   | Present when the panel is animating out.     |
+
+### AccordionRootDataAttributes
+
+| Member      | Value              | Description                                 |
+| :---------- | :----------------- | :------------------------------------------ |
+| disabled    | `data-disabled`    | Present when the accordion is disabled.     |
+| orientation | `data-orientation` | Indicates the orientation of the accordion. |
+
+### AccordionTriggerDataAttributes
+
+| Member    | Value             | Description                                  |
+| :-------- | :---------------- | :------------------------------------------- |
+| panelOpen | `data-panel-open` | Present when the accordion panel is open.    |
+| disabled  | `data-disabled`   | Present when the accordion item is disabled. |
+
 ### AccordionValue
 
 ```typescript
@@ -373,7 +421,7 @@ type Orientation = 'horizontal' | 'vertical';
 - `Accordion.Header`: `Accordion.Header`, `Accordion.Header.State`, `Accordion.Header.Props`
 - `Accordion.Trigger`: `Accordion.Trigger`, `Accordion.Trigger.State`, `Accordion.Trigger.Props`
 - `Accordion.Panel`: `Accordion.Panel`, `Accordion.Panel.State`, `Accordion.Panel.Props`
-- `Default`: `AccordionValue`, `AccordionRootState`, `AccordionRootProps`, `AccordionRootChangeEventReason`, `AccordionRootChangeEventDetails`, `AccordionItemState`, `AccordionItemProps`, `AccordionItemChangeEventReason`, `AccordionItemChangeEventDetails`, `AccordionHeaderState`, `AccordionHeaderProps`, `AccordionTriggerState`, `AccordionTriggerProps`, `AccordionPanelState`, `AccordionPanelProps`
+- `Default`: `AccordionPanelCssVars`, `AccordionHeaderDataAttributes`, `AccordionItemDataAttributes`, `AccordionPanelDataAttributes`, `AccordionRootDataAttributes`, `AccordionTriggerDataAttributes`, `AccordionValue`, `AccordionRootState`, `AccordionRootProps`, `AccordionRootChangeEventReason`, `AccordionRootChangeEventDetails`, `AccordionItemState`, `AccordionItemProps`, `AccordionItemChangeEventReason`, `AccordionItemChangeEventDetails`, `AccordionHeaderState`, `AccordionHeaderProps`, `AccordionTriggerState`, `AccordionTriggerProps`, `AccordionPanelState`, `AccordionPanelProps`
 
 ## Canonical Types
 

docs/src/app/(docs)/react/components/alert-dialog/types.md

@@ -405,6 +405,15 @@ Closes the dialog.
 
 This method should only be called in an event handler or an effect (not during rendering).
 
+## Additional Types
+
+### AlertDialogTriggerDataAttributes
+
+| Member    | Value             | Description                                          |
+| :-------- | :---------------- | :--------------------------------------------------- |
+| disabled  | `data-disabled`   | Present when the trigger is disabled.                |
+| popupOpen | `data-popup-open` | Present when the corresponding alert dialog is open. |
+
 ## External Types
 
 ### PayloadChildRenderFunction
@@ -438,7 +447,7 @@ type InteractionType = 'mouse' | 'touch' | 'pen' | 'keyboard' | '';
 - `AlertDialog.Viewport`: `AlertDialog.Viewport`, `AlertDialog.Viewport.State`, `AlertDialog.Viewport.Props`
 - `AlertDialog.Handle`
 - `AlertDialog.createHandle`
-- `Default`: `AlertDialogBackdropProps`, `AlertDialogBackdropState`, `AlertDialogCloseProps`, `AlertDialogCloseState`, `AlertDialogDescriptionProps`, `AlertDialogDescriptionState`, `AlertDialogPopupProps`, `AlertDialogPopupState`, `AlertDialogPortalProps`, `AlertDialogPortalState`, `AlertDialogTitleProps`, `AlertDialogTitleState`, `AlertDialogViewportProps`, `AlertDialogViewportState`, `AlertDialogRootState`, `AlertDialogRootProps`, `AlertDialogRootActions`, `AlertDialogRootChangeEventReason`, `AlertDialogRootChangeEventDetails`, `AlertDialogTriggerProps`, `AlertDialogTriggerState`
+- `Default`: `AlertDialogBackdropProps`, `AlertDialogBackdropState`, `AlertDialogCloseProps`, `AlertDialogCloseState`, `AlertDialogDescriptionProps`, `AlertDialogDescriptionState`, `AlertDialogPopupProps`, `AlertDialogPopupState`, `AlertDialogPortalProps`, `AlertDialogPortalState`, `AlertDialogTitleProps`, `AlertDialogTitleState`, `AlertDialogViewportProps`, `AlertDialogViewportState`, `AlertDialogTriggerDataAttributes`, `AlertDialogRootState`, `AlertDialogRootProps`, `AlertDialogRootActions`, `AlertDialogRootChangeEventReason`, `AlertDialogRootChangeEventDetails`, `AlertDialogTriggerProps`, `AlertDialogTriggerState`
 
 ## Canonical Types
 

docs/src/app/(docs)/react/components/autocomplete/types.md

@@ -973,6 +973,48 @@ type AutocompleteFilterOptions = {
 };
 ```
 
+### AutocompleteInputGroupDataAttributes
+
+| Member    | Value             | Description                                                                        |
+| :-------- | :---------------- | :--------------------------------------------------------------------------------- |
+| popupOpen | `data-popup-open` | Present when the corresponding popup is open.                                      |
+| pressed   | `data-pressed`    | Present when the input group is pressed.                                           |
+| disabled  | `data-disabled`   | Present when the component is disabled.                                            |
+| readonly  | `data-readonly`   | Present when the component is readonly.                                            |
+| popupSide | `data-popup-side` | Indicates which side the corresponding popup is positioned relative to its anchor. |
+| valid     | `data-valid`      | Present when the component is in a valid state (when wrapped in Field.Root).       |
+| invalid   | `data-invalid`    | Present when the component is in an invalid state (when wrapped in Field.Root).    |
+| touched   | `data-touched`    | Present when the component has been touched (when wrapped in Field.Root).          |
+| dirty     | `data-dirty`      | Present when the component's value has changed (when wrapped in Field.Root).       |
+| filled    | `data-filled`     | Present when the component has a value (when wrapped in Field.Root).               |
+| focused   | `data-focused`    | Present when the component is focused (when wrapped in Field.Root).                |
+| listEmpty | `data-list-empty` | Present when the corresponding items list is empty.                                |
+
+### AutocompleteItemDataAttributes
+
+| Member      | Value              | Description                           |
+| :---------- | :----------------- | :------------------------------------ |
+| highlighted | `data-highlighted` | Present when the item is highlighted. |
+| disabled    | `data-disabled`    | Present when the item is disabled.    |
+
+### AutocompleteTriggerDataAttributes
+
+| Member    | Value             | Description                                                                        |
+| :-------- | :---------------- | :--------------------------------------------------------------------------------- |
+| popupOpen | `data-popup-open` | Present when the corresponding popup is open.                                      |
+| pressed   | `data-pressed`    | Present when the trigger is pressed.                                               |
+| disabled  | `data-disabled`   | Present when the component is disabled.                                            |
+| readonly  | `data-readonly`   | Present when the component is readonly.                                            |
+| popupSide | `data-popup-side` | Indicates which side the corresponding popup is positioned relative to its anchor. |
+| required  | `data-required`   | Present when the component is required.                                            |
+| valid     | `data-valid`      | Present when the component is in a valid state (when wrapped in Field.Root).       |
+| invalid   | `data-invalid`    | Present when the component is in an invalid state (when wrapped in Field.Root).    |
+| touched   | `data-touched`    | Present when the component has been touched (when wrapped in Field.Root).          |
+| dirty     | `data-dirty`      | Present when the component's value has changed (when wrapped in Field.Root).       |
+| filled    | `data-filled`     | Present when the component has a value (when wrapped in Field.Root).               |
+| focused   | `data-focused`    | Present when the trigger is focused (when wrapped in Field.Root).                  |
+| listEmpty | `data-list-empty` | Present when the corresponding items list is empty.                                |
+
 ## External Types
 
 ### Side
@@ -1035,7 +1077,7 @@ type Orientation = 'horizontal' | 'vertical';
 - `Autocomplete.Separator`: `Autocomplete.Separator`, `Autocomplete.Separator.Props`, `Autocomplete.Separator.State`
 - `Autocomplete.useFilter`
 - `Autocomplete.useFilteredItems`
-- `Default`: `AutocompleteInputProps`, `AutocompleteInputState`, `AutocompleteIconProps`, `AutocompleteIconState`, `AutocompleteClearProps`, `AutocompleteClearState`, `AutocompletePopupProps`, `AutocompletePopupState`, `AutocompletePositionerProps`, `AutocompletePositionerState`, `AutocompleteListProps`, `AutocompleteListState`, `AutocompleteRowProps`, `AutocompleteRowState`, `AutocompleteArrowProps`, `AutocompleteArrowState`, `AutocompleteBackdropProps`, `AutocompleteBackdropState`, `AutocompletePortalProps`, `AutocompletePortalState`, `AutocompleteGroupProps`, `AutocompleteGroupState`, `AutocompleteGroupLabelProps`, `AutocompleteGroupLabelState`, `AutocompleteEmptyProps`, `AutocompleteEmptyState`, `AutocompleteStatusProps`, `AutocompleteStatusState`, `AutocompleteCollectionState`, `AutocompleteCollectionProps`, `AutocompleteFilter`, `AutocompleteFilterOptions`, `AutocompleteRootState`, `AutocompleteRootActions`, `AutocompleteRootChangeEventReason`, `AutocompleteRootChangeEventDetails`, `AutocompleteRootHighlightEventReason`, `AutocompleteRootHighlightEventDetails`, `AutocompleteRootProps`, `AutocompleteTriggerState`, `AutocompleteTriggerProps`, `AutocompleteInputGroupState`, `AutocompleteInputGroupProps`, `AutocompleteItemState`, `AutocompleteItemProps`, `AutocompleteValueState`, `AutocompleteValueProps`
+- `Default`: `AutocompleteInputProps`, `AutocompleteInputState`, `AutocompleteIconProps`, `AutocompleteIconState`, `AutocompleteClearProps`, `AutocompleteClearState`, `AutocompletePopupProps`, `AutocompletePopupState`, `AutocompletePositionerProps`, `AutocompletePositionerState`, `AutocompleteListProps`, `AutocompleteListState`, `AutocompleteRowProps`, `AutocompleteRowState`, `AutocompleteArrowProps`, `AutocompleteArrowState`, `AutocompleteBackdropProps`, `AutocompleteBackdropState`, `AutocompletePortalProps`, `AutocompletePortalState`, `AutocompleteGroupProps`, `AutocompleteGroupState`, `AutocompleteGroupLabelProps`, `AutocompleteGroupLabelState`, `AutocompleteEmptyProps`, `AutocompleteEmptyState`, `AutocompleteStatusProps`, `AutocompleteStatusState`, `AutocompleteCollectionState`, `AutocompleteCollectionProps`, `AutocompleteFilter`, `AutocompleteFilterOptions`, `AutocompleteInputGroupDataAttributes`, `AutocompleteItemDataAttributes`, `AutocompleteTriggerDataAttributes`, `AutocompleteRootState`, `AutocompleteRootActions`, `AutocompleteRootChangeEventReason`, `AutocompleteRootChangeEventDetails`, `AutocompleteRootHighlightEventReason`, `AutocompleteRootHighlightEventDetails`, `AutocompleteRootProps`, `AutocompleteTriggerState`, `AutocompleteTriggerProps`, `AutocompleteInputGroupState`, `AutocompleteInputGroupProps`, `AutocompleteItemState`, `AutocompleteItemProps`, `AutocompleteValueState`, `AutocompleteValueProps`
 
 ## Canonical Types
 

docs/src/app/(docs)/react/components/avatar/types.md

@@ -95,6 +95,13 @@ type AvatarFallbackState = {
 
 ## Additional Types
 
+### AvatarImageDataAttributes
+
+| Member        | Value                 | Description                                 |
+| :------------ | :-------------------- | :------------------------------------------ |
+| startingStyle | `data-starting-style` | Present when the image begins animating in. |
+| endingStyle   | `data-ending-style`   | Present when the image is animating out.    |
+
 ### ImageLoadingStatus
 
 ```typescript
@@ -106,7 +113,7 @@ type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
 - `Avatar.Root`: `Avatar.Root`, `Avatar.Root.State`, `Avatar.Root.Props`
 - `Avatar.Image`: `Avatar.Image`, `Avatar.Image.State`, `Avatar.Image.Props`
 - `Avatar.Fallback`: `Avatar.Fallback`, `Avatar.Fallback.State`, `Avatar.Fallback.Props`
-- `Default`: `ImageLoadingStatus`, `AvatarRootState`, `AvatarRootProps`, `AvatarImageState`, `AvatarImageProps`, `AvatarFallbackState`, `AvatarFallbackProps`
+- `Default`: `AvatarImageDataAttributes`, `ImageLoadingStatus`, `AvatarRootState`, `AvatarRootProps`, `AvatarImageState`, `AvatarImageProps`, `AvatarFallbackState`, `AvatarFallbackProps`
 
 ## Canonical Types
 

docs/src/app/(docs)/react/components/checkbox-group/types.md

@@ -77,6 +77,14 @@ type CheckboxGroupChangeEventDetails = {
 };
 ```
 
+## Additional Types
+
+### CheckboxGroupDataAttributes
+
+| Member   | Value           | Description                                  |
+| :------- | :-------------- | :------------------------------------------- |
+| disabled | `data-disabled` | Present when the checkbox group is disabled. |
+
 ## Canonical Types
 
 Maps `Canonical`: `Alias` — Use Canonical when its namespace is already imported; otherwise use Alias.