@nvidia-elements/core 2.2.0 → 2.2.2

package/dist/custom-elements-jsx.d.ts

@@ -73,21 +73,17 @@ type BaseEvents = {
   onPointerMove?: (event: PointerEvent) => void;
 };
 
-export type AccordionHeaderProps = {
-  /**  */
-  slot?: string;
-};
+export type AccordionHeaderProps = {};
 
 export type AccordionContentProps = {};
 
 export type AccordionProps = {
+  /** Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) */
+  "behavior-expand"?: boolean;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inset` Element container optimizes for embedding or inset placement inside another containing element. */
-  container?: "flat" | "inset" | "default";
+  /** Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation. */
+  container?: "flat" | "inset" | undefined;
   /** Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
 - `true` The associated content expands and becomes visible to the user.
 
@@ -99,7 +95,7 @@ export type AccordionProps = {
 - `false` The element has an enabled state and accepts interaction. */
   disabled?: boolean;
   /** Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) */
-  "behavior-expand"?: boolean;
+  behaviorExpand?: boolean;
 };
 
 export type AccordionGroupProps = {
@@ -107,11 +103,12 @@ export type AccordionGroupProps = {
   "behavior-expand"?: boolean;
   /** Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time */
   "behavior-expand-single"?: boolean;
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inset` Element container optimizes for embedding or inset placement inside another containing element. */
-  container?: "flat" | "inset" | "default";
+  /** Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) */
+  behaviorExpand?: boolean;
+  /** Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time */
+  behaviorExpandSingle?: boolean;
+  /** Controls the container style applied to child accordions. `flat` removes the visual container, `inset` adds rounded containment, and omission uses the default divided presentation. */
+  container?: "flat" | "inset" | undefined;
 };
 
 export type AlertGroupProps = {
@@ -123,10 +120,9 @@ export type AlertGroupProps = {
 - `success` Represents positive outcomes, confirmations, or constructive actions.
 
 - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "success" | "danger" | "default";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `emphasis` Increases visual weight to draw attention and highlight important elements. */
-  prominence?: "emphasis" | "default";
+  status?: "accent" | "warning" | "success" | "danger" | undefined;
+  /** Determines the visual prominence or weight, emphasis applies banner style alerts */
+  prominence?: "emphasis" | undefined;
   /** Defines a base color from the theme color palette */
   color?:
     | "red-cardinal"
@@ -151,13 +147,12 @@ export type AlertGroupProps = {
     | "lime-pear"
     | "yellow-nova"
     | "brand-green";
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "full" | "default";
+  /** Determines the container bounds of the element */
+  container?: "full" | undefined;
 };
 
 export type AlertProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
+  /** Defines visual treatment to represent a ongoing task or support status.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
 - `warning` Indicates cautionary actions that require careful consideration before proceeding.
@@ -204,7 +199,7 @@ export type AlertProps = {
     | "unknown"
     | "ignored"
     | "muted"
-    | "default";
+    | undefined;
   /** Indicates whether the user can dismiss or close the element.
 - `true` The element displays a close control and the user can dismiss it.
 
@@ -212,7 +207,6 @@ export type AlertProps = {
   closable?: boolean;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-
   /** Dispatched when the alert closes within an alert group. */
   onclose?: (e: CustomEvent<never>) => void;
 };
@@ -220,13 +214,13 @@ export type AlertProps = {
 export type AvatarGroupProps = {};
 
 export type AvatarProps = {
-  /** Controls the visual scale of an element to match its importance and available space.
+  /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative.
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
 
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "xs" | "default";
+  size?: "sm" | "md" | "lg" | "xs" | undefined;
   /** Defines a base color from the theme color palette */
   color?:
     | "red-cardinal"
@@ -254,7 +248,7 @@ export type AvatarProps = {
 };
 
 export type BadgeProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
+  /** Visual treatment to represent a ongoing task, support status.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
 - `warning` Indicates cautionary actions that require careful consideration before proceeding.
@@ -324,12 +318,10 @@ export type BadgeProps = {
     | "lime-pear"
     | "yellow-nova"
     | "brand-green";
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `emphasis` Increases visual weight to draw attention and highlight important elements. */
-  prominence?: "emphasis" | "default";
+  /** Determines the container styles of component. Flat suits nesting within other containers. */
+  container?: "flat" | undefined;
+  /** Determines the visual prominence or weight */
+  prominence?: "emphasis" | undefined;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
 };
@@ -339,14 +331,15 @@ export type BreadcrumbProps = {};
 export type ButtonGroupProps = {
   /** By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. */
   "behavior-select"?: "single" | "multi";
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "rounded" | "default";
+  /** By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. */
+  behaviorSelect?: "single" | "multi";
+  /** Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. */
+  container?: "flat" | "rounded" | undefined;
   /** Controls the directional flow of the element's layout and interaction pattern.
 - `horizontal` Element orients horizontally with left-to-right flow.
 
 - `vertical` Element orients vertically with top-to-bottom flow. */
-  orientation?: "horizontal" | "vertical" | "default";
+  orientation?: "horizontal" | "vertical" | undefined;
   /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.
 - `emphasis` Shows the interaction targets emphasis or highlighting primary actions.
 
@@ -358,22 +351,34 @@ export type ButtonGroupProps = {
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg" | undefined;
 };
 
 export type ButtonProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inline` Element container reduces to fit within inline content such as a block of text. */
-  container?: "flat" | "inline" | "default";
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popovertarget?: string;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popovertargetaction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandfor?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestfor?: string;
+  /** Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. */
+  container?: "flat" | "inline" | undefined;
   /** Controls the visual scale of an element to match its importance and available space.
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
 
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg" | undefined;
   /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.
 - `emphasis` Shows the interaction targets emphasis or highlighting primary actions.
 
@@ -389,14 +394,15 @@ export type ButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
   name?: string;
   /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
   value?: string;
@@ -420,53 +426,36 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
   current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popovertarget?: string;
+  popoverTargetElement?: HTMLElement | null;
   /** The popover target action to perform on the popover target element.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
-  popovertargetaction?: "show" | "hide" | "toggle";
+  popoverTargetAction?: "show" | "hide" | "toggle";
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandfor?: string;
+  commandForElement?: HTMLElement | null;
   /** The command to execute on the element.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   command?: string;
   /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandForElement?: HTMLElement | null;
-  /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestForElement?: HTMLElement | null;
 };
 
 export type CardProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "flat" | "full" | "default";
+  /** flat (embed into parent container) or full (width of viewport) */
+  container?: "flat" | "full" | undefined;
 };
 
-export type CardHeaderProps = {
-  /**  */
-  slot?: string;
-};
+export type CardHeaderProps = {};
 
 export type CardContentProps = {};
 
-export type CardFooterProps = {
-  /**  */
-  slot?: string;
-};
+export type CardFooterProps = {};
 
 export type ChatMessageProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
+  /** Removes the border radius from the selected message corner to indicate the speaker direction. */
+  "arrow-position"?: "top-start" | "top-end" | "bottom-start" | "bottom-end";
+  /** Applies a transparent background and reduced horizontal padding for embedding the message in another container. */
   container?: "flat";
   /** Defines a base color from the theme color palette */
   color?:
@@ -492,8 +481,8 @@ export type ChatMessageProps = {
     | "lime-pear"
     | "yellow-nova"
     | "brand-green";
-  /**  */
-  "arrow-position"?: "top-start" | "top-end" | "bottom-start" | "bottom-end";
+  /** Removes the border radius from the selected message corner to indicate the speaker direction. */
+  arrowPosition?: "top-start" | "top-end" | "bottom-start" | "bottom-end";
 };
 
 export type CheckboxGroupProps = {
@@ -506,16 +495,12 @@ export type CheckboxGroupProps = {
 
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control group */
   prominence?: "muted";
 };
 
 export type CheckboxProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -526,28 +511,23 @@ export type CheckboxProps = {
 
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
-  /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type ColorProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -559,31 +539,34 @@ export type ColorProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type ComboboxProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat";
   /** Manage inline tag rendering for many-item select */
   "tag-layout"?: "hidden" | "wrap";
   /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */
   "behavior-create"?: boolean;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat";
+  /** Manage inline tag rendering for many-item select */
+  tagLayout?: "hidden" | "wrap";
+  /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */
+  behaviorCreate?: boolean;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -595,15 +578,13 @@ export type ComboboxProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /** Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. */
   oncreate?: (e: CustomEvent<CustomEvent>) => void;
   /** Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. */
@@ -613,24 +594,38 @@ export type ComboboxProps = {
 };
 
 export type CopyButtonProps = {
-  /** Enables updating internal string values for internationalization. */
-  i18n?: string;
   /** Determines if the copy button should auto write to clipboard by the trigger. */
   "behavior-copy"?: boolean;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popovertarget?: string;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popovertargetaction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandfor?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestfor?: string;
+  /** Enables internal string values to update for internationalization. */
+  i18n?: string;
+  /** Determines if the copy button should auto write to clipboard by the trigger. */
+  behaviorCopy?: boolean;
+  /** Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint. */
   value?: string;
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inline` Element container reduces to fit within inline content such as a block of text. */
-  container?: "flat" | "inline" | "default";
+  /** Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. */
+  container?: "flat" | "inline" | undefined;
   /** Controls the visual scale of an element to match its importance and available space.
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
 
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg" | undefined;
   /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.
 - `emphasis` Shows the interaction targets emphasis or highlighting primary actions.
 
@@ -646,14 +641,15 @@ export type CopyButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
   name?: string;
   /** Defines the button behavior when associated within a form element.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
@@ -675,38 +671,30 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
   current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popovertarget?: string;
+  popoverTargetElement?: HTMLElement | null;
   /** The popover target action to perform on the popover target element.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
-  popovertargetaction?: "show" | "hide" | "toggle";
+  popoverTargetAction?: "show" | "hide" | "toggle";
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandfor?: string;
+  commandForElement?: HTMLElement | null;
   /** The command to execute on the element.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   command?: string;
   /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandForElement?: HTMLElement | null;
-  /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestForElement?: HTMLElement | null;
 };
 
 export type DateProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -718,27 +706,26 @@ export type DateProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type DatetimeProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -750,15 +737,13 @@ export type DatetimeProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
@@ -768,7 +753,11 @@ export type DialogFooterProps = {};
 export type DialogHeaderProps = {};
 
 export type DialogProps = {
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  "behavior-trigger"?: boolean;
+  /** Sets the side position of the popover relative to the provided anchor element.
+For dialog the anchor defaults to the document body.
 - `center` Centers the popover directly over the anchor element.
 
 - `top` Positions the popover above the anchor element.
@@ -792,7 +781,7 @@ export type DialogProps = {
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg" | undefined;
   /** Indicates whether the user can dismiss or close the element.
 - `true` The element displays a close control and the user can dismiss it.
 
@@ -800,18 +789,17 @@ export type DialogProps = {
   closable?: boolean;
   /** Determines if a dialog should have a modal backdrop that visually overlays the UI. */
   modal?: boolean;
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   anchor?: string | HTMLElement;
   /** @deprecated Use the popover API instead.
 The trigger defines what element triggers an `open` interaction event.
-A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
+A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines the element that triggers an `open` interaction event. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   trigger?: string | HTMLElement;
   /** @deprecated Use the popover API instead.
 Determines if popover visibility behavior should be automatically controlled by the trigger. */
-  "behavior-trigger"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  behaviorTrigger?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-
   /** Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) */
   onbeforetoggle?: (e: CustomEvent<never>) => void;
   /** Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event) */
@@ -831,7 +819,7 @@ export type DividerProps = {
 };
 
 export type DotProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
+  /** Defines visual treatment to represent a ongoing task or support status.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
 - `warning` Indicates cautionary actions that require careful consideration before proceeding.
@@ -893,7 +881,11 @@ export type DrawerFooterProps = {};
 export type DrawerHeaderProps = {};
 
 export type DrawerProps = {
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) */
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  "behavior-trigger"?: boolean;
+  /** Sets the side position of the popover relative to the provided anchor element.
+For drawer the anchor defaults to the document body. */
   position?: "left" | "right" | "bottom" | "top";
   /** Controls the visual scale of an element to match its importance and available space.
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
@@ -901,7 +893,7 @@ export type DrawerProps = {
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg" | undefined;
   /** Indicates whether the user can dismiss or close the element.
 - `true` The element displays a close control and the user can dismiss it.
 
@@ -909,21 +901,20 @@ export type DrawerProps = {
   closable?: boolean;
   /** Determines if a drawer should have a modal backdrop that visually overlays the UI. */
   modal?: boolean;
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   anchor?: string | HTMLElement;
   /** @deprecated Use the popover API instead.
 The trigger defines what element triggers an `open` interaction event.
-A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
+A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines the element that triggers an `open` interaction event. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   trigger?: string | HTMLElement;
   /** Create a inline layout effect while retaining the a11y characteristics and top layer behavior (light dismiss, focus trap, non interactive background)
 https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */
   inline?: boolean;
   /** @deprecated Use the popover API instead.
 Determines if popover visibility behavior should be automatically controlled by the trigger. */
-  "behavior-trigger"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  behaviorTrigger?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-
   /** Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) */
   onbeforetoggle?: (e: CustomEvent<never>) => void;
   /** Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event) */
@@ -946,13 +937,16 @@ export type DropdownFooterProps = {};
 export type DropdownHeaderProps = {};
 
 export type DropdownProps = {
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  "behavior-trigger"?: boolean;
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   anchor?: string | HTMLElement;
   /** @deprecated Use the popover API instead.
 The trigger defines what element triggers an `open` interaction event.
-A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
+A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines the element that triggers an `open` interaction event. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   trigger?: string | HTMLElement;
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
+  /** Sets the side position of the popover relative to the provided anchor element.
 - `center` Centers the popover directly over the anchor element.
 
 - `top` Positions the popover above the anchor element.
@@ -972,7 +966,7 @@ A trigger can accept a idref string within the same render root or a HTMLElement
   alignment?: "start" | "end" | "center";
   /** @deprecated Use the popover API instead.
 Determines if popover visibility behavior should be automatically controlled by the trigger. */
-  "behavior-trigger"?: boolean;
+  behaviorTrigger?: boolean;
   /** Indicates whether the user can dismiss or close the element.
 - `true` The element displays a close control and the user can dismiss it.
 
@@ -980,14 +974,8 @@ Determines if popover visibility behavior should be automatically controlled by
   closable?: boolean;
   /** Determines if an arrow renders. */
   arrow?: boolean;
-  /**  */
-  modal?: boolean;
-  /**  */
-  "popover-type"?: "auto" | "manual" | "hint" | "inline";
-  /** Enables updating internal string values for internationalization. */
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /**  */
-  popoverArrow?: HTMLElement;
   /** Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) */
   onbeforetoggle?: (e: CustomEvent<never>) => void;
   /** Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event) */
@@ -999,15 +987,35 @@ Determines if popover visibility behavior should be automatically controlled by
 };
 
 export type DropzoneProps = {
-  /**  */
-  accept?: string;
-  /**  */
+  /** File size limit in bytes. */
   "max-file-size"?: number;
-  /** Enables updating internal string values for internationalization. */
-  i18n?: string;
   /** Prevents the user from changing the control value.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
+  /** Defines the minimum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
+  minlength?: number;
+  /** Defines the maximum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
+  maxlength?: number;
+  /** Disables constraint validation for this control.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
+  novalidate?: boolean;
+  /** Comma-separated file extensions or MIME types accepted by the dropzone. */
+  accept?: string;
+  /** File size limit in bytes. */
+  maxFileSize?: number;
+  /** Enables internal string values to update for internationalization. */
+  i18n?: string;
+  /** Files selected or dropped by the user. Assign files through the JavaScript property; the HTML `value` attribute is not supported. */
+  value?: File[];
+  /** The initial value used when the parent form resets. */
+  defaultValue?: string;
+  /** Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.
+
+- `false` The element allows editing and the user can change its value through interaction. */
+  readOnly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -1030,19 +1038,16 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step */
   step?: number | null;
   /** Defines the minimum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
-  minlength?: number;
+  minLength?: number;
   /** Defines the maximum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
-  maxlength?: number;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  maxLength?: number;
+  /** The name submitted with the control value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name */
   name?: string;
   /** Disables constraint validation for this control.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
-  novalidate?: boolean;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: File[];
-  /** The initial value used when the parent form resets. */
-  defaultValue?: string;
+  noValidate?: boolean;
   /** The form associated with the control.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: HTMLFormElement | null;
@@ -1071,10 +1076,11 @@ https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels */
 };
 
 export type FileProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -1086,98 +1092,128 @@ export type FileProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type FormatDatetimeProps = {
+  /** Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.
+Preset styles take precedence over granular date and time part options. */
+  "date-style"?: "full" | "long" | "medium" | "short" | undefined;
+  /** Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.
+Preset styles take precedence over granular date and time part options. */
+  "time-style"?: "full" | "long" | "medium" | "short" | undefined;
+  /** Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it. */
+  "time-zone-name"?: "long" | "short" | undefined;
+  /** IANA time zone identifier (such as 'America/New_York', 'UTC'). */
+  "time-zone"?: string | undefined;
   /** Optional date string for values supplied by JavaScript or bound data.
 By default, the component formats the element's text content, which also serves as the SSR fallback.
 When both are present, this property takes precedence. */
-  date?: string | "default";
+  date?: string | undefined;
   /** Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */
-  locale?: string | "default";
+  locale?: string | undefined;
   /** Weekday representation: 'long' | 'short' | 'narrow'. */
-  weekday?: "long" | "short" | "narrow" | "default";
+  weekday?: "long" | "short" | "narrow" | undefined;
   /** Year representation: 'numeric' | '2-digit'. */
-  year?: "numeric" | "2-digit" | "default";
+  year?: "numeric" | "2-digit" | undefined;
   /** Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'. */
-  month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | "default";
+  month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | undefined;
   /** Day representation: 'numeric' | '2-digit'. */
-  day?: "numeric" | "2-digit" | "default";
+  day?: "numeric" | "2-digit" | undefined;
   /** Hour representation: 'numeric' | '2-digit'. */
-  hour?: "numeric" | "2-digit" | "default";
+  hour?: "numeric" | "2-digit" | undefined;
   /** Minute representation: 'numeric' | '2-digit'. */
-  minute?: "numeric" | "2-digit" | "default";
+  minute?: "numeric" | "2-digit" | undefined;
   /** Second representation: 'numeric' | '2-digit'. */
-  second?: "numeric" | "2-digit" | "default";
+  second?: "numeric" | "2-digit" | undefined;
   /** Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.
 Preset styles take precedence over granular date and time part options. */
-  "date-style"?: "full" | "long" | "medium" | "short" | "default";
+  dateStyle?: "full" | "long" | "medium" | "short" | undefined;
   /** Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.
 Preset styles take precedence over granular date and time part options. */
-  "time-style"?: "full" | "long" | "medium" | "short" | "default";
+  timeStyle?: "full" | "long" | "medium" | "short" | undefined;
   /** Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it. */
-  "time-zone-name"?: "long" | "short" | "default";
+  timeZoneName?: "long" | "short" | undefined;
   /** IANA time zone identifier (such as 'America/New_York', 'UTC'). */
-  "time-zone"?: string | "default";
+  timeZone?: string | undefined;
 };
 
 export type FormatNumberProps = {
+  /** Formatting style: 'decimal' | 'currency' | 'percent' | 'unit'. */
+  "format-style"?: "decimal" | "currency" | "percent" | "unit";
+  /** Currency sign style: 'standard' | 'accounting'. */
+  "currency-sign"?: "standard" | "accounting" | undefined;
+  /** Currency display style: 'symbol' | 'code' | 'name' | 'narrowSymbol'. */
+  "currency-display"?: "symbol" | "code" | "name" | "narrowSymbol" | undefined;
+  /** Unit display style: 'short' | 'long' | 'narrow'. */
+  "unit-display"?: "short" | "long" | "narrow" | undefined;
+  /** Compact notation display: 'short' | 'long'. Only applies when notation is compact. */
+  "compact-display"?: "short" | "long" | undefined;
+  /** Sign display: 'auto' | 'never' | 'always' | 'exceptZero'. */
+  "sign-display"?: "auto" | "never" | "always" | "exceptZero" | undefined;
+  /** Grouping separators: 'auto' | 'always' | 'min2' | 'true' | 'false'. */
+  "use-grouping"?: "auto" | "always" | "min2" | "true" | "false" | boolean | undefined;
+  /** Pad fraction output to at least this many digits (0-20). */
+  "minimum-fraction-digits"?: number | undefined;
+  /** Round fraction output to at most this many digits (0-20). */
+  "maximum-fraction-digits"?: number | undefined;
+  /** Pad integer output to at least this many digits (1-21). */
+  "minimum-integer-digits"?: number | undefined;
   /** Optional numeric string for values supplied by JavaScript or bound data.
 By default, the component formats the element's text content, which also serves as the SSR fallback.
 When both are present, this property takes precedence. */
-  number?: string | "default";
+  number?: string | undefined;
   /** Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */
-  locale?: string | "default";
+  locale?: string | undefined;
   /** Formatting style: 'decimal' | 'currency' | 'percent' | 'unit'. */
-  "format-style"?: "decimal" | "currency" | "percent" | "unit";
+  formatStyle?: "decimal" | "currency" | "percent" | "unit";
   /** ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency. */
-  currency?: string | "default";
+  currency?: string | undefined;
   /** Currency sign style: 'standard' | 'accounting'. */
-  "currency-sign"?: "standard" | "accounting" | "default";
+  currencySign?: "standard" | "accounting" | undefined;
   /** Currency display style: 'symbol' | 'code' | 'name' | 'narrowSymbol'. */
-  "currency-display"?: "symbol" | "code" | "name" | "narrowSymbol" | "default";
+  currencyDisplay?: "symbol" | "code" | "name" | "narrowSymbol" | undefined;
   /** Unit identifier (such as kilometer or byte). Required when formatStyle is unit. */
-  unit?: string | "default";
+  unit?: string | undefined;
   /** Unit display style: 'short' | 'long' | 'narrow'. */
-  "unit-display"?: "short" | "long" | "narrow" | "default";
+  unitDisplay?: "short" | "long" | "narrow" | undefined;
   /** Number notation: 'standard' | 'scientific' | 'engineering' | 'compact'. */
-  notation?: "standard" | "scientific" | "engineering" | "compact" | "default";
+  notation?: "standard" | "scientific" | "engineering" | "compact" | undefined;
   /** Compact notation display: 'short' | 'long'. Only applies when notation is compact. */
-  "compact-display"?: "short" | "long" | "default";
+  compactDisplay?: "short" | "long" | undefined;
   /** Sign display: 'auto' | 'never' | 'always' | 'exceptZero'. */
-  "sign-display"?: "auto" | "never" | "always" | "exceptZero" | "default";
+  signDisplay?: "auto" | "never" | "always" | "exceptZero" | undefined;
   /** Grouping separators: 'auto' | 'always' | 'min2' | 'true' | 'false'. */
-  "use-grouping"?: string | "default";
+  useGrouping?: "auto" | "always" | "min2" | "true" | "false" | boolean | undefined;
   /** Pad fraction output to at least this many digits (0-20). */
-  "minimum-fraction-digits"?: number | "default";
+  minimumFractionDigits?: number | undefined;
   /** Round fraction output to at most this many digits (0-20). */
-  "maximum-fraction-digits"?: number | "default";
+  maximumFractionDigits?: number | undefined;
   /** Pad integer output to at least this many digits (1-21). */
-  "minimum-integer-digits"?: number | "default";
+  minimumIntegerDigits?: number | undefined;
 };
 
 export type FormatRelativeTimeProps = {
+  /** Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. */
+  "format-style"?: "long" | "short" | "narrow";
   /** Optional date string for values supplied by JavaScript or bound data.
 By default, the component formats the element's text content, which also serves as the SSR fallback.
 When both are present, this property takes precedence. */
-  date?: string | "default";
+  date?: string | undefined;
   /** Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */
-  locale?: string | "default";
+  locale?: string | undefined;
   /** Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. */
   numeric?: "always" | "auto";
   /** Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. */
-  "format-style"?: "long" | "short" | "narrow";
+  formatStyle?: "long" | "short" | "narrow";
   /** Time unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. */
   unit?: "second" | "minute" | "hour" | "day" | "week" | "month" | "year" | "auto";
   /** When present, auto-updates the displayed relative time at appropriate intervals. */
@@ -1194,17 +1230,13 @@ export type ControlGroupProps = {
 
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control group */
   prominence?: "muted";
 };
 
 export type ControlMessageProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
-  status?: "warning" | "error" | "success" | "disabled" | "default";
+  /** Visual treatment for current form control validation status */
+  status?: "warning" | "error" | "success" | "disabled" | undefined;
   /** Validation error code for current form control
 https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */
   error?:
@@ -1220,15 +1252,14 @@ https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */
     | "valid"
     | "valueMissing"
     | null;
-  /**  */
-  slot?: string;
 };
 
 export type ControlProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -1240,25 +1271,23 @@ export type ControlProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type GaugeProps = {
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
+  /** The current `value` of the gauge. */
   value?: number;
   /** The `max` value of the gauge that the `value` is proportionally scaled to. */
   max?: number;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
+  /** Four visual treatments represent the `status` of tasks.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
 - `warning` Indicates cautionary actions that require careful consideration before proceeding.
@@ -1266,9 +1295,9 @@ export type GaugeProps = {
 - `success` Represents positive outcomes, confirmations, or constructive actions.
 
 - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "success" | "danger" | "neutral" | "default";
+  status?: "accent" | "warning" | "success" | "danger" | "neutral" | undefined;
   /** Determines the gauge shape. Set `half` for a compact semi-circular arc. */
-  shape?: "half" | "default";
+  shape?: "half" | undefined;
   /** Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer. */
   thumb?: "fill" | "dot" | "needle";
   /** Controls the visual scale of an element to match its importance and available space.
@@ -1277,7 +1306,7 @@ export type GaugeProps = {
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg" | undefined;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
 };
@@ -1285,32 +1314,27 @@ export type GaugeProps = {
 export type GridCellProps = {};
 
 export type GridColumnProps = {
+  /** Control the content alignment within a given column. */
+  "column-align"?: "start" | "center" | "end";
   /** Only set a fixed px width when you know the grid width. Most cases this should remain unset.
 If the total width of all columns is less than the grid width then the last column fills the remaining space.
 By default column widths are evenly divided unless width is explicitly provided. */
   width?: string;
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) */
+  /** Set the `position` property or attribute to `fixed` or `sticky` to make the column fixed or sticky.
+Fixed columns do not scroll horizontally with the grid. Sticky columns scroll horizontally with the grid
+until the column reaches the edge of the grid. */
   position?: "fixed" | "sticky" | "";
   /** Control the content alignment within a given column. */
-  "column-align"?: "start" | "center" | "end";
-  /**  */
-  "aria-colindex"?: string;
-
+  columnAlign?: "start" | "center" | "end";
   /**  */
   "onnve-grid-column-resize"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-export type GridFooterProps = {
-  /**  */
-  slot?: string;
-};
+export type GridFooterProps = {};
 
 export type GridProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "flat" | "full" | "default";
+  /** Determines the container styles of component. Flat nests the grid within other containers. Full spans the full edge-to-edge viewport width. */
+  container?: "flat" | "full" | undefined;
   /** Determine style variant stripe rows */
   stripe?: boolean;
 };
@@ -1605,65 +1629,9 @@ export type IconButtonProps = {
     | "x-circle"
     | "zoom-in"
     | "zoom-out";
-  /** Sets the direction of the icon.
-Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */
-  direction?: "up" | "down" | "left" | "right";
-  /** Controls the visual scale of an element to match its importance and available space.
-- `sm` Compact size for dense layouts or secondary elements with less visual prominence.
-
-- `md` Standard size that works well in most contexts and provides balanced visibility.
-
-- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inline` Element container reduces to fit within inline content such as a block of text. */
-  container?: "flat" | "inline" | "default";
-  /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.
-- `emphasis` Shows the interaction targets emphasis or highlighting primary actions.
-
-- `destructive` Shows the interaction targets destructive actions such as deleting or removing. */
-  interaction?: "emphasis" | "destructive";
-  /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
-- `true` The button is in the pressed (on) state and the associated action or setting is active.
-
-- `false` The button is in the unpressed (off) state and the associated action or setting is inactive. */
-  pressed?: boolean;
-  /** Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
-- `true` The associated content expands and becomes visible to the user.
-
-- `false` The associated content collapses and hides from the user. */
-  expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
-https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
-  form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
-  name?: string;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: string;
-  /** Defines the button behavior when associated within a form element.
-https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
-  type?: "button" | "submit" | "reset";
-  /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
-- `true` The element has a disabled state and does not accept interaction.
-
-- `false` The element has an enabled state and accepts interaction. */
-  disabled?: boolean;
-  /** Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
-- `true` The element holds selection and represents the user's current choice within the group.
-
-- `false` The element does not hold selection and the user can choose it. */
-  selected?: boolean;
-  /** Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
-- `page` Marks the current page within a set of navigation links.
-
-- `step` Marks the current step within a multi-step process or workflow. */
-  current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
   popovertarget?: string;
@@ -1673,44 +1641,11 @@ https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetA
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   commandfor?: string;
-  /** The command to execute on the element.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  command?: string;
   /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandForElement?: HTMLElement | null;
-  /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestForElement?: HTMLElement | null;
-};
-
-export type IconProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions.
-
-- `accent` Highlights important actions or draws attention to primary interactive elements. */
-  status?: "warning" | "danger" | "success" | "accent" | "default";
-  /** Controls the visual scale of an element to match its importance and available space.
-- `sm` Compact size for dense layouts or secondary elements with less visual prominence.
-
-- `md` Standard size that works well in most contexts and provides balanced visibility.
-
-- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "xs" | "xl" | "default";
-  /** Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */
-  direction?: "up" | "down" | "left" | "right" | "default";
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
-  name?:
+  /** Sets the icon name, which determines which icon to display. */
+  iconName?:
     | "placeholder"
     | "caret"
     | "person"
@@ -1985,97 +1920,24 @@ export type IconProps = {
     | "wrench"
     | "x-circle"
     | "zoom-in"
-    | "zoom-out"
-    | "default";
-};
-
-export type InputGroupProps = {
-  /** Controls the directional arrangement and spacing behavior of the element's content.
-- `vertical` Arranges content in a vertical stack with block-level spacing.
-
-- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.
-
-- `horizontal` Arranges content in a horizontal row with block-level spacing.
-
-- `horizontal-inline` Arranges content horizontally with compact inline spacing. */
-  layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
-  prominence?: "muted";
-};
-
-export type InputProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Sets the rounded visual style of the input. */
-  rounded?: boolean;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
-  status?: "warning" | "error" | "success" | "disabled";
-  /** Controls the directional arrangement and spacing behavior of the element's content.
-- `vertical` Arranges content in a vertical stack with block-level spacing.
-
-- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.
-
-- `horizontal` Arranges content in a horizontal row with block-level spacing.
-
-- `horizontal-inline` Arranges content horizontally with compact inline spacing. */
-  layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
-  /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
-  i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
-  prominence?: "muted";
-
-  /**  */
-  onreset?: (e: CustomEvent<CustomEvent>) => void;
-};
-
-export type LogoProps = {
-  /** Defines a base color from the theme color palette */
-  color?:
-    | "red-cardinal"
-    | "gray-slate"
-    | "gray-denim"
-    | "blue-indigo"
-    | "blue-cobalt"
-    | "blue-sky"
-    | "teal-cyan"
-    | "green-mint"
-    | "teal-seafoam"
-    | "green-grass"
-    | "yellow-amber"
-    | "orange-pumpkin"
-    | "red-tomato"
-    | "pink-magenta"
-    | "purple-plum"
-    | "purple-violet"
-    | "purple-lavender"
-    | "pink-rose"
-    | "green-jade"
-    | "lime-pear"
-    | "yellow-nova"
-    | "brand-green";
+    | "zoom-out";
+  /** Sets the direction of the icon.
+Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */
+  direction?: "up" | "down" | "left" | "right";
   /** Controls the visual scale of an element to match its importance and available space.
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
 
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
-};
+  size?: "sm" | "md" | "lg" | undefined;
+  /** Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. */
+  container?: "flat" | "inline" | undefined;
+  /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.
+- `emphasis` Shows the interaction targets emphasis or highlighting primary actions.
 
-export type MenuItemProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "danger";
+- `destructive` Shows the interaction targets destructive actions such as deleting or removing. */
+  interaction?: "emphasis" | "destructive";
   /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
 - `true` The button is in the pressed (on) state and the associated action or setting is active.
 
@@ -2086,14 +1948,15 @@ export type MenuItemProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
   name?: string;
   /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
   value?: string;
@@ -2117,125 +1980,582 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
   current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popovertarget?: string;
+  popoverTargetElement?: HTMLElement | null;
   /** The popover target action to perform on the popover target element.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
-  popovertargetaction?: "show" | "hide" | "toggle";
+  popoverTargetAction?: "show" | "hide" | "toggle";
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandfor?: string;
+  commandForElement?: HTMLElement | null;
   /** The command to execute on the element.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   command?: string;
   /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandForElement?: HTMLElement | null;
-  /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestForElement?: HTMLElement | null;
 };
 
-export type MenuProps = {
-  /** Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. */
-  onscroll?: (e: CustomEvent<never>) => void;
-};
-
-export type MonthProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
+export type IconProps = {
   /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
 - `warning` Indicates cautionary actions that require careful consideration before proceeding.
 
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
-  status?: "warning" | "error" | "success" | "disabled";
-  /** Controls the directional arrangement and spacing behavior of the element's content.
-- `vertical` Arranges content in a vertical stack with block-level spacing.
-
-- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.
-
-- `horizontal` Arranges content in a horizontal row with block-level spacing.
-
-- `horizontal-inline` Arranges content horizontally with compact inline spacing. */
-  layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
-  /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
-  i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
-  prominence?: "muted";
-
-  /**  */
-  onreset?: (e: CustomEvent<CustomEvent>) => void;
-};
-
-export type NotificationGroupProps = {
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
-  anchor?: string | HTMLElement;
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
-- `center` Centers the popover directly over the anchor element.
-
-- `top` Positions the popover above the anchor element.
-
-- `bottom` Positions the popover below the anchor element.
-
-- `left` Positions the popover to the left side of the anchor element.
-
-- `right` Positions the popover to the right side of the anchor element. */
-  position?: "center" | "top" | "bottom" | "left" | "right";
-  /** Determines the alignment of the popover relative to the provided anchor element.
-- `start` Aligns the popover to the beginning edge of the anchor for left or top alignment.
-
-- `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment.
-
-- `center` Centers the popover along the anchor's edge for balanced positioning. */
-  alignment?: "start" | "end" | "center";
-};
-
-export type NotificationProps = {
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
-  anchor?: string | HTMLElement;
-  /** @deprecated Use the popover API instead.
-The trigger defines what element triggers an `open` interaction event.
-A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
-  trigger?: string | HTMLElement;
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
-- `center` Centers the popover directly over the anchor element.
-
-- `top` Positions the popover above the anchor element.
-
-- `bottom` Positions the popover below the anchor element.
+- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.
 
-- `left` Positions the popover to the left side of the anchor element.
+- `success` Represents positive outcomes, confirmations, or constructive actions.
 
-- `right` Positions the popover to the right side of the anchor element. */
-  position?: "center" | "top" | "bottom" | "left" | "right";
-  /** Determines the alignment of the popover relative to the provided anchor element.
-- `start` Aligns the popover to the beginning edge of the anchor for left or top alignment.
+- `accent` Highlights important actions or draws attention to primary interactive elements. */
+  status?: "warning" | "danger" | "success" | "accent" | undefined;
+  /** Controls the bounding box size of the icon given a t-shirt style value.
+- `sm` Compact size for dense layouts or secondary elements with less visual prominence.
 
-- `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment.
+- `md` Standard size that works well in most contexts and provides balanced visibility.
 
-- `center` Centers the popover along the anchor's edge for balanced positioning. */
-  alignment?: "start" | "end" | "center";
-  /** @deprecated Use the popover API instead.
-Determines if popover visibility behavior should be automatically controlled by the trigger. */
-  "behavior-trigger"?: boolean;
-  /** Indicates whether the user can dismiss or close the element.
-- `true` The element displays a close control and the user can dismiss it.
+- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
+  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+  /** Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */
+  direction?: "up" | "down" | "left" | "right" | undefined;
+  /** The name of the icon SVG sprite to render. */
+  name?:
+    | "placeholder"
+    | "caret"
+    | "person"
+    | "menu"
+    | "cancel"
+    | "gear"
+    | "chevron"
+    | "logout"
+    | "copy"
+    | "more-actions"
+    | "add"
+    | "arrow"
+    | "delete"
+    | "download"
+    | "search"
+    | "split-vertical"
+    | "sparkles"
+    | "branch"
+    | "refresh"
+    | "double-chevron"
+    | "academic-cap"
+    | "add-asset"
+    | "add-comment"
+    | "add-grid"
+    | "add-user"
+    | "ancestors"
+    | "archive"
+    | "arrow-angle"
+    | "arrow-both"
+    | "arrow-cycle"
+    | "arrow-path-rounded-square"
+    | "arrow-stop"
+    | "at-symbol"
+    | "backspace"
+    | "bar-pill-stack"
+    | "bars-3"
+    | "bars-3-bottom-left"
+    | "bars-3-bottom-right"
+    | "bars-3-center-left"
+    | "bars-4"
+    | "beaker"
+    | "bell"
+    | "bell-slash"
+    | "bell-stroke"
+    | "bold"
+    | "book"
+    | "bookmark"
+    | "bookmark-stroke"
+    | "bounding-box"
+    | "briefcase"
+    | "broadcast"
+    | "browser"
+    | "bug"
+    | "calendar"
+    | "camera"
+    | "carets-closed-square"
+    | "carousel"
+    | "category-list"
+    | "chart-bar"
+    | "chat-bubble"
+    | "chat-bubbles"
+    | "check"
+    | "check-badge"
+    | "checklist"
+    | "checkmark-circle"
+    | "chip"
+    | "circle"
+    | "circle-angled-line"
+    | "circle-dash"
+    | "circle-dot"
+    | "circle-dot-arrows"
+    | "circle-half"
+    | "circle-rule"
+    | "circle-tick"
+    | "clipboard"
+    | "clock"
+    | "clock-circle-arrow"
+    | "cloud"
+    | "cloud-download"
+    | "cloud-upload"
+    | "code"
+    | "collapse-all"
+    | "collapse-details"
+    | "color-palette"
+    | "columns"
+    | "compare"
+    | "computer"
+    | "connect-node"
+    | "connected-blocks"
+    | "cross-hairs"
+    | "cursor-rays"
+    | "cursor-ripples"
+    | "data-management"
+    | "delete-node"
+    | "doc-checkmark"
+    | "dock-bottom"
+    | "dock-none"
+    | "dock-side"
+    | "document"
+    | "document-clipboard"
+    | "dot"
+    | "dot-stroke"
+    | "drag"
+    | "dropper"
+    | "duplicate"
+    | "edit"
+    | "ellipses"
+    | "envelope"
+    | "exclamation-circle"
+    | "exclamation-mark"
+    | "exclamation-triangle"
+    | "expand-all"
+    | "expand-details"
+    | "expression"
+    | "eye"
+    | "eye-hidden"
+    | "face-frown"
+    | "face-smile"
+    | "fast-forward"
+    | "fast-forward-10"
+    | "film"
+    | "filter"
+    | "filter-stroke"
+    | "flag"
+    | "flag-stroke"
+    | "fold"
+    | "folder"
+    | "fork"
+    | "globe"
+    | "globe-alt-stroke"
+    | "group"
+    | "group-boxes"
+    | "hand"
+    | "hash"
+    | "heading"
+    | "home"
+    | "horizontal-rule"
+    | "hourglass"
+    | "hourglass-end"
+    | "hourglass-mid"
+    | "hourglass-start"
+    | "identification"
+    | "image"
+    | "inbox"
+    | "infinity"
+    | "information-circle-stroke"
+    | "inspect"
+    | "italic"
+    | "key"
+    | "keyboard"
+    | "laptop-phone"
+    | "layers"
+    | "lifebuoy"
+    | "lightbulb"
+    | "lightning-bolt"
+    | "link"
+    | "list-ordered"
+    | "list-unordered"
+    | "lock"
+    | "login"
+    | "looping"
+    | "looping-off"
+    | "map"
+    | "map-drives"
+    | "map-pin"
+    | "markdown"
+    | "maximize"
+    | "megaphone"
+    | "merge"
+    | "meter"
+    | "minimize"
+    | "minus"
+    | "minus-circle"
+    | "moon"
+    | "multiselect"
+    | "music-note"
+    | "newspaper"
+    | "not-allowed"
+    | "numbers"
+    | "office-building"
+    | "outline"
+    | "paper-airplane"
+    | "paper-clip"
+    | "pause"
+    | "pencil-square"
+    | "person-2"
+    | "person-3"
+    | "person-circle"
+    | "phone"
+    | "picture-in-picture"
+    | "pie-chart"
+    | "pin"
+    | "pizza-slice"
+    | "play"
+    | "plug"
+    | "plus-circle"
+    | "plus-minus"
+    | "pointer"
+    | "pointer-stroke"
+    | "priority-high"
+    | "priority-low"
+    | "priority-medium"
+    | "projector"
+    | "pull-close"
+    | "pull-draft"
+    | "pull-open"
+    | "pulse"
+    | "puzzle-piece"
+    | "question-mark-circle"
+    | "question-mark-circle-stroke"
+    | "rectangle-group"
+    | "rectangle-stack-horizontal"
+    | "rectangle-stack-vertical"
+    | "redo"
+    | "reply"
+    | "rewind"
+    | "rewind-10"
+    | "rocketship"
+    | "running"
+    | "scale"
+    | "scissors"
+    | "sensor"
+    | "server"
+    | "server-stack"
+    | "shapes"
+    | "share"
+    | "signal"
+    | "signal-slash"
+    | "signpost"
+    | "sort-ascending"
+    | "sort-descending"
+    | "soundwave"
+    | "split-horizontal"
+    | "split-none"
+    | "star"
+    | "star-half"
+    | "star-stroke"
+    | "start"
+    | "status-offline"
+    | "status-online"
+    | "stop"
+    | "stop-sign"
+    | "stopwatch"
+    | "strikethrough"
+    | "sun"
+    | "swatch"
+    | "switch"
+    | "switch-apps"
+    | "table"
+    | "tag"
+    | "task"
+    | "telescope"
+    | "template"
+    | "terminal"
+    | "thumb"
+    | "thumb-stroke"
+    | "traffic-cone"
+    | "transparent-box"
+    | "trend-down"
+    | "trend-up"
+    | "trophy"
+    | "truck"
+    | "typography"
+    | "undo"
+    | "unlock"
+    | "upload"
+    | "video-camera"
+    | "view-as-grid"
+    | "volume"
+    | "volume-muted"
+    | "wifi"
+    | "wrench"
+    | "x-circle"
+    | "zoom-in"
+    | "zoom-out"
+    | undefined;
+};
+
+export type InputGroupProps = {
+  /** Controls the directional arrangement and spacing behavior of the element's content.
+- `vertical` Arranges content in a vertical stack with block-level spacing.
+
+- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.
+
+- `horizontal` Arranges content in a horizontal row with block-level spacing.
+
+- `horizontal-inline` Arranges content horizontally with compact inline spacing. */
+  layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
+  /** Set the visual prominence of the control group */
+  prominence?: "muted";
+};
+
+export type InputProps = {
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Sets the rounded visual style of the input. */
+  rounded?: boolean;
+  /** Set current visual state for control. This overrides any validation states active. */
+  status?: "warning" | "error" | "success" | "disabled";
+  /** Controls the directional arrangement and spacing behavior of the element's content.
+- `vertical` Arranges content in a vertical stack with block-level spacing.
+
+- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.
+
+- `horizontal` Arranges content in a horizontal row with block-level spacing.
+
+- `horizontal-inline` Arranges content horizontally with compact inline spacing. */
+  layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  fitText?: boolean;
+  /** Sets the input to match native default content block */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
+  i18n?: string;
+  /** Set the visual prominence of the control */
+  prominence?: "muted";
+  /**  */
+  onreset?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type LogoProps = {
+  /** Defines a base color from the theme color palette */
+  color?:
+    | "red-cardinal"
+    | "gray-slate"
+    | "gray-denim"
+    | "blue-indigo"
+    | "blue-cobalt"
+    | "blue-sky"
+    | "teal-cyan"
+    | "green-mint"
+    | "teal-seafoam"
+    | "green-grass"
+    | "yellow-amber"
+    | "orange-pumpkin"
+    | "red-tomato"
+    | "pink-magenta"
+    | "purple-plum"
+    | "purple-violet"
+    | "purple-lavender"
+    | "pink-rose"
+    | "green-jade"
+    | "lime-pear"
+    | "yellow-nova"
+    | "brand-green";
+  /** Controls the visual scale of an element to match its importance and available space.
+- `sm` Compact size for dense layouts or secondary elements with less visual prominence.
+
+- `md` Standard size that works well in most contexts and provides balanced visibility.
+
+- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
+  size?: "sm" | "md" | "lg" | undefined;
+};
+
+export type MenuItemProps = {
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popovertarget?: string;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popovertargetaction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandfor?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestfor?: string;
+  /** Applies danger styling to destructive or high-risk menu actions. */
+  status?: "danger";
+  /** Defines the button behavior when associated within a form element.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
+  type?: "button" | "submit" | "reset";
+  /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
+- `true` The button is in the pressed (on) state and the associated action or setting is active.
+
+- `false` The button is in the unpressed (off) state and the associated action or setting is inactive. */
+  pressed?: boolean;
+  /** Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+- `true` The associated content expands and becomes visible to the user.
+
+- `false` The associated content collapses and hides from the user. */
+  expanded?: boolean;
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
+https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
+  form?: string | HTMLFormElement | null;
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
+  name?: string;
+  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
+  value?: string;
+  /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
+- `true` The element has a disabled state and does not accept interaction.
+
+- `false` The element has an enabled state and accepts interaction. */
+  disabled?: boolean;
+  /** Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+- `true` The element holds selection and represents the user's current choice within the group.
+
+- `false` The element does not hold selection and the user can choose it. */
+  selected?: boolean;
+  /** Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+- `page` Marks the current page within a set of navigation links.
+
+- `step` Marks the current step within a multi-step process or workflow. */
+  current?: "page" | "step";
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popoverTargetElement?: HTMLElement | null;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popoverTargetAction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandForElement?: HTMLElement | null;
+  /** The command to execute on the element.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  command?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestForElement?: HTMLElement | null;
+};
+
+export type MenuProps = {
+  /** Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. */
+  onscroll?: (e: CustomEvent<never>) => void;
+};
+
+export type MonthProps = {
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Set current visual state for control. This overrides any validation states active. */
+  status?: "warning" | "error" | "success" | "disabled";
+  /** Controls the directional arrangement and spacing behavior of the element's content.
+- `vertical` Arranges content in a vertical stack with block-level spacing.
+
+- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.
+
+- `horizontal` Arranges content in a horizontal row with block-level spacing.
+
+- `horizontal-inline` Arranges content horizontally with compact inline spacing. */
+  layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  fitText?: boolean;
+  /** Sets the input to match native default content block */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
+  i18n?: string;
+  /** Set the visual prominence of the control */
+  prominence?: "muted";
+  /**  */
+  onreset?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type NotificationGroupProps = {
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
+  anchor?: string | HTMLElement;
+  /** Sets the position of the popover relative to the anchor element.
+- `center` Centers the popover directly over the anchor element.
 
-- `false` The user cannot close the element and must dismiss it programmatically. */
-  closable?: boolean;
+- `top` Positions the popover above the anchor element.
+
+- `bottom` Positions the popover below the anchor element.
+
+- `left` Positions the popover to the left side of the anchor element.
+
+- `right` Positions the popover to the right side of the anchor element. */
+  position?: "center" | "top" | "bottom" | "left" | "right";
+  /** Determines the alignment of the popover relative to the provided anchor element.
+- `start` Aligns the popover to the beginning edge of the anchor for left or top alignment.
+
+- `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment.
+
+- `center` Centers the popover along the anchor's edge for balanced positioning. */
+  alignment?: "start" | "end" | "center";
+};
+
+export type NotificationProps = {
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  "behavior-trigger"?: boolean;
   /** A delayed `close` event will occur determined from the provided millisecond value. */
   "close-timeout"?: number;
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
+  anchor?: string | HTMLElement;
+  /** @deprecated Use the popover API instead.
+The trigger defines what element triggers an `open` interaction event.
+A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines the element that triggers an `open` interaction event. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
+  trigger?: string | HTMLElement;
+  /** Sets the side position of the popover relative to the provided anchor element.
+- `center` Centers the popover directly over the anchor element.
+
+- `top` Positions the popover above the anchor element.
+
+- `bottom` Positions the popover below the anchor element.
+
+- `left` Positions the popover to the left side of the anchor element.
+
+- `right` Positions the popover to the right side of the anchor element. */
+  position?: "center" | "top" | "bottom" | "left" | "right";
+  /** Determines the alignment of the popover relative to the provided anchor element.
+- `start` Aligns the popover to the beginning edge of the anchor for left or top alignment.
+
+- `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment.
+
+- `center` Centers the popover along the anchor's edge for balanced positioning. */
+  alignment?: "start" | "end" | "center";
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  behaviorTrigger?: boolean;
+  /** Indicates whether the user can dismiss or close the element.
+- `true` The element displays a close control and the user can dismiss it.
+
+- `false` The user cannot close the element and must dismiss it programmatically. */
+  closable?: boolean;
+  /** Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading.
+- `0` Warning or error messages requiring immediate acknowledgment.
+
+- `3000` Brief success or confirmation messages.
+
+- `7000` Standard informational messages.
+
+- `10000` Messages with actions or requiring user decision. */
+  closeTimeout?: number;
   /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
@@ -2245,14 +2565,10 @@ Determines if popover visibility behavior should be automatically controlled by
 
 - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
   status?: "accent" | "warning" | "success" | "danger";
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
+  /** Flat container option applies when embedding within another containing element such as a drawer. */
+  container?: "flat" | undefined;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
-  inline?: boolean;
-
   /** Dispatched when the notification closes. */
   onclose?: (e: CustomEvent<CustomEvent>) => void;
   /** Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) */
@@ -2269,15 +2585,9 @@ export type PageLoaderProps = {};
 
 export type PagePanelContentProps = {};
 
-export type PagePanelFooterProps = {
-  /**  */
-  slot?: string;
-};
+export type PagePanelFooterProps = {};
 
-export type PagePanelHeaderProps = {
-  /**  */
-  slot?: string;
-};
+export type PagePanelHeaderProps = {};
 
 export type PagePanelProps = {
   /** Controls the visual scale of an element to match its importance and available space.
@@ -2286,10 +2596,9 @@ export type PagePanelProps = {
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg" | undefined;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-
   /** Dispatched after an invoker command removes `hidden` and opens the panel. */
   onopen?: (e: CustomEvent<never>) => void;
   /** Dispatched after an invoker command sets `hidden` and closes the panel. */
@@ -2299,29 +2608,50 @@ export type PagePanelProps = {
 export type PageProps = {
   /** Enables the page to use the document content scroll rather than its internal fixed scroll. */
   "document-scroll"?: boolean;
+  /** Enables the page to use the document content scroll rather than its internal fixed scroll. */
+  documentScroll?: boolean;
 };
 
 export type PaginationProps = {
+  /** A JSON-serialized array of page-size options available in the selector. */
+  "step-sizes"?: string;
+  /** Whether the step selector has a disabled state. */
+  "disable-step"?: boolean;
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Defines the minimum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
+  minlength?: number;
+  /** Defines the maximum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
+  maxlength?: number;
+  /** Disables constraint validation for this control.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
+  novalidate?: boolean;
   /** The number of items per page. */
   step?: number;
-  /** The array of custom step-size. */
+  /** Page-size options available in the selector. */
   stepSizes?: number[];
   /** The total number of items. */
   items?: number;
   /** Whether the pagination is skippable to start/end. */
   skippable?: boolean;
   /** Whether the step selector has a disabled state. */
-  "disable-step"?: boolean;
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inline` Element container reduces to fit within inline content such as a block of text. */
-  container?: "flat" | "inline" | "default";
+  disableStep?: boolean;
+  /** Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content. */
+  container?: "flat" | "inline" | undefined;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /** Prevents the user from changing the control value.
-https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
+  /** value the current page number */
+  value?: number;
+  /** The initial value used when the parent form resets. */
+  defaultValue?: string;
+  /** Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.
+
+- `false` The element allows editing and the user can change its value through interaction. */
+  readOnly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -2341,19 +2671,16 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max */
   max?: number | null;
   /** Defines the minimum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
-  minlength?: number;
+  minLength?: number;
   /** Defines the maximum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
-  maxlength?: number;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  maxLength?: number;
+  /** The name submitted with the control value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name */
   name?: string;
   /** Disables constraint validation for this control.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
-  novalidate?: boolean;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: number;
-  /** The initial value used when the parent form resets. */
-  defaultValue?: string;
+  noValidate?: boolean;
   /** The form associated with the control.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: HTMLFormElement | null;
@@ -2377,7 +2704,7 @@ https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels */
   labels?: NodeList;
   /** Text content from labels associated with the control. */
   composedLabel?: string;
-  /**  */
+  /** Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries. */
   "onstep-change"?: (e: CustomEvent<CustomEvent>) => void;
   /** Dispatched when the last page is active */
   "onlast-page"?: (e: CustomEvent<CustomEvent>) => void;
@@ -2396,6 +2723,8 @@ export type PanelContentProps = {};
 export type PanelFooterProps = {};
 
 export type PanelProps = {
+  /** Determines whether the panel should handle auto-closing behavior vs. defaults to off. */
+  "behavior-expand"?: boolean;
   /** Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
 - `true` The associated content expands and becomes visible to the user.
 
@@ -2407,12 +2736,11 @@ export type PanelProps = {
 - `false` The user cannot close the element and must dismiss it programmatically. */
   closable?: boolean;
   /** Determines whether the panel should handle auto-closing behavior vs. defaults to off. */
-  "behavior-expand"?: boolean;
+  behaviorExpand?: boolean;
   /** Sets the proper collapse icon and collapse animation, based on which side of the page the panel occupies. */
   side?: "left" | "right";
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-
   /** Dispatched when the panel opens. */
   onopen?: (e: CustomEvent<never>) => void;
   /** Dispatched when the panel closes. */
@@ -2420,13 +2748,14 @@ export type PanelProps = {
 };
 
 export type PasswordProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -2438,25 +2767,41 @@ export type PasswordProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type PreferencesInputProps = {
-  /** Enables updating internal string values for internationalization. */
-  i18n?: string;
   /** Prevents the user from changing the control value.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
+  /** Defines the minimum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
+  minlength?: number;
+  /** Defines the maximum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
+  maxlength?: number;
+  /** Disables constraint validation for this control.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
+  novalidate?: boolean;
+  /** Enables updating internal string values for internationalization. */
+  i18n?: string;
+  /** Contains the current color scheme, scale, and reduced motion preferences. Assign an object through JavaScript or provide its JSON serialization in the HTML `value` attribute. */
+  value?: { "color-scheme"?: string; scale?: string; "reduced-motion"?: boolean };
+  /** The initial value used when the parent form resets. */
+  defaultValue?: string;
+  /** Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.
+
+- `false` The element allows editing and the user can change its value through interaction. */
+  readOnly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -2479,19 +2824,16 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step */
   step?: number | null;
   /** Defines the minimum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
-  minlength?: number;
+  minLength?: number;
   /** Defines the maximum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
-  maxlength?: number;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  maxLength?: number;
+  /** The name submitted with the control value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name */
   name?: string;
   /** Disables constraint validation for this control.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
-  novalidate?: boolean;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: { "color-scheme"?: string; scale?: string; "reduced-motion"?: boolean };
-  /** The initial value used when the parent form resets. */
-  defaultValue?: string;
+  noValidate?: boolean;
   /** The form associated with the control.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: HTMLFormElement | null;
@@ -2522,8 +2864,8 @@ https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels */
 };
 
 export type ProgressBarProps = {
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: number | "default";
+  /** The current `value` of the progress indicator, set to the native HTML progress element. */
+  value?: number | undefined;
   /** The `max` property sets the highest value that `value` scales to. */
   max?: number;
   /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
@@ -2538,11 +2880,11 @@ export type ProgressBarProps = {
 };
 
 export type ProgressRingProps = {
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: number | "default";
+  /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */
+  value?: number | undefined;
   /** The `max` value of the progress ring that the `value` is proportionally scaled to. */
   max?: number;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
+  /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
 - `warning` Indicates cautionary actions that require careful consideration before proceeding.
@@ -2550,14 +2892,14 @@ export type ProgressRingProps = {
 - `success` Represents positive outcomes, confirmations, or constructive actions.
 
 - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "success" | "danger" | "neutral" | "default";
-  /** Controls the visual scale of an element to match its importance and available space.
+  status?: "accent" | "warning" | "success" | "danger" | "neutral" | undefined;
+  /** T-shirt `size` of the progress indicator, used to scale the ring.
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
 
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "default";
+  size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | undefined;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
 };
@@ -2570,26 +2912,20 @@ export type ProgressiveFilterChipProps = {
   closable?: boolean;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-
   /** Dispatched when the filter chip closes. */
   onclose?: (e: CustomEvent<never>) => void;
 };
 
 export type PulseProps = {
-  /** Controls the visual scale of an element to match its importance and available space.
+  /** Sets size of the pulse component. You can also update size using the `width + height` css props.
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
 
 - `md` Standard size that works well in most contexts and provides balanced visibility.
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
-  size?: "sm" | "md" | "lg" | "xs" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `accent` Highlights important actions or draws attention to primary interactive elements.
-
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "danger" | "default";
+  size?: "sm" | "md" | "lg" | "xs" | undefined;
+  /** These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. */
+  status?: "accent" | "warning" | "danger" | undefined;
 };
 
 export type RadioGroupProps = {
@@ -2602,16 +2938,12 @@ export type RadioGroupProps = {
 
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control group */
   prominence?: "muted";
 };
 
 export type RadioProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -2622,30 +2954,25 @@ export type RadioProps = {
 
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
-  /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type RangeProps = {
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
   /** Controls the directional flow of the element's layout and interaction pattern.
 - `vertical` Element orients vertically with top-to-bottom flow.
 
 - `horizontal` Element orients horizontally with left-to-right flow. */
   orientation?: "vertical" | "horizontal";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -2657,36 +2984,53 @@ export type RangeProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type ResizeHandleProps = {
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Defines the minimum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
+  minlength?: number;
+  /** Defines the maximum text length.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
+  maxlength?: number;
+  /** Disables constraint validation for this control.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
+  novalidate?: boolean;
   /** Controls the directional flow of the element's layout and interaction pattern.
 - `horizontal` Element orients horizontally with left-to-right flow.
 
 - `vertical` Element orients vertically with top-to-bottom flow. */
-  orientation?: "horizontal" | "vertical" | "default";
+  orientation?: "horizontal" | "vertical" | undefined;
   /** Determines the min resize value. */
   min?: number;
   /** Determines the max resize value. */
   max?: number;
   /** Determines the value step change. */
   step?: number;
-  /** Enables updating internal string values for internationalization. */
+  /** Updates internal string values for internationalization. */
   i18n?: string;
-  /** Prevents the user from changing the control value.
-https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
+  /** The current form control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/value */
+  value?: string;
+  /** The initial value used when the parent form resets. */
+  defaultValue?: string;
+  /** Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.
+
+- `false` The element allows editing and the user can change its value through interaction. */
+  readOnly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -2700,19 +3044,16 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern */
   pattern?: string;
   /** Defines the minimum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
-  minlength?: number;
+  minLength?: number;
   /** Defines the maximum text length.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
-  maxlength?: number;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  maxLength?: number;
+  /** The name submitted with the control value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name */
   name?: string;
   /** Disables constraint validation for this control.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
-  novalidate?: boolean;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: number;
-  /** The initial value used when the parent form resets. */
-  defaultValue?: string;
+  noValidate?: boolean;
   /** The form associated with the control.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: HTMLFormElement | null;
@@ -2741,15 +3082,16 @@ https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels */
 };
 
 export type SearchProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
   /** Sets the rounded visual style of the input. */
   rounded?: boolean;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -2761,31 +3103,27 @@ export type SearchProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type SelectProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inline` Element container reduces to fit within inline content such as a block of text. */
-  container?: "flat" | "inline" | "default";
-  /** Enables updating internal string values for internationalization. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Flat container option applies when embedding the component within another containing element */
+  container?: "flat" | "inline" | undefined;
+  /** Updates internal string values for internationalization. */
   i18n?: string;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -2797,13 +3135,11 @@ export type SelectProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  fitContent?: boolean;
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
@@ -2813,15 +3149,33 @@ export type SkeletonProps = {
   effect?: "shimmer" | "pulse";
   /** Geometry of the placeholder — rounded corners or a full pill outline. */
   shape?: "round" | "pill";
-  /** Whether the skeleton hides its content */
+  /** Hides the skeleton host when `true` and sets `aria-busy` to the inverse visibility state. */
   hidden?: boolean;
 };
 
 export type SortButtonProps = {
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popovertarget?: string;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popovertargetaction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandfor?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestfor?: string;
   /** The current sort value, can be ascending, descending, or none. */
   sort?: "ascending" | "descending" | "none";
-  /** Enables updating internal string values for internationalization. */
+  /** Updates internal string values for internationalization. */
   i18n?: string;
+  /** Defines the button behavior when associated within a form element.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
+  type?: "button" | "submit" | "reset";
   /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
 - `true` The button is in the pressed (on) state and the associated action or setting is active.
 
@@ -2832,20 +3186,18 @@ export type SortButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
   name?: string;
   /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
   value?: string;
-  /** Defines the button behavior when associated within a form element.
-https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
-  type?: "button" | "submit" | "reset";
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -2863,25 +3215,16 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
   current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popovertarget?: string;
+  popoverTargetElement?: HTMLElement | null;
   /** The popover target action to perform on the popover target element.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
-  popovertargetaction?: "show" | "hide" | "toggle";
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandfor?: string;
-  /** The command to execute on the element.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  command?: string;
-  /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
+  popoverTargetAction?: "show" | "hide" | "toggle";
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   commandForElement?: HTMLElement | null;
+  /** The command to execute on the element.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  command?: string;
   /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestForElement?: HTMLElement | null;
@@ -2890,6 +3233,16 @@ https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForEl
 };
 
 export type SparklineProps = {
+  /** Denotes the first data point by rendering a symbol at its position. */
+  "denote-first"?: boolean;
+  /** Denotes the last data point by rendering a symbol at its position. */
+  "denote-last"?: boolean;
+  /** Denotes all minimum-value data points by rendering symbols at their positions. */
+  "denote-min"?: boolean;
+  /** Denotes all maximum-value data points by rendering symbols at their positions. */
+  "denote-max"?: boolean;
+  /** Controls spacing between points in a line, in em (1 = chart height). Defaults to `0.6`. */
+  "interval-length"?: number;
   /** Numeric values representing a data series. */
   data?: number[];
   /** Controls the visual representation of data points.
@@ -2910,7 +3263,7 @@ export type SparklineProps = {
 
 - `step` Connects points with horizontal and vertical step segments. */
   interpolation?: "linear" | "smooth" | "step";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
+  /** Applies semantic status colors used across Elements status patterns.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
 - `warning` Indicates cautionary actions that require careful consideration before proceeding.
@@ -2956,8 +3309,8 @@ export type SparklineProps = {
     | "warning"
     | "success"
     | "danger"
-    | "default";
-  /** Controls the visual scale of an element to match its importance and available space.
+    | undefined;
+  /** Controls the sparkline size with explicit font-size tokens. Omit to auto-scale with parent font-size (1em).
 - `xs` Extra small size for minimal elements or highly dense layouts.
 
 - `sm` Compact size for dense layouts or secondary elements with less visual prominence.
@@ -2967,28 +3320,29 @@ export type SparklineProps = {
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.
 
 - `xl` Extra large size for emphasizing elements or sparse layouts. */
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | "default";
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
   /** Denotes the first data point by rendering a symbol at its position. */
-  "denote-first"?: boolean;
+  denoteFirst?: boolean;
   /** Denotes the last data point by rendering a symbol at its position. */
-  "denote-last"?: boolean;
+  denoteLast?: boolean;
   /** Denotes all minimum-value data points by rendering symbols at their positions. */
-  "denote-min"?: boolean;
+  denoteMin?: boolean;
   /** Denotes all maximum-value data points by rendering symbols at their positions. */
-  "denote-max"?: boolean;
+  denoteMax?: boolean;
   /** Controls spacing between points in a line, in em (1 = chart height). Defaults to `0.6`. */
-  "interval-length"?: number;
+  intervalLength?: number;
   /** Lower bound for the y-axis domain. When undefined, derives the bound from data. */
-  min?: number | "default";
+  min?: number | undefined;
   /** Upper bound for the y-axis domain. When undefined, derives the bound from data. */
-  max?: number | "default";
+  max?: number | undefined;
 };
 
 export type StarRatingProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -3000,39 +3354,45 @@ export type StarRatingProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type StepsItemProps = {
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popovertarget?: string;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popovertargetaction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandfor?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestfor?: string;
   /** Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
 - `true` The element holds selection and represents the user's current choice within the group.
 
 - `false` The element does not hold selection and the user can choose it. */
   selected?: boolean;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `accent` Highlights important actions or draws attention to primary interactive elements.
-
-- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
-  status?: "accent" | "danger" | "success" | "pending" | "default";
-  /** 
-Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-- `inline` Element container reduces to fit within inline content such as a block of text.
-- `inset` Element container optimizes for embedding or inset placement inside another containing element.
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "condensed" | "default";
+  /** Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number. */
+  status?: "accent" | "danger" | "success" | "pending" | undefined;
+  /** Determines whether the steps should display in condensed format with no text labels. */
+  container?: "condensed" | undefined;
+  /** Defines the button behavior when associated within a form element.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
+  type?: "button" | "submit" | "reset";
   /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
 - `true` The button is in the pressed (on) state and the associated action or setting is active.
 
@@ -3043,20 +3403,18 @@ Demonstrates different container styles to accommodate visual weight and context
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
   name?: string;
   /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
   value?: string;
-  /** Defines the button behavior when associated within a form element.
-https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
-  type?: "button" | "submit" | "reset";
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -3069,42 +3427,30 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
   current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popovertarget?: string;
+  popoverTargetElement?: HTMLElement | null;
   /** The popover target action to perform on the popover target element.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
-  popovertargetaction?: "show" | "hide" | "toggle";
+  popoverTargetAction?: "show" | "hide" | "toggle";
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandfor?: string;
+  commandForElement?: HTMLElement | null;
   /** The command to execute on the element.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   command?: string;
   /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandForElement?: HTMLElement | null;
-  /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestForElement?: HTMLElement | null;
 };
 
 export type StepsProps = {
+  /** Determines whether the steps should handle selection behavior vs. defaults to off. */
+  "behavior-select"?: boolean;
   /** Determines whether the steps should display in a vertical layout vs. defaulting to horizontal. */
   vertical?: boolean;
-  /** 
-Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-- `inline` Element container reduces to fit within inline content such as a block of text.
-- `inset` Element container optimizes for embedding or inset placement inside another containing element.
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "condensed" | "default";
+  /** Determines whether the steps should display in condensed format with no text labels. */
+  container?: "condensed" | undefined;
   /** Determines whether the steps should handle selection behavior vs. defaults to off. */
-  "behavior-select"?: boolean;
+  behaviorSelect?: boolean;
 };
 
 export type SwitchGroupProps = {
@@ -3117,16 +3463,16 @@ export type SwitchGroupProps = {
 
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control group */
   prominence?: "muted";
 };
 
 export type SwitchProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -3138,33 +3484,49 @@ export type SwitchProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type TabsGroupProps = {
-  /** Determines the alignment of the popover relative to the provided anchor element. */
+  /** Arranges the tab strip relative to slot-matched panels: stacked column (`top`), or sidebar row with tabs at
+inline-start (`start`) or inline-end (`end`) beside the panel region. */
   alignment?: "top" | "start" | "end";
-
   /** Dispatched when the selected tab value changes after an invoker `--toggle` updates selection */
   onselect?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type TabsItemProps = {
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popovertarget?: string;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popovertargetaction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandfor?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestfor?: string;
   /** Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
 - `true` The element holds selection and represents the user's current choice within the group.
 
 - `false` The element does not hold selection and the user can choose it. */
   selected?: boolean;
+  /** Defines the button behavior when associated within a form element.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
+  type?: "button" | "submit" | "reset";
   /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
 - `true` The button is in the pressed (on) state and the associated action or setting is active.
 
@@ -3175,20 +3537,18 @@ export type TabsItemProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
   name?: string;
   /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
   value?: string;
-  /** Defines the button behavior when associated within a form element.
-https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
-  type?: "button" | "submit" | "reset";
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -3201,40 +3561,48 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
   current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popovertarget?: string;
+  popoverTargetElement?: HTMLElement | null;
   /** The popover target action to perform on the popover target element.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
-  popovertargetaction?: "show" | "hide" | "toggle";
+  popoverTargetAction?: "show" | "hide" | "toggle";
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandfor?: string;
+  commandForElement?: HTMLElement | null;
   /** The command to execute on the element.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   command?: string;
   /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandForElement?: HTMLElement | null;
-  /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestForElement?: HTMLElement | null;
 };
 
 export type TabsProps = {
+  /** Determines whether the tabs should handle selection behavior vs. defaults to off. */
+  "behavior-select"?: boolean;
   /** Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. */
   vertical?: boolean;
   /** Determines whether the tabs should display a border on selected items vs. defaults to show border. */
   borderless?: boolean;
   /** Determines whether the tabs should handle selection behavior vs. defaults to off. */
-  "behavior-select"?: boolean;
+  behaviorSelect?: boolean;
 };
 
 export type TagProps = {
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
+  readonly?: boolean;
+  /** Establishes a relationship between a popover and its invoker button.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
+  popovertarget?: string;
+  /** The popover target action to perform on the popover target element.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
+  popovertargetaction?: "show" | "hide" | "toggle";
+  /** The element that receives the command.
+https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
+  commandfor?: string;
+  /** The element that receives the interest.
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
+  interestfor?: string;
   /** Indicates whether the user can dismiss or close the element.
 - `true` The element displays a close control and the user can dismiss it.
 
@@ -3264,11 +3632,13 @@ export type TagProps = {
     | "lime-pear"
     | "yellow-nova"
     | "brand-green";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `emphasis` Increases visual weight to draw attention and highlight important elements. */
-  prominence?: "emphasis" | "default";
-  /** Enables updating internal string values for internationalization. */
+  /** Determines the visual prominence or weight */
+  prominence?: "emphasis" | undefined;
+  /** Updates internal string values for internationalization. */
   i18n?: string;
+  /** Defines the button behavior when associated within a form element.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
+  type?: "button" | "submit" | "reset";
   /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
 - `true` The button is in the pressed (on) state and the associated action or setting is active.
 
@@ -3279,20 +3649,18 @@ export type TagProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /** Like input readonly, sets a button semantically as visual treatment only.
+  /** Indicates whether the element is a noninteractive visual treatment instead of a button.
 https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
-  readonly?: boolean;
-  /** Like input form, sets a button to submit a form outside its parent form.
-Returns a reference to the form element if available.
+  readOnly?: boolean;
+  /** Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only
+the form ID. Reading the property returns the associated form element or `null`.
 https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
   form?: string | HTMLFormElement | null;
-  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
+  /** The name of the button, submitted as a pair with the button value as part of the form data.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name */
   name?: string;
   /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
   value?: string;
-  /** Defines the button behavior when associated within a form element.
-https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
-  type?: "button" | "submit" | "reset";
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
 
@@ -3310,35 +3678,27 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
   current?: "page" | "step";
   /** Establishes a relationship between a popover and its invoker button.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popovertarget?: string;
+  popoverTargetElement?: HTMLElement | null;
   /** The popover target action to perform on the popover target element.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction */
-  popovertargetaction?: "show" | "hide" | "toggle";
+  popoverTargetAction?: "show" | "hide" | "toggle";
   /** The element that receives the command.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandfor?: string;
+  commandForElement?: HTMLElement | null;
   /** The command to execute on the element.
 https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
   command?: string;
   /** The element that receives the interest.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
-  interestfor?: string;
-  /** Establishes a relationship between a popover and its invoker button.
-https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */
-  popoverTargetElement?: HTMLElement | null;
-  /** The element that receives the command.
-https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API */
-  commandForElement?: HTMLElement | null;
-  /** The element that receives the interest.
 https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement */
   interestForElement?: HTMLElement | null;
 };
 
 export type TextareaProps = {
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -3350,27 +3710,26 @@ export type TextareaProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type TimeProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -3382,27 +3741,30 @@ export type TimeProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type ToastProps = {
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  "behavior-trigger"?: boolean;
+  /** A delayed `close` event occurs after the provided millisecond value elapses. */
+  "close-timeout"?: number;
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   anchor?: string | HTMLElement;
   /** @deprecated Use the popover API instead.
 The trigger defines what element triggers an `open` interaction event.
-A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
+A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines the element that triggers an `open` interaction event. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   trigger?: string | HTMLElement;
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
+  /** Sets the side position of the popover relative to the provided anchor element.
 - `center` Centers the popover directly over the anchor element.
 
 - `top` Positions the popover above the anchor element.
@@ -3420,19 +3782,25 @@ A trigger can accept a idref string within the same render root or a HTMLElement
 
 - `center` Centers the popover along the anchor's edge for balanced positioning. */
   alignment?: "start" | "end" | "center";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Sets the visual prominence of the toast. */
   prominence?: "muted";
   /** @deprecated Use the popover API instead.
 Determines if popover visibility behavior should be automatically controlled by the trigger. */
-  "behavior-trigger"?: boolean;
+  behaviorTrigger?: boolean;
   /** Indicates whether the user can dismiss or close the element.
 - `true` The element displays a close control and the user can dismiss it.
 
 - `false` The user cannot close the element and must dismiss it programmatically. */
   closable?: boolean;
-  /** A delayed `close` event occurs after the provided millisecond value elapses. */
-  "close-timeout"?: number;
+  /** Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading.
+- `0` Warning or error messages requiring immediate acknowledgment.
+
+- `3000` Brief success or confirmation messages.
+
+- `7000` Standard informational messages.
+
+- `10000` Messages with actions or requiring user decision. */
+  closeTimeout?: number;
   /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
 
@@ -3442,9 +3810,8 @@ Determines if popover visibility behavior should be automatically controlled by
 
 - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
   status?: "accent" | "warning" | "success" | "danger";
-  /** Enables updating internal string values for internationalization. */
+  /** Updates internal string values for internationalization. */
   i18n?: string;
-
   /** Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) */
   onbeforetoggle?: (e: CustomEvent<never>) => void;
   /** Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event) */
@@ -3460,13 +3827,16 @@ export type ToggletipFooterProps = {};
 export type ToggletipHeaderProps = {};
 
 export type ToggletipProps = {
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  "behavior-trigger"?: boolean;
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   anchor?: string | HTMLElement;
   /** @deprecated Use the popover API instead.
 The trigger defines what element triggers an `open` interaction event.
-A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
+A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines the element that triggers an `open` interaction event. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   trigger?: string | HTMLElement;
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
+  /** Sets the side position of the popover relative to the provided anchor element.
 - `center` Centers the popover directly over the anchor element.
 
 - `top` Positions the popover above the anchor element.
@@ -3486,7 +3856,7 @@ A trigger can accept a idref string within the same render root or a HTMLElement
   alignment?: "start" | "end" | "center";
   /** @deprecated Use the popover API instead.
 Determines if popover visibility behavior should be automatically controlled by the trigger. */
-  "behavior-trigger"?: boolean;
+  behaviorTrigger?: boolean;
   /** Indicates whether the user can dismiss or close the element.
 - `true` The element displays a close control and the user can dismiss it.
 
@@ -3494,10 +3864,8 @@ Determines if popover visibility behavior should be automatically controlled by
   closable?: boolean;
   /** Determines if the component renders an arrow. */
   arrow?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  /** Updates internal string values for internationalization. */
   i18n?: string;
-  /**  */
-  popoverArrow?: HTMLElement;
   /** Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) */
   onbeforetoggle?: (e: CustomEvent<never>) => void;
   /** Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event) */
@@ -3509,33 +3877,32 @@ Determines if popover visibility behavior should be automatically controlled by
 };
 
 export type ToolbarProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container.
-
-- `inset` Element container optimizes for embedding or inset placement inside another containing element.
-
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "flat" | "inset" | "full" | "default";
+  /** Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport. */
+  container?: "flat" | "inset" | "full" | undefined;
   /** Determines the primary content overflow behavior. */
-  content?: "scroll" | "wrap" | "default";
+  content?: "scroll" | "wrap" | undefined;
   /** Controls the directional flow of the element's layout and interaction pattern.
 - `horizontal` Element orients horizontally with left-to-right flow.
 
 - `vertical` Element orients vertically with top-to-bottom flow. */
-  orientation?: "horizontal" | "vertical" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `accent` Highlights important actions or draws attention to primary interactive elements. */
+  orientation?: "horizontal" | "vertical" | undefined;
+  /** Visual treatment to represent accent color for interactive selections */
   status?: "accent";
 };
 
 export type TooltipProps = {
-  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
+  /** @deprecated Use the popover API instead.
+Determines if popover visibility behavior should be automatically controlled by the trigger. */
+  "behavior-trigger"?: boolean;
+  /** @deprecated Use interest-delay-start css property instead */
+  "open-delay"?: number;
+  /** Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   anchor?: string | HTMLElement;
   /** @deprecated Use the popover API instead.
 The trigger defines what element triggers an `open` interaction event.
-A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
+A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. - Defines the element that triggers an `open` interaction event. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. */
   trigger?: string | HTMLElement;
-  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
+  /** Sets the side position of the popover relative to the provided anchor element.
 - `center` Centers the popover directly over the anchor element.
 
 - `top` Positions the popover above the anchor element.
@@ -3555,17 +3922,14 @@ A trigger can accept a idref string within the same render root or a HTMLElement
   alignment?: "start" | "end" | "center";
   /** @deprecated Use the popover API instead.
 Determines if popover visibility behavior should be automatically controlled by the trigger. */
-  "behavior-trigger"?: boolean;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `accent` - Highlights important actions or draws attention to primary interactive elements.
-- `warning` - Indicates cautionary actions that require careful consideration before proceeding.
-- `success` - Represents positive outcomes, confirmations, or constructive actions.
-- `danger` - Signals destructive or irreversible actions that need extra attention and confirmation. */
+  behaviorTrigger?: boolean;
+  /** visual treatment to represent a ongoing task or support status */
   status?: "muted";
-  /** @deprecated Use interest-delay-start css property instead */
-  "open-delay"?: number;
-  /**  */
-  popoverArrow?: HTMLElement;
+  /** @deprecated Use interest-delay-start css property instead - Sets the delay in milliseconds before the element emits an `open` event.
+- `0` Keyboard focus interactions (always immediate for accessibility).
+
+- `500` Dense interfaces with many tooltips to reduce visual noise and prevent accidental triggers. */
+  openDelay?: number;
   /** Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) */
   onbeforetoggle?: (e: CustomEvent<never>) => void;
   /** Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event) */
@@ -3593,14 +3957,8 @@ export type TreeNodeProps = {
   selectable?: "single" | "multi";
   /** Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI. */
   highlighted?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  /** Updates internal string values for internationalization. */
   i18n?: string;
-  /**  */
-  indeterminate?: boolean;
-  /**  */
-  behaviorExpand?: boolean;
-  /**  */
-  behaviorSelect?: boolean;
   /** Dispatched when the node opens. */
   onopen?: (e: CustomEvent<never>) => void;
   /** Dispatched when the node closes. */
@@ -3610,15 +3968,18 @@ export type TreeNodeProps = {
 };
 
 export type TreeProps = {
-  /** Determines whether all nodes can be in a selected state. Nodes can be in a single or multi select state. */
-  selectable?: "single" | "multi";
   /** Determines whether the tree nodes should handle auto-expanding behavior. */
   "behavior-expand"?: boolean;
   /** Determines whether the tree nodes should handle auto-select behavior. */
   "behavior-select"?: boolean;
+  /** Determines whether all nodes can be in a selected state. Nodes can be in a single or multi select state. */
+  selectable?: "single" | "multi";
+  /** Determines whether the tree nodes should handle auto-expanding behavior. */
+  behaviorExpand?: boolean;
+  /** Determines whether the tree nodes should handle auto-select behavior. */
+  behaviorSelect?: boolean;
   /** Determines if the node depth border renders. */
   border?: boolean;
-
   /** Dispatched from a child nve-tree-node when opened. */
   onopen?: (e: CustomEvent<never>) => void;
   /** Dispatched from a child nve-tree-node when closed. */
@@ -3628,13 +3989,14 @@ export type TreeProps = {
 };
 
 export type WeekProps = {
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `flat` Element has white space bounds but reduced visual container. */
-  container?: "flat" | "default";
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions. */
+  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
+  "fit-text"?: boolean;
+  /** Sets the input to match native default content block */
+  "fit-content"?: boolean;
+  /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
+Use when embedding within another container such as a toolbar. */
+  container?: "flat" | undefined;
+  /** Set current visual state for control. This overrides any validation states active. */
   status?: "warning" | "error" | "success" | "disabled";
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -3646,15 +4008,13 @@ export type WeekProps = {
 - `horizontal-inline` Arranges content horizontally with compact inline spacing. */
   layout?: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline";
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
-  "fit-text"?: boolean;
+  fitText?: boolean;
   /** Sets the input to match native default content block */
-  "fit-content"?: boolean;
-  /** Enables updating internal string values for internationalization. */
+  fitContent?: boolean;
+  /** Enables internal string values to update for internationalization. */
   i18n?: string;
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
+  /** Set the visual prominence of the control */
   prominence?: "muted";
-
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
@@ -3666,7 +4026,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - Heading text and supporting content that labels the accordion section.
    * - **prefix** - slot for prefix content
    * - **suffix** - slot for suffix content
    *
@@ -3694,16 +4054,15 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - This is a default/unnamed slot for accordion content
+   *  - _default_ - Content displayed in the collapsible region, typically an `nve-accordion-content` element.
    * - **icon-button** - icon elements to display for expand/collapse
    * - **header** - header element (Use `accordion-header` or custom content)
-   * - **content** - content element (Use `accordion-content` or custom content)
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
    * - **--color** - undefined _(default: undefined)_
    * - **--border-radius** - undefined _(default: undefined)_
-   * - **--header-padding** - undefined _(default: undefined)_
+   * - **--header-padding** - Padding around the header content. _(default: undefined)_
    * - **--cursor** - undefined _(default: undefined)_
    * - **--transition** - undefined _(default: undefined)_
    *
@@ -3781,7 +4140,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - `nve-avatar` elements that represent the group members.
    */
   "nve-avatar-group": Partial<AvatarGroupProps & BaseProps & BaseEvents>;
 
@@ -3791,7 +4150,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Initials, an image, or other content that identifies the represented user or bot.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -3811,7 +4170,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Short text that communicates the badge status.
    * - **prefix-icon** - slot for prefix icon
    * - **suffix-icon** - slot for suffix icon
    *
@@ -3924,7 +4283,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot
+   *  - _default_ - Card title, supporting text, and optional action controls.
    *
    * ### **CSS Properties:**
    *  - **--padding** - undefined _(default: undefined)_
@@ -3967,7 +4326,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - The message body displayed between the prefix and suffix content.
    * - **prefix** - for avatar/img content
    * - **suffix** - for avatar/img content
    *
@@ -4127,7 +4486,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default
+   *  - _default_ - Text label displayed before the copy icon.
    * - **icon** - slot for custom icon
    *
    * ### **CSS Properties:**
@@ -4280,7 +4639,7 @@ export type CustomElements = {
    * - **close** - Dispatched when the dialog closes.
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - Dialog body content displayed between the header and footer.
    *
    * ### **CSS Properties:**
    *  - **--border** - undefined _(default: undefined)_
@@ -4394,7 +4753,7 @@ export type CustomElements = {
    * - **close** - Dispatched when the drawer closes.
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - Drawer body content displayed between the header and footer.
    *
    * ### **CSS Properties:**
    *  - **--border** - undefined _(default: undefined)_
@@ -4422,13 +4781,14 @@ export type CustomElements = {
    *  - **open** - Dispatched when a dropdown in the group opens
    * - **close** - Dispatched when a dropdown in the group closes
    *
+   * ### **Methods:**
+   *  - **close()** - Closes every descendant dropdown in the group.
+   *
    * ### **Slots:**
    *  - _default_ - default slot for dropdown content
    *
    * ### **CSS Properties:**
-   *  - **--nve-dropdown-group-spacing** - undefined _(default: undefined)_
-   * - **--nve-dropdown-group-transition** - undefined _(default: undefined)_
-   * - **--arrow-transform** - Transform applied to the popover arrow _(default: undefined)_
+   *  - **--arrow-transform** - Transform applied to the popover arrow _(default: undefined)_
    */
   "nve-dropdown-group": Partial<DropdownGroupProps & BaseProps & BaseEvents>;
 
@@ -4511,9 +4871,8 @@ export type CustomElements = {
    * - **reset()** - Resets the control value to its initial value.
    *
    * ### **Slots:**
-   *  - _default_ - use only when custom messaging requires it
-   * - **icon** - default slot for icon
-   * - **content** - default slot for content
+   *  - _default_ - Custom messaging that replaces the default upload instructions.
+   * - **icon** - Custom icon that replaces the default upload icon.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -4621,7 +4980,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Validation or supporting message text for the associated control.
    *
    * ### **CSS Properties:**
    *  - **--color** - undefined _(default: undefined)_
@@ -4690,7 +5049,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Data or interactive controls displayed within the cell.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -4716,7 +5075,7 @@ export type CustomElements = {
    *  - **nve-grid-column-resize**
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Column heading text or controls.
    * - **actions** - slot for column actions
    *
    * ### **CSS Properties:**
@@ -4738,7 +5097,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Grid summary, pagination, or other footer controls.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -4757,7 +5116,7 @@ export type CustomElements = {
    *  - **scrollTo(options: _ScrollToOptions_): _Promise<void>_** - Scroll to a specific position in the grid.
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - `nve-grid-header`, `nve-grid-row`, and `nve-grid-placeholder` elements.
    * - **footer** - slot for grid-footer or toolbar
    *
    * ### **CSS Properties:**
@@ -4792,7 +5151,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Loading or empty-state message displayed in place of grid rows.
    *
    * ### **CSS Properties:**
    *  - **--color** - undefined _(default: undefined)_
@@ -4928,7 +5287,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Text, an image, or other visual content representing the brand or application.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -4948,7 +5307,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Label and supporting content for the menu option.
    * - **suffix** - slot for suffix icon
    *
    * ### **CSS Properties:**
@@ -5053,7 +5412,7 @@ export type CustomElements = {
    * - **open** - Dispatched when the notification opens.
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - The message communicated by the notification.
    * - **icon** - content slot for the status icon
    *
    * ### **CSS Properties:**
@@ -5102,7 +5461,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Loading status text displayed with the progress indicator.
    *
    * ### **CSS Properties:**
    *  - **--gap** - undefined _(default: undefined)_
@@ -5169,7 +5528,7 @@ export type CustomElements = {
    * - **close** - Dispatched after an invoker command sets `hidden` and closes the panel.
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - `nve-page-panel-content` elements that provide the panel body.
    * - **actions** - slot for action / dismiss buttons
    *
    * ### **CSS Properties:**
@@ -5220,7 +5579,7 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **step-change**
+   *  - **step-change** - Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries.
    * - **last-page** - Dispatched when the last page is active
    * - **first-page** - Dispatched when the first page is active
    * - **input** - Dispatched when the value (page) has changed
@@ -5236,8 +5595,7 @@ export type CustomElements = {
    * - **reset()** - Resets the control value to its initial value.
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
-   * - **suffix-label** - slot for overriding the "n of total" label when total is an approximation
+   *  - **suffix-label** - Overrides the "of total" label when the total is an approximation.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -5448,7 +5806,7 @@ export type CustomElements = {
    *  - **close** - Dispatched when the filter chip closes.
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - `input`, `select`, `nve-button`, or other `[nve-control]` elements used to build the filter.
    *
    * ### **CSS Properties:**
    *  - **--gap** - undefined _(default: undefined)_
@@ -5689,7 +6047,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - Loaded content that replaces the placeholder when provided.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -5892,7 +6250,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - The label displayed for the tab.
    *
    * ### **CSS Properties:**
    *  - **--font-size** - undefined _(default: undefined)_
@@ -5931,7 +6289,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Text or other content that identifies the category or group.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -6038,7 +6396,7 @@ export type CustomElements = {
    * - **close** - Dispatched when the toast closes.
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - The message communicated by the toast.
    * - **prefix** - custom status icon slot
    *
    * ### **CSS Properties:**
@@ -6130,7 +6488,7 @@ export type CustomElements = {
    *
    *
    * ### **Slots:**
-   *  - _default_ - default slot for content
+   *  - _default_ - Primary buttons, inputs, and other toolbar controls.
    * - **prefix** - slot for prefix content
    * - **suffix** - slot for suffix content
    *
@@ -6159,7 +6517,7 @@ export type CustomElements = {
    * - **close** - Dispatched when the tooltip closes.
    *
    * ### **Slots:**
-   *  - _default_ - default content slot
+   *  - _default_ - Noninteractive text or other descriptive content shown in the tooltip.
    *
    * ### **CSS Properties:**
    *  - **--border-radius** - undefined _(default: undefined)_