dap-design-system 0.17.0 → 0.18.1

package/dist/dds.d.ts

@@ -593,38 +593,6 @@ declare type CaptionProps = {
     size: never;
 };
 
-/**
- * `dap-ds-icon-checkbox-blank-circle-fill-check`
- * @summary An icon
- * @element dap-ds-icon-checkbox-blank-circle-fill-check
- * @title - SystemCheckboxBlankCircleFillCheck
- * @group icon
- * @icontype system
- *
- * @attribute {number} size - (optional) The width and height in pixels
- * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute
- * @attribute {boolean} decorative - (optional) If `true` the SVG element will get `aria-hidden="true"`
- * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility
- * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus
- *
- * @csspart base - The main icon container.
- */
-export declare class CheckboxBlankCircleFillCheck extends DdsElement {
-    /** (optional) The width and height in pixels */
-    size?: number | undefined;
-    /** (optional) Sets the icon color via the `fill` attribute */
-    selected?: boolean;
-    /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
-    decorative?: boolean;
-    /** (optional) When using the icon standalone, make it meaningful for accessibility */
-    accessibilityTitle?: string;
-    /** (optional) If `true` the icon can receive focus */
-    focusable?: boolean;
-    static styles: CSSResult;
-    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    render(): TemplateResult_2;
-}
-
 declare interface ChoiceElementMixinInterface {
     checked: boolean;
 }
@@ -797,9 +765,6 @@ export declare class DapDSAnchorHeading extends DdsElement {
  * @element dap-ds-badge
  * @title - Badge
  *
- * @attribute {'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'} type - The type of the badge. Default is `neutral`. Can be `neutral`, `brand`, `info`, `positive`, `warning`, or `negative`.
- * @attribute {'sm' | 'lg'} size - The size of the badge. Default is `sm`. Can be `sm` or `lg`.
- *
  * @slot - The content of the badge.
  * @slot icon - The icon of the badge.
  *
@@ -809,8 +774,15 @@ export declare class DapDSAnchorHeading extends DdsElement {
  * @csspart icon-base - The base of the icon.
  */
 export declare class DapDSBadge extends DdsElement {
+    /** The type of the badge
+     * @type { 'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative' }
+     */
     type: BadgeType;
+    /** The size of the badge
+     * @type { 'lg' | 'sm' }
+     */
     size: CommonSize;
+    /** The icon of the badge, this is a name of a built in icon */
     icon: string;
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
@@ -824,11 +796,6 @@ export declare class DapDSBadge extends DdsElement {
  * @summary A banner is a message displayed at the top of the page to provide important information to the user.
  * @title - Banner
  *
- * @attribute {'brand' |'info' | 'positive' | 'warning' | 'negative'} variant - The type of the banner.
- * @attribute {boolean} closeable - Whether the banner is closeable.
- * @attribute {string} opened - State of the banner. If false banner is hidden.
- * @attribute {string} closeButtonAriaLabel - The aria-label for the close button.
- *
  * @event dds-close - Event fired when the banner is closed.
  *
  * @slot - The content of the banner.
@@ -836,20 +803,32 @@ export declare class DapDSBadge extends DdsElement {
  * @slot icon - The icon of the banner.
  *
  * @csspart base - The main banner container.
+ * @csspart card-base - The wrapper card container.
  * @csspart icon - The icon of the banner.
  * @csspart icon-element - The icon element of the banner.
  * @csspart icon-base - The base of the icon.
  * @csspart closebutton - The close button of the banner.
+ * @csspart close-icon-element - The icon element of the close button.
+ * @csspart close-icon-base - The base of the close button icon.
  * @csspart actions - The actions of the banner.
  * @csspart title -  The title of the banner.
  */
 export declare class DapDSBanner extends DdsElement {
+    /** @ignore */
     actionSlot: HTMLElement[];
+    /** @ignore */
     actionContainer: HTMLElement;
+    /** The variant of the banner
+     * @type { 'brand' | 'positive' | 'info' | 'warning' | 'negative' }
+     */
     variant: BannerVariant;
+    /** Whether the banner is closeable */
     closeable: boolean;
+    /** State of the banner. If false banner is hidden */
     opened: string;
+    /** The aria-label for the close button */
     closeButtonLabel: string;
+    /** The icon of the banner, this is a name of a built icon icon */
     icon: string;
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
@@ -863,8 +842,6 @@ export declare class DapDSBanner extends DdsElement {
  * @element dap-ds-breadcrumb
  * @title - Breadcrumb
  *
- * @attribute {string} label - The label of the breadcrumb.
- *
  * @slot - The content of the breadcrumb.
  *
  * @csspart base - The main breadcrumb container.
@@ -872,10 +849,15 @@ export declare class DapDSBanner extends DdsElement {
  */
 export declare class DapDSBreadcrumb extends DdsElement {
     static styles: CSSResult;
+    /** @ignore */
     defaultSlot: HTMLSlotElement;
+    /** @ignore */
     separatorSlot: HTMLSlotElement;
+    /** The label of the breadcrumb. */
     label: string;
+    /** Inverted color style */
     inverted: boolean;
+    /** Mobile version of the breadcrumb */
     mobile: boolean;
     private cloneSeparator;
     private handleSlotChange;
@@ -889,12 +871,6 @@ export declare class DapDSBreadcrumb extends DdsElement {
  * @summary A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
  * @title - Breadcrumb item
  *
- * @attribute {string} href - The URL of the breadcrumb item.
- * @attribute {'_blank' | '_self' | '_parent' | '_top'} target - The target of the breadcrumb item. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.
- * @attribute {string} rel - The rel of the breadcrumb item link.
- * @attribute {boolean} disabled - Whether the breadcrumb item is disabled.
- * @attribute {boolean} last - Whether the breadcrumb item is the last one in the list
- *
  * @slot - The content of the breadcrumb item.
  *
  * @csspart base - The main breadcrumb item container. The li element.
@@ -903,10 +879,17 @@ export declare class DapDSBreadcrumb extends DdsElement {
  * @csspart item-nolink - The item of the breadcrumb item without a link. The span element.
  */
 export declare class DapDSBreadcrumbItem extends DdsElement {
+    /** The URL of the breadcrumb item. */
     href?: string;
+    /** The target of the breadcrumb item.
+     * @type {'_blank' | '_self' | '_parent' | '_top'}
+     */
     target?: LinkTarget;
+    /** The rel of the breadcrumb item link. */
     rel: string;
+    /** Whether the breadcrumb item is disabled. */
     disabled: boolean;
+    /** Whether the breadcrumb item is inverted. */
     inverted: boolean;
     static styles: CSSResult;
     render(): TemplateResult_2<1>;
@@ -1083,15 +1066,6 @@ declare const DapDSCalendarCell_base: typeof DdsElement & {
  * @element dap-ds-callout
  * @title - Callout
  *
- * @attribute {'brand' | 'info' | 'positive' | 'warning' | 'negative'} variant - The variant of the callout. Can be `brand`, `info`, `positive`, `warning`, or `negative`.
- * @attribute {'vertical' | 'horizontal'} alignment - The alignment of the callout. Can be `vertical` or `horizontal`.
- * @attribute {'subtle' | 'base' | 'medium' | 'strong'} shade - The strongness of the callout. Can be `subtle`, `base`, `medium`, or `strong`.
- * @attribute {boolean} border - The border of the callout.
- * @attribute {boolean} closeable - If the callout has a close button.
- * @attribute {string} closeButtonLabel - The label of the close button.
- * @attribute {string} opened - If the callout is opened.
- * @attribute {string} title - The header of the callout.
- *
  * @event dds-close - Fired when the close button is clicked.
  *
  * @slot - The content of the callout.
@@ -1108,15 +1082,31 @@ declare const DapDSCalendarCell_base: typeof DdsElement & {
  * @csspart close - The close button of the callout.
  */
 export declare class DapDSCallout extends DdsElement {
+    /** @ignore */
     actionSlot: HTMLElement[];
+    /** @ignore */
     actionContainer: HTMLElement;
+    /** The variant of the callout
+     * @type { 'brand' | 'positive' | 'info' | 'warning' | 'negative' }
+     */
     variant: CalloutVariant;
+    /** The alignment of the callout. Can be `vertical` or `horizontal`.
+     * @type { 'vertical' | 'horizontal' }
+     */
     alignment: Alignment;
+    /** The strongness of the callout. Can be `subtle`, `base`, `medium`, or `strong`.
+     * @type { 'subtle' | 'base' | 'medium' | 'strong' }
+     */
     shade: BackgroundShade;
+    /** The border of the callout */
     noBorder: String;
+    /** If the callout has a close button */
     closeable: boolean;
+    /** The header of the callout */
     title: string;
+    /** The label of the close button */
     closeButtonLabel: string;
+    /** If the callout is opened */
     opened: string;
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
@@ -1131,22 +1121,24 @@ export declare class DapDSCallout extends DdsElement {
  * @element dap-ds-card
  * @title - Card
  *
- * @attribute {boolean} interactive - Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element.
- * @attribute {boolean} disabled - Whether the card is disabled.
- * @attribute {'_blank' | '_self' | '_parent' | '_top'} target - The target of the card. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.
- * @attribute {string} href - The URL of the card.
- * @attribute {string} rel - The rel of the card link.
- *
  * @slot - The content of the card.
  *
  * @csspart base - The main card container.
  */
 export declare class DapDSCard extends DapDSCard_base {
+    /** Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element. */
     interactive: boolean;
+    /** Whether the card is disabled. */
     disabled: boolean;
+    /** Removes the border around the card */
     noBorder: boolean;
+    /** The link target of the card
+     * @type { '_blank' | '_self' | '_parent' | '_top' }
+     */
     target: LinkTarget;
+    /** The URL of the card. */
     href: string;
+    /** The rel of the card link. */
     rel: string;
     static styles: CSSResult;
     render(): TemplateResult_2<1>;
@@ -1395,14 +1387,13 @@ export declare class DapDSCombobox extends ComboboxBaseElement {
  * @slot - The content switcher items.
  *
  * @event dds-change - Fired when the content switcher is changed.
- *
- * @attribute {boolean} multiSelect - Whether the content switcher allows multiple selections.
- * @attribute {string} value - The value of the content switcher. A comma-separated list if `multiSelect` is `true`.
- *
+ * *
  * @csspart base - The main content switcher container.
  */
 export declare class DapDSContentSwitcher extends DdsElement {
+    /** Whether the content switcher allows multiple selections. */
     multiSelect: boolean;
+    /** The value of the content switcher. A comma-separated list if `multiSelect` is `true`. */
     value: string;
     static styles: CSSResult;
     private getAllInputs;
@@ -1417,23 +1408,22 @@ export declare class DapDSContentSwitcher extends DdsElement {
  * @element dap-ds-content-switcher-item
  * @title - Content switcher item
  *
- * @slot - The icon content of the segmented control item.
- *
- * @attribute {string} value - The value of the segmented control item.
- * @attribute {boolean} checked - The checked state of the segmented control item.
- * @attribute {boolean} selected - The selected state of the segmented control item.
- * @attribute {string} name - The name of the segmented control item.
+ * @slot iconcontent - The icon content of the segmented control item.
  *
  * @csspart input - The input of the segmented control item.
  *
  */
 export declare class DapDSContentSwitcherItem extends DdsElement {
+    /** The value of the segmented control item. */
     value: string;
+    /** The checked state of the segmented control item. */
     checked: boolean;
+    /** The disabled state of the segmented control item. */
     disabled: boolean;
+    /** The name of the segmented control item. */
     name: string;
     static styles: CSSResult;
-    get multiple(): boolean | undefined;
+    private get multiple();
     handleClick: (e: MouseEvent) => void;
     render(): TemplateResult_2;
 }
@@ -1444,24 +1434,24 @@ export declare class DapDSContentSwitcherItem extends DdsElement {
  * @element dap-ds-copybox-input
  * @title - CopyBox input
  *
- * @attribute {string} label - The label of the input.
- * @attribute {string} placeholder - The placeholder of the input.
- * @attribute {string} description - The description of the input.
- * @attribute {string} tooltip - The tooltip of the input.
- * @attribute {'success' | 'error'} status - The status of the input. Can be `success` or `error`.
- * @attribute {'sm' | 'lg'} size - The size of the input. Default is `sm`. Can be `sm` or `lg`.
- * @attribute {string} name - The name of the input.
- * @attribute {string} value - The value of the input.
- * @attribute {boolean} disabled - The disabled state of the input. Default is false.
- * @attribute {boolean} required - The required state of the input. Default is false.
- * @attribute {boolean} readonly - The readonly state of the input. Default is false.
- * @attribute {boolean} autofocus - The autofocus state of the input. Default is false.
- * @attribute {string} feedback - The feedback of the input.
- * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
- * @attribute {boolean} loading - The loading state of the input. Default is false.
- * @attribute {boolean} optional - The optional state of the input.
- * @attribute {string} optionalLabel - The optional label of the input.
- * @attribute {boolean} subtle - The weight of the label. Default is `false`
+ * @property {string} label - The label of the input.
+ * @property {string} placeholder - The placeholder of the input.
+ * @property {string} description - The description of the input.
+ * @property {string} tooltip - The tooltip of the input.
+ * @property {'success' | 'error'} status - The status of the input. Can be `success` or `error`.
+ * @property {'sm' | 'lg'} size - The size of the input. Default is `sm`. Can be `sm` or `lg`.
+ * @property {string} name - The name of the input.
+ * @property {string} value - The value of the input.
+ * @property {boolean} disabled - The disabled state of the input. Default is false.
+ * @property {boolean} required - The required state of the input. Default is false.
+ * @property {boolean} readonly - The readonly state of the input. Default is false.
+ * @property {boolean} autofocus - The autofocus state of the input. Default is false.
+ * @property {string} feedback - The feedback of the input.
+ * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
+ * @property {boolean} loading - The loading state of the input. Default is false.
+ * @property {boolean} optional - The optional state of the input.
+ * @property {string} optionalLabel - The optional label of the input.
+ * @property {boolean} subtle - The weight of the label. Default is `false`
  *
  * @event dds-copy - Fired when the user clicks on the copy button.
  * @event dds-change - Fired when the input value changes.
@@ -1476,7 +1466,6 @@ export declare class DapDSContentSwitcherItem extends DdsElement {
  * @csspart button - The button of the component.
  */
 export declare class DapDSCopyBoxInput extends InputBaseElement {
-    value: string;
     constructor();
     render(): TemplateResult_2<1>;
     onCopy(): void;
@@ -1490,14 +1479,13 @@ export declare class DapDSCopyBoxInput extends InputBaseElement {
  * @title - Dap badge
  *
  * @slot - Description of badge
- *
- * @attribute { boolean } inverted - The type of the DÁP badge. Default is false. Can be false or true.
- *
+ * *
  * @csspart base - Main badge container
  * @csspart icon - Badge icon
  * @csspart text - Badge text
  */
 export declare class DapDSDAPBadge extends DdsElement {
+    /** The color style of the DÁP badge */
     inverted: boolean;
     static styles: CSSResult;
     render(): TemplateResult_2;
@@ -1608,11 +1596,13 @@ export declare class DapDSDatePicker extends GenericFormElement {
  * @element dap-ds-divider
  * @title - Divider
  *
- * @attribute {boolean} vertical - Whether the divider is vertical. Default is false.
- * @attribute {Spacing} spacing - The spacing of the divider. Default is 0. It is uses the design system values (100, 200, 300, etc...)
  */
 export declare class DapDSDivider extends DdsElement {
+    /** Whether the divider is vertical */
     vertical: boolean;
+    /** The spacing of the divider
+     * @type { 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000 }
+     */
     spacing: Spacing;
     static styles: CSSResult;
     connectedCallback(): void;
@@ -1624,9 +1614,7 @@ export declare class DapDSDivider extends DdsElement {
  * @element dap-ds-feedback
  * @title - Feedback
  *
- * @attribute {'negative' | 'positive' | 'warning'} type - The type of the feedback. Default is `positive`.
  * @attribute {'sm' | 'lg'} size - The size of the feedback. Default is `sm`. Can be `sm` or `lg`.
- * @attribute {boolean} subtle - The weight of the label. Default is false.
  *
  * @slot icon - The custom icon of the feedback.
  * @slot - The text of the feedback.
@@ -1637,8 +1625,13 @@ export declare class DapDSDivider extends DdsElement {
  */
 export declare class DapDSFeedback extends DapDSFeedback_base {
     static styles: CSSResult;
+    /** The type of the feedback
+     * @type { 'negative' | 'positive' | 'warning' }
+     */
     type: FeedbackType;
+    /** The weight of the label */
     subtle: boolean;
+    /** Removes the margins around the feedback */
     noMargin: boolean;
     render(): TemplateResult_2<1>;
     private _iconType;
@@ -1916,32 +1909,32 @@ export declare class DapDSIconButton extends DdsElement {
  * @element dap-ds-input
  * @title - Input
  *
- * @attribute {string} label - The label of the input.
- * @attribute {string} optionalLabel - Text of optional label.
- * @attribute {boolean} subtle - Text weight of label. If true the label is subtle. Default value is false.
- * @attribute {string} placeholder - The placeholder of the input.
- * @attribute {string} description - The description of the input.
- * @attribute {string} tooltip - The tooltip of the input.
- * @attribute {string} status - The status of the input. Can be `success` or `error`.
- * @attribute {'sm' | 'lg'} size - The size of the input. Default is `sm`. Can be `sm` or `lg`.
- * @attribute {string} name - The name of the input.
- * @attribute {string} value - The value of the input.
- * @attribute {string} type - The type of the input. Default is 'text'.
- * @attribute {boolean} disabled - The disabled state of the input. Default is false.
- * @attribute {boolean} required - The required state of the input. Default is false.
- * @attribute {boolean} readonly - The readonly state of the input. Default is false.
- * @attribute {boolean} autofocus - The autofocus state of the input. Default is false.
- * @attribute {boolean} autocapitalize - The autocapitalize state of the input. Default is false.
- * @attribute {number} minlength - The minimum length of the input.
- * @attribute {number} maxlength - The maximum length of the input.
- * @attribute {number} min - The minimum value of the number input.
- * @attribute {number} max - The maximum value of the number input.
- * @attribute {number} step - The step value of the number input.
- * @attribute {string} inputmode - The inputmode of the input.
- * @attribute {string} pattern - The regex pattern of the input.
- * @attribute {string} feedback - The feedback of the input.
- * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
- * @attribute {boolean} loading - The loading state of the input. Default is false.
+ * @property {string} label - The label of the input.
+ * @property {string} description - The description of the input.
+ * @property {string} optionalLabel - Text of optional label.
+ * @property {boolean} subtle - Text weight of label. If true the label is subtle. Default value is false.
+ * @property {string} value - The value of the input.
+ * @property {string} placeholder - The placeholder of the input.
+ * @property {boolean} loading - The loading state of the input. Default is false.
+ * @property {string} tooltip - The tooltip of the input.
+ * @property {string} feedback - The feedback of the input.
+ * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
+ * @property {'succes' | 'error'} status - The status of the input. Can be `success` or `error`.
+ * @property {'sm' | 'lg'} size - The size of the input. Default is `sm`. Can be `sm` or `lg`.
+ * @property {string} name - The name of the input.
+ * @property {'text' | 'number' | 'button' | 'color' | 'email' | 'hidden' | 'reset' | 'submit' | 'url' | 'password'| 'file'} type - The type of the input. Default is 'text'.
+ * @property {boolean} disabled - The disabled state of the input. Default is false.
+ * @property {boolean} required - The required state of the input. Default is false.
+ * @property {boolean} readonly - The readonly state of the input. Default is false.
+ * @property {boolean} autofocus - The autofocus state of the input. Default is false.
+ * @property {boolean} autocapitalize - The autocapitalize state of the input. Default is false.
+ * @property {number} minlength - The minimum length of the input.
+ * @property {number} maxlength - The maximum length of the input.
+ * @property {number} min - The minimum value of the number input.
+ * @property {number} max - The maximum value of the number input.
+ * @property {number} step - The step value of the number input.
+ * @property {string} inputmode - The inputmode of the input.
+ * @property {string} pattern - The regex pattern of the input.
  *
  * @event dds-change - Fired when the input value changes.
  * @event dds-input - Fired when the input value changes.
@@ -2063,8 +2056,8 @@ export declare class DapDSLink extends DdsElement {
  *
  */
 export declare class DapDSListItem extends DdsElement {
-    actionSlot: HTMLElement[];
-    actionContainer: HTMLElement;
+    private actionSlot;
+    private actionContainer;
     /**
      * The variant of the list item.
      * @type {'info' | 'pass' | 'fail' | 'notapplicable' | 'empty' | 'number'}
@@ -2107,7 +2100,7 @@ export declare class DapDSListItem extends DdsElement {
     noIcon: boolean;
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    getIcon: (icon: string, variant: ListItemVariant, status: ListItemStatus, number?: number) => TemplateResult_2;
+    private getIcon;
     render(): TemplateResult_2;
 }
 
@@ -2159,27 +2152,27 @@ export declare class DapDSModal extends ModalBaseElement {
  * @element dap-ds-number-input
  * @title - Number input
  *
- * @attribute {string} label - The label of the input.
- * @attribute {string} placeholder - The placeholder of the input.
- * @attribute {string} description - The description of the input.
- * @attribute {string} tooltip - The tooltip of the input.
- * @attribute {'success' | 'error'} status - The status of the input. Can be `success` or `error`.
- * @attribute {'sm' | 'lg'} size - The size of the input. Default is `sm`. Can be `sm` or `lg`.
- * @attribute {string} name - The name of the input.
- * @attribute {string} value - The value of the input.
- * @attribute {boolean} disabled - The disabled state of the input. Default is false.
- * @attribute {boolean} required - The required state of the input. Default is false.
- * @attribute {boolean} readonly - The readonly state of the input. Default is false.
- * @attribute {boolean} autofocus - The autofocus state of the input. Default is false.
- * @attribute {number} min - The minimum value of the number input.
- * @attribute {number} max - The maximum value of the number input.
- * @attribute {number} step - The step value of the number input.
- * @attribute {string} feedback - The feedback of the input.
- * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
- * @attribute {boolean} loading - The loading state of the input. Default is false.
- * @attribute {boolean} optional - The optional state of the input.
- * @attribute {string} optionalLabel - The optional label of the input.
- * @attribute {boolean} subtle - The weight of the label. Default is `false`
+ * @property {string} label - The label of the input.
+ * @property {string} placeholder - The placeholder of the input.
+ * @property {string} description - The description of the input.
+ * @property {string} tooltip - The tooltip of the input.
+ * @property {'success' | 'error'} status - The status of the input. Can be `success` or `error`.
+ * @property {'sm' | 'lg'} size - The size of the input. Default is `sm`. Can be `sm` or `lg`.
+ * @property {string} name - The name of the input.
+ * @property {string} value - The value of the input.
+ * @property {boolean} disabled - The disabled state of the input. Default is false.
+ * @property {boolean} required - The required state of the input. Default is false.
+ * @property {boolean} readonly - The readonly state of the input. Default is false.
+ * @property {boolean} autofocus - The autofocus state of the input. Default is false.
+ * @property {number} min - The minimum value of the number input.
+ * @property {number} max - The maximum value of the number input.
+ * @property {number} step - The step value of the number input.
+ * @property {string} feedback - The feedback of the input.
+ * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
+ * @property {boolean} loading - The loading state of the input. Default is false.
+ * @property {boolean} optional - The optional state of the input.
+ * @property {string} optionalLabel - The optional label of the input.
+ * @property {boolean} subtle - The weight of the label. Default is `false`
  *
  * @event dds-change - Fired when the input value changes.
  * @event dds-input - Fired when the input value changes.
@@ -2205,23 +2198,28 @@ export declare class DapDSNumberInput extends InputBaseElement {
  * @summary An option item is a selectable item in a list of options.
  * @element dap-ds-option-item
  * @title - Option item
- *
- * @attribute {boolean} selected - The selected state of the option item.
- * @attribute {any} value - The value of the option item.
- * @attribute {boolean} disabled - The disabled state of the option item.
- * @attribute {boolean} focused - The focused state of the option item.
- *
+ * *
  * @csspart base - The main option item container.
  * @csspart prefix - The prefix of the option item.
  * @csspart label - The label of the option item.
  * @csspart suffix - The suffix of the option item.
+ *
+ * @slot prefix - The prefix of the option item.
+ * @slot - The label of the option item.
+ * @slot suffix - The suffix of the option item.
  */
 export declare class DapDSOptionItem extends DapDSOptionItem_base {
+    /** The selected state of the option item */
     selected?: boolean;
+    /** Wheteher the item is selectable, whether it shows the selected icon */
     selectable?: boolean;
+    /** The value of the option item */
     value?: any;
+    /** The disabled state of the option item */
     disabled?: boolean;
+    /** The focused state of the option item */
     focused?: boolean;
+    /** The label of the option item, it can be a simplier version of an item */
     label?: string;
     private _prefixNode;
     private _postfixNode;
@@ -2230,7 +2228,7 @@ export declare class DapDSOptionItem extends DapDSOptionItem_base {
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    handleClick(event: MouseEvent): void;
+    private handleClick;
     get optionText(): string;
     render(): TemplateResult_2<1>;
 }
@@ -2246,26 +2244,34 @@ declare const DapDSOptionItem_base: typeof DdsElement & {
  * @element dap-ds-option-list
  * @title - Option list
  *
- * @attribute {string} filterText - The filter text of the option list.
- * @attribute {string} value - The value of the option list.
- * @attribute {boolean} focused - The focused state of the option list.
- * @attribute {'none' | 'typehead' | 'search'} search-mode - The search mode of the option list. Default is `none`. Can be `none`, `typehead`, or `search`.
- * @attribute {any[]} options - The options of the option list.
- *
  * @event dds-cancel - Fired when the escape key is pressed.
  * @event dds-option-change - Fired when the option list value changes.
  * @event dds-keydown - Fired when a key is pressed down.
  *
  * @csspart base - The main option list container.
+ *
+ * @slot - The default slot for the options.
  */
 export declare class DapDSOptionList extends DapDSOptionList_base {
+    /** The filter text of the option list */
     filterText: string;
+    /** The value of the option list */
     value?: string;
+    /** The focused state of the option list. */
     focused: boolean;
+    /** Whether the option list is searchable */
     search: boolean;
+    /** The search mode of the option list. Default is `none` */
     searchMode: 'none' | 'typehead' | 'autocomplete' | 'manual';
+    /**
+     * @ignore
+     */
     searchOnValueSet: string;
+    /** Whether the option list items are selectable, whether it shows the selected icon */
     selectable: boolean;
+    /**
+     * @ignore
+     */
     options?: any[];
     queryTimeout: number | undefined;
     queryString: string;
@@ -2286,7 +2292,7 @@ export declare class DapDSOptionList extends DapDSOptionList_base {
     filterAvailableOptions(): void;
     attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
     setOptionsFromSlottedItems(): void;
-    handleKeydown(event: KeyboardEvent): void;
+    private handleKeydown;
     private scrollToActiveOption;
     private handleKeyCodes;
     private getEventDetails;
@@ -2298,7 +2304,7 @@ export declare class DapDSOptionList extends DapDSOptionList_base {
     private setSelectedOption;
     private selectionChanged;
     private changeOption;
-    handleOptionClick: (event: MouseEvent) => void;
+    private handleOptionClick;
     getSearchString: (char: string) => string;
     buildQueryString: (char: string) => void;
     captureFocus(key?: string): void;
@@ -2318,10 +2324,9 @@ declare const DapDSOptionList_base: typeof DdsElement & {
  * @element dap-ds-overlay
  * @title - Overlay
  *
- * @attribute {boolean} open - The open state of the overlay.
- *
  */
 export declare class DapDSOverlay extends DdsElement {
+    /** The open state of the overlay. */
     open?: boolean;
     static styles: CSSResult;
     render(): TemplateResult_2<1>;
@@ -2333,24 +2338,24 @@ export declare class DapDSOverlay extends DdsElement {
  * @element dap-ds-password-input
  * @title - Password input
  *
- * @attribute {string} label - The label of the password input.
- * @attribute {string} placeholder - The placeholder of the password input.
- * @attribute {string} description - The description of the password input.
- * @attribute {string} tooltip - The tooltip of the password input.
- * @attribute {string} status - The status of the password input. Can be `success` or `error`.
- * @attribute {'sm' | 'lg'} size - The size of the password input. Default is `sm`. Can be `sm` or `lg`.
- * @attribute {string} name - The name of the password input.
- * @attribute {string} value - The value of the password input.
- * @attribute {boolean} disabled - The disabled state of the password input. Default is false.
- * @attribute {boolean} required - The required state of the password input. Default is false.
- * @attribute {boolean} readonly - The readonly state of the password input. Default is false.
- * @attribute {boolean} autofocus - The autofocus state of the password input. Default is false.
- * @attribute {string} feedback - The feedback of the input.
- * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
- * @attribute {boolean} loading - The loading state of the password input. Default is false.
- * @attribute {boolean} optional - The optional state of the password input.
- * @attribute {string} optionalLabel - The optional label of the password input.
- * @attribute {boolean} subtle - The weight of the label. Default is `false`
+ * @property {string} label - The label of the password input.
+ * @property {string} placeholder - The placeholder of the password input.
+ * @property {string} description - The description of the password input.
+ * @property {string} tooltip - The tooltip of the password input.
+ * @property {string} status - The status of the password input. Can be `success` or `error`.
+ * @property {'sm' | 'lg'} size - The size of the password input. Default is `sm`. Can be `sm` or `lg`.
+ * @property {string} name - The name of the password input.
+ * @property {string} value - The value of the password input.
+ * @property {boolean} disabled - The disabled state of the password input. Default is false.
+ * @property {boolean} required - The required state of the password input. Default is false.
+ * @property {boolean} readonly - The readonly state of the password input. Default is false.
+ * @property {boolean} autofocus - The autofocus state of the password input. Default is false.
+ * @property {string} feedback - The feedback of the input.
+ * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
+ * @property {boolean} loading - The loading state of the password input. Default is false.
+ * @property {boolean} optional - The optional state of the password input.
+ * @property {string} optionalLabel - The optional label of the password input.
+ * @property {boolean} subtle - The weight of the label. Default is `false`
  *
  * @event dds-change - Fired when the input value changes.
  * @event dds-input - Fired when the input value changes.
@@ -2379,14 +2384,6 @@ export declare class DapDSPasswordInput extends InputBaseElement {
  * @element dap-ds-popup
  * @title - Popup
  *
- * @attribute {boolean} disabled - The disabled state of the popup.
- * @attribute {boolean} opened - The open state of the popup.
- * @attribute {PopupPlacement} placement - The placement of the popup. Can be 'top', 'right', 'bottom', or 'left'. Default is 'bottom'.
- * @attribute {'absolute' | 'fixed'} floatingStrategy - The floating strategy of the popup. Default is `absolute`. Can be `absolute` or `fixed`.
- * @attribute {number} offset - The offset of the popup.
- * @attribute {boolean} sync - The sync state of the popup.
- * @attribute {boolean} hasArrow - The arrow state of the popup.
- *
  * @slot trigger - The trigger of the popup.
  * @slot - The content of the popup.
  *
@@ -2397,16 +2394,29 @@ export declare class DapDSPopup extends DdsElement {
     static styles: CSSResult;
     private triggerElement;
     private cleanup;
-    popup: HTMLDivElement;
+    private popup;
     private arrowElement?;
+    /** The disabled state of the popup. */
     disabled?: boolean | undefined;
+    /** The open state of the popup. */
     opened?: boolean | undefined;
+    /** The placement of the popup.
+     * @type {'top' | 'right' | 'bottom' | 'left'}
+     */
     placement: PopupPlacement;
+    /** The floating strategy of the popup.
+     * @type {'absolute' | 'fixed'}
+     */
     floatingStrategy: FloatingStrategy;
+    /** The offset of the popup. */
     offset: number;
+    /** Whether the popup should sync its width with the trigger. */
     sync?: boolean;
+    /** The maximum height of the popup. */
     maxHeight: number | 'auto';
+    /** Whether the popup has an arrow. */
     hasArrow: boolean;
+    /** Whether the popup should overflow. */
     overflow: boolean;
     connectedCallback(): Promise<void>;
     updated(changedProps: Map<string, unknown>): Promise<void>;
@@ -2589,29 +2599,21 @@ export declare class DapDSSearch extends ComboboxBaseElement {
  * @event dds-blur - Emitted when the select loses focus.
  * @event dds-focus - Emitted when the select gains focus.
  *
- * @attribute {string} value - The value of the select.
- * @attribute {string} placeholder - The placeholder of the select.
- * @attribute { 'top' | 'top-start' | 'top-end' | 'right' | 'right-start'| 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'} placement - The placement of the select dropdown. Default is 'bottom-start'. Can be 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end'.
- * @attribute {boolean} opened - Whether the select dropdown is opened.
- * @attribute {'width' | 'height' | 'both'} sync - The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element. Default is `both`. Can be `width`, `height`, or `both`.
- * @attribute {string} label - The label of the select.
- * @attribute {string} description - The description of the select.
- * @attribute {string} tooltip - The tooltip of the select.
- * @attribute {'sm' | 'lg'} size - The size of the select. Default is `sm`. Can be `sm` or `lg`.
- * @attribute {boolean} disabled - Whether the select is disabled.
- * @attribute {boolean} required - Whether the select is required.
- * @attribute {boolean} readonly - Whether the select is readonly.
- * @attribute {boolean} autofocus - Whether the select is autofocus.
- * @attribute {boolean} loading - Whether the select is loading.
- * @attribute {number} maxHeight - The max height of the floating dropdown.
- * @attribute {string} feedback - The feedback of the select.
- * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the select. Can be `negative`, `positive`, or `warning`.
- * @attribute {boolean} isMobile - Whether the select is in mobile mode.
- * @attribute {string} status - The status of the select. Can be `success` or `error`.
- * @attribute {boolean} optional - The optional state of the select.
- * @attribute {string} optionalLabel - The optional label of the select.
- * @attribute {boolean} subtle - The weight of the label. Default is `false`
- * @attribute {boolean} noAnimation - The animation state of the select. Default is `false`
+ * @property {string} value - The value of the select.
+ * @property {string} label - The label of the select.
+ * @property {string} description - The description of the select.
+ * @property {string} tooltip - The tooltip of the select.
+ * @property {'sm' | 'lg'} size - The size of the select. Default is `sm`. Can be `sm` or `lg`.
+ * @property {boolean} disabled - Whether the select is disabled.
+ * @property {boolean} required - Whether the select is required.
+ * @property {boolean} readonly - Whether the select is readonly.
+ * @property {boolean} autofocus - Whether the select is autofocus.
+ * @property {string} feedback - The feedback of the select.
+ * @property {negative | positive | warning} feedbackType - The feedback type of the select. Can be `negative`, `positive`, or `warning`.
+ * @property {string} status - The status of the select. Can be `success` or `error`.
+ * @property {boolean} optional - The optional state of the select.
+ * @property {string} optionalLabel - The optional label of the select.
+ * @property {boolean} subtle - The weight of the label. Default is `false`
  *
  * @csspart base - The main select container.
  * @csspart trigger - The trigger button of the select.
@@ -2620,27 +2622,52 @@ export declare class DapDSSearch extends ComboboxBaseElement {
  * @csspart feedback - The feedback of the select.
  * @csspart tooltip - The tooltip of the select.
  * @csspart option-list - The option list of the select.
+ *
+ * @slot - The option list of the select.
+ * @slot indicator-icon - The indicator icon of the select.
  */
 export declare class DapDSSelect extends GenericFormElement {
+    /**
+     * @ignore
+     */
     triggerButton: HTMLButtonElement;
+    /**
+     * @ignore
+     */
     optionList: DapDSOptionList;
+    /** The popup placement of the select
+     * @type {'top' | 'top-start' | 'top-end' | 'right' | 'right-start'| 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'}
+     */
     placement: PopupPlacement;
+    /** Whether the select dropdown is opened.*/
     opened?: boolean | undefined;
+    /** The placeholder of the select. */
     placeholder: string | null;
+    /** The sync size of the select dropdown */
     sync?: boolean;
+    /** Whether the select is in mobile mode. */
     isMobile?: boolean;
+    /** The loading state of the select. */
     loading?: boolean;
+    /** The max heigth of the select dropdown. */
     maxHeight?: number;
+    /** Whether the select dropdown indicator is animated or not */
     noAnimation?: boolean;
+    /** The floating strategy of the select dropdown
+     * @type {'absolute' | 'fixed'}
+     */
     floatingStrategy: FloatingStrategy;
+    /**
+     * @ignore
+     */
     selectedItem: any;
     static styles: CSSResult;
-    handleClick: () => void;
-    handleKeyDown: (event: KeyboardEvent) => Promise<void>;
-    handleListKeyDown: (event: CustomEvent) => void;
-    handleDocumentMouseDown: (event: MouseEvent) => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
+    private handleClick;
+    private handleKeyDown;
+    private handleListKeyDown;
+    private handleDocumentMouseDown;
+    private handleFocus;
+    private handleBlur;
     showDropDown(key?: string): Promise<void>;
     hideDropDown(): Promise<void>;
     get focusElement(): HTMLButtonElement;
@@ -2650,7 +2677,7 @@ export declare class DapDSSelect extends GenericFormElement {
     reportValidity(): boolean;
     setValidity(): void;
     handleInvalid(event: Event): void;
-    handleSelectedChange: (event: CustomEvent) => void;
+    private handleSelectedChange;
     renderTriggerElement(): TemplateResult_2;
     renderOptionList(): TemplateResult_2;
     render(): TemplateResult_2;
@@ -2750,21 +2777,31 @@ export declare class DapDSSnackbarMessage extends DdsElement {
  * @element dap-ds-spinner
  * @title - Spinner
  *
- * @attribute {string} text - The loading text. Optional, default is empty.
- * @attribute {'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'} size - The size of the spinner. It is based on the icon sizes. Default is `lg`.
- * @attribute {number} staticSize - The size of the spinner in pixels. This overrides the size attribute.
- * @attribute {"neutral" | "brand" | "negative" | "positive" | "inverted"} variant - The variant of the spinner. Default is `neutral`. Can be `neutral`, `brand`, `negative`, `positive`, or `inverted`.
- *
  * @csspart base - The main spinner container.
  * @csspart icon - The loading icon element.
+ * @csspart icon-base - The base of the loading icon.
  * @csspart text - The loading text element.
  *
+ * @slot - The loading text content.
+ *
  */
 export declare class DapDSSpinner extends DdsElement {
+    /**
+     * The variant of the spinner.
+     * @type {"neutral" | "brand" | "negative" | "positive" | "inverted"}
+     */
     variant: SpinnerVariant;
+    /**
+     * The size of the spinner.
+     * @type {"xxl" | "xl" | "lg" | "md" | "sm" | "xs"}
+     */
     size: IconSize;
+    /** The size of the spinner in pixels. This overrides the size attribute */
     staticSize?: number;
+    /** The loading text. */
     text: string;
+    /** Removes the text color */
+    noColor: boolean;
     static styles: CSSResult;
     render(): TemplateResult_2<1>;
 }
@@ -2775,20 +2812,21 @@ export declare class DapDSSpinner extends DdsElement {
  * @element dap-ds-stack
  * @title - Stack
  *
- * @attribute {CSSFlexDirection} direction - The direction of the stack. Default is `column`. Can be `column`, `column-reverse`, `row`, or `row-reverse`.
- * @attribute {Spacing} spacing - The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc)
- * @attribute {Boolean} endMargin - Adds margin to the end of the stack.
- * @attribute {Boolean} startMargin - Adds margin to the start of the stack.
- *
  * @slot - The content of the stack.
  *
  * @csspart stack - The main stack container.
  */
 export declare class DapDSStack extends DdsElement {
+    /** The direction of the stack.
+     * @type {'column' | 'column-reverse' | 'row' | 'row-reverse'}
+     */
     direction: CSSFlexDirection;
+    /** Adds margin to the end of the stack. */
     endMargin?: boolean;
+    /** Adds margin to the start of the stack. */
     startMargin?: boolean;
     private _spacing;
+    /** The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc) */
     set spacing(value: Spacing);
     get spacing(): Spacing;
     static styles: CSSResult;
@@ -2847,10 +2885,7 @@ export declare class DapDSSwitch extends LabelPositionedFormElement {
  * @summary A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.
  * @element dap-ds-tab
  * @title - Tab
- *
- * @attribute {string} tabId - The tab id.
- * @attribute {boolean} disabled - The disabled state of the tab.
- *
+ * *
  * @slot - The tab title template.
  * @slot content - The tab content.
  *
@@ -2858,7 +2893,9 @@ export declare class DapDSSwitch extends LabelPositionedFormElement {
  */
 export declare class DapDSTab extends DdsElement {
     static styles: CSSResult;
+    /** The tab id. Required */
     tabId: string;
+    /** The disabled state of the tab. */
     disabled: boolean;
     private _selected;
     firstUpdated(): void;
@@ -2871,10 +2908,6 @@ export declare class DapDSTab extends DdsElement {
  * @element dap-ds-tab-group
  * @title - Tab group
  *
- * @attribute {'sm' | 'lg'} size - Defines the size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.
- * @attribute {string} selectedTabId - The selected tab id.
- * @attribute {boolean} mobile - If true, the tab group will be displayed in mobile mode.
- *
  * @event dds-tab-select - Fired when select a new tab.
  *
  * @slot - The tab items.
@@ -2884,12 +2917,19 @@ export declare class DapDSTab extends DdsElement {
  * @csspart tab-content - The tab content container.
  */
 export declare class DapDSTabGroup extends DdsElement {
+    /**@ignore */
     defaultSlot: HTMLSlotElement;
-    static styles: CSSResult;
+    /**@ignore */
+    tabNavElements: HTMLElement[];
+    /** The selected tab id. */
     selectedTabId: string;
+    /** The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.
+     * @type {'sm' | 'lg'}
+     */
     size: CommonSize;
+    /** If true, the tab group will be displayed in mobile mode. */
     mobile: boolean;
-    tabNavElements: HTMLElement[];
+    static styles: CSSResult;
     private _tabNavItems;
     private _activeTabIds;
     private _initialEmit;
@@ -2906,13 +2946,13 @@ export declare class DapDSTabGroup extends DdsElement {
  * @element dap-ds-table
  * @title - Table
  *
- * @attribute {boolean} mobile - If the table is mobile design.
- *
  * @slot - The default slot. Accepts `dap-ds-table-row` elements.
  */
 export declare class DapDSTable extends DdsElement {
+    /**@ignore */
     rows: Array<HTMLElement>;
     role: string;
+    /**If the table has mobile design */
     mobile: boolean;
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
@@ -2924,8 +2964,6 @@ export declare class DapDSTable extends DdsElement {
  * @element dap-ds-table-cell
  * @title - Table cell
  *
- * @attribute {boolean} last - If the cell is the last one.
- *
  * @slot - The default slot.
  *
  * @csspart base - The main cell container.
@@ -2933,6 +2971,7 @@ export declare class DapDSTable extends DdsElement {
  */
 export declare class DapDSTableCell extends DdsElement {
     static styles: CSSResult;
+    /**If the cell is the last one.*/
     last: boolean;
     role: string;
     render(): TemplateResult_2;
@@ -2942,9 +2981,7 @@ export declare class DapDSTableCell extends DdsElement {
  * Table header cell component.
  * @element dap-ds-table-header
  * @title - Table header
- *
- * @attribute {boolean} last - If the header cell is the last one.
- *
+ * *
  * @slot - The default slot.
  *
  * @csspart base - The main header cell container.
@@ -2952,6 +2989,7 @@ export declare class DapDSTableCell extends DdsElement {
  */
 export declare class DapDSTableHeader extends DdsElement {
     static styles: CSSResult;
+    /**If the header cell is the last one.*/
     last: boolean;
     role: string;
     render(): TemplateResult_2;
@@ -2962,13 +3000,12 @@ export declare class DapDSTableHeader extends DdsElement {
  * @element dap-ds-table-row
  * @title - Table row
  *
- * @attribute {boolean} mobile - If the row is mobile design.
- *
  * @slot - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.
  */
 export declare class DapDSTableRow extends DdsElement {
     static styles: CSSResult;
     role: string;
+    /**If the row is mobile design */
     mobile: boolean;
     render(): TemplateResult_2;
 }
@@ -2979,26 +3016,21 @@ export declare class DapDSTableRow extends DdsElement {
  * @element dap-ds-textarea
  * @title - Textarea
  *
- * @attribute {'sm' | 'lg'} size - The size of the textarea. Default is `md`. Can be `sm` or `lg`.
- * @attribute {boolean} disabled - The disabled state of the textarea.
- * @attribute {number} maxlength - The maximum length of the textarea.
- * @attribute {number} minlength - The minimum length of the textarea.
- * @attribute {boolean} hideCounter - Hide character counter.
- * @attribute {number} rows - The number of rows in the textarea.
- * @attribute {number} cols - The number of columns in the textarea.
- * @attribute {string} value - The value of the textarea.
- * @attribute {string} placeholder - The placeholder of the textarea.
- * @attribute {InputStatus} status - The status of the textarea. Can be `success` or `error`.
- * @attribute {boolean} readonly - The readonly state of the textarea.
- * @attribute {boolean} required - The required state of the textarea.
- * @attribute {string} label - The label of the textarea.
- * @attribute {string} description - The description of the textarea.
- * @attribute {'hard' | 'soft'} wrap - Indicates how the control should wrap the value for form submission. Can be `hard` or `soft`.
- * @attribute {string} feedback - The feedback of the textarea.
- * @attribute {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the textarea. Can be `negative`, `positive`, or `warning`.
- * @attribute {boolean} optional - The optional state of the textarea.
- * @attribute {string} optionalLabel - The optional label of the textarea.
- * @attribute {boolean} subtle - The weight of the label. Default is `false`
+ * @property {'sm' | 'lg'} size - The size of the textarea. Default is `md`. Can be `sm` or `lg`.
+ * @property {boolean} disabled - The disabled state of the textarea.
+ * @property {number} minlength - The minimum length of the textarea.
+ * @property {string} value - The value of the textarea.
+ * @property {InputStatus} status - The status of the textarea. Can be `success` or `error`.
+ * @property {boolean} readonly - The readonly state of the textarea.
+ * @property {boolean} required - The required state of the textarea.
+ * @property {string} label - The label of the textarea.
+ * @property {string} description - The description of the textarea.
+ * @property {string} feedback - The feedback of the textarea.
+ * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the textarea. Can be `negative`, `positive`, or `warning`.
+ * @property {boolean} optional - The optional state of the textarea.
+ * @property {string} optionalLabel - The optional label of the textarea.
+ * @property {boolean} subtle - The weight of the label. Default is `false`
+ * @property {boolean} autofocus - The autofocus state of the textarea.
  *
  * @event dds-count-change - Fires when the count of the textarea changes.
  * @event dds-change - Fired when the textarea value changes.
@@ -3013,17 +3045,27 @@ export declare class DapDSTableRow extends DdsElement {
  * @csspart base - The main textarea container.
  * @csspart input - The native input of the textarea.
  * @csspart counter - The counter of the textarea.
+ * @csspart counter-base - The base of the counter.
+ * @csspart feedback - The feedback of the textarea.
  */
 export declare class DapDSTextarea extends GenericFormElement {
+    /**@ignore */
     input: HTMLTextAreaElement;
-    disabled: boolean;
+    /** Hide character counter. */
     hideCounter: boolean;
+    /** The minimum length of the textarea. */
     minlength?: number;
+    /** The maximum length of the textarea. */
     maxlength?: number;
+    /** The number of rows in the textarea. */
     rows?: number;
+    /** The number of columns in the textarea. */
     cols?: number;
+    /** The placeholder of the textarea. */
     placeholder: string;
+    /** Indicates how the control should wrap the value for form submission. */
     wrap: 'hard' | 'soft';
+    /**@ignore */
     count: number;
     static styles: CSSResult;
     get focusElement(): HTMLTextAreaElement;
@@ -3045,28 +3087,30 @@ export declare class DapDSTextarea extends GenericFormElement {
  * @element dap-ds-toc
  * @title - toc
  *
- * @attribute {string} root - The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)
- * @attribute {string} rootMargin - The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)
- * @attribute {number} threshold - The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)
- * @attribute {number} minHeadingLevel - The minimum heading level to include in the TOC. The default value is `2`.
- * @attribute {number} maxHeadingLevel - The maximum heading level to include in the TOC. The default value is `3`.
- * @attribute {boolean} noIndent - Whether to indent the TOC items.
- * @attribute {string} header - The header of the TOC.
- *
  * @event dds-anchor-change - Event that is triggered when the anchor changes.
  *
  * @csspart base - The main container of the toc.
  *
  */
 export declare class DapDSTOC extends DdsElement {
+    /** The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root) */
     root: string;
+    /** The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin) */
     rootMargin: string;
+    /** The margin around the last anchor to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin) */
+    lastAnchorRootMargin: string;
+    /** The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold) */
     threshold: number;
+    /** The minimum heading level to include in the TOC. The default value is `2`. */
     minHeadingLevel: number;
+    /** The maximum heading level to include in the TOC. The default value is `3`. */
     maxHeadingLevel: number;
+    /** Whether to indent the TOC items. */
     noIndent: boolean;
+    /** The header of the TOC. */
     header: string;
     private _observer;
+    private _lastAnchorObserver;
     private _anchors;
     private _activeAnchor;
     private _selectors;
@@ -3080,12 +3124,13 @@ export declare class DapDSTOC extends DdsElement {
     attributeChangedCallback(name: string, oldValue: any, newValue: any): Promise<void>;
     updated(changedProperties: Map<PropertyKey, unknown>): Promise<void>;
     disconnectedCallback(): void;
+    private onScroll;
     renderTree(): Promise<void>;
     getAnchors(minHeadingLevel: number, maxHeadingLevel: number): HTMLElement[];
-    setActiveAnchor(element: HTMLAnchorElement, entry: IntersectionObserverEntry): void;
-    getHeaders: () => Promise<Heading[]>;
+    setActiveAnchor(element: HTMLAnchorElement, entry: IntersectionObserverEntry | HTMLElement): void;
+    private getHeaders;
     buildTree(headers: any[]): string;
-    _handleIntersect: (entries: IntersectionObserverEntry[]) => void;
+    private _handleIntersect;
 }
 
 /**
@@ -3094,15 +3139,6 @@ export declare class DapDSTOC extends DdsElement {
  * @element dap-ds-tooltip
  * @title - Tooltip
  *
- * @attribute {string} content - The content of the tooltip, supporting text only.
- * @attribute {PopupPlacement} placement - The position of the tooltip around the trigger element. Default is `bottom`. Can be `top`, `right`, `bottom`, or `left`.
- * @attribute {boolean} disabled - Disables the tooltip.
- * @attribute {boolean} opened - Sets the tooltip to opened by default (will still be closed on closing events).
- * @attribute {'tooltip' | 'toggle'} mode - Sets the tooltip to toggle mode. Default is `tooltip`. Can be `tooltip` or `toggle`.
- * @attribute {string} trigger - Sets custom trigger event (hover, focus, click). Default is `hover focus`.
- * @attribute {boolean} noArrow - Hides the arrow of the tooltip.
- * @attribute {'absolute' | 'fixed'} floatingStrategy - The floating strategy of the tooltip. Default is `absolute`. Can be `absolute` or `fixed`.
- *
  * @slot - The content of the tooltip.
  * @slot trigger - The trigger element of the tooltip.
  *
@@ -3115,29 +3151,40 @@ export declare class DapDSTOC extends DdsElement {
  */
 export declare class DapDSTooltip extends DdsElement {
     static styles: CSSResult;
+    /** The content of the tooltip, supporting text only. */
     content: string;
+    /** The position of the tooltip around the trigger element.
+     * @type { 'top' | 'right' | 'bottom' | 'left' }
+     */
     placement: PopupPlacement;
+    /** Sets the tooltip to opened by default (will still be closed on closing events). */
     opened?: boolean | undefined;
+    /** Sets the tooltip to toggle mode.
+     * @type { 'tooltip' | 'toggle' }
+     */
     mode?: TooltipMode_2;
+    /** Hides the arrow of the tooltip. */
     noArrow?: boolean | undefined;
+    /** The floating strategy of the tooltip. Default is `absolute`. Can be `absolute` or `fixed`.
+     * @type { 'absolute' | 'fixed' }
+     */
     floatingStrategy: 'absolute' | 'fixed';
     private _trigger;
+    /** Sets custom trigger event (hover, focus, click). Default is `hover focus`. */
     set trigger(value: string);
     get trigger(): string;
+    /** @ignore */
     mouseOverTooltip: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
     showTooltip(): Promise<void>;
     hideTooltip(): Promise<void>;
-    handleBlur: () => void;
-    handleClick: () => void;
-    handleFocus: () => void;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    handleMouseOver: () => void;
-    handleMouseOut: () => void;
-    handleTooltipMouseOver: () => void;
-    handleTooltipBlur: () => void;
-    hasTrigger: (triggerType: string) => boolean;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private handleMouseOver;
+    private handleMouseOut;
+    private hasTrigger;
     render(): TemplateResult_2;
 }
 
@@ -3147,17 +3194,16 @@ export declare class DapDSTooltip extends DdsElement {
  * @element dap-ds-tray
  * @title - Tray
  *
- * @attribute {boolean} open - The open state of the tray.
- * @attribute {boolean} closeOnEsc - Whether the tray should close on pressing the escape key. Default is true.
- * @attribute {boolean} closeOnOverlayClick - Whether the tray should close on clicking the overlay. Default is true.
- * @attribute {string} closeButton - Whether the tray should have a close button. Default is true.
- * @attribute {string} title - The title of the tray.
- * @attribute {string} description - The description of the tray.
- * @attribute {string} okButtonLabel - The label of the OK button.
- * @attribute {string} cancelButtonLabel - The label of the Cancel button.
- * @attribute {string} footer - Whether the tray should have a footer. Default is false.
- * @attribute {string} header - Whether the tray should have a header. Default is false.
- * @attribute {'left' | 'right' | 'top' | 'bottom'} placement - The placement of the tray. Default is `bottom`. Can be `left`, `right`, `top`, or `bottom`.
+ * @property {boolean} open - The open state of the tray.
+ * @property {boolean} closeOnEsc - Whether the tray should close on pressing the escape key. Default is true.
+ * @property {boolean} closeOnOverlayClick - Whether the tray should close on clicking the overlay. Default is true.
+ * @property {string} closeButton - Whether the tray should have a close button. Default is true.
+ * @property {string} title - The title of the tray.
+ * @property {string} description - The description of the tray.
+ * @property {string} okButtonLabel - The label of the OK button.
+ * @property {string} cancelButtonLabel - The label of the Cancel button.
+ * @property {string} footer - Whether the tray should have a footer. Default is false.
+ * @property {string} header - Whether the tray should have a header. Default is false.
  *
  * @event dds-before-open - Fires before the tray opens.
  * @event dds-opened - Fires after the tray opens.
@@ -3177,6 +3223,9 @@ export declare class DapDSTooltip extends DdsElement {
  *
  */
 export declare class DapDSTray extends ModalBaseElement {
+    /** The placement of the tray.
+     * @type { 'left' | 'right' | 'top' | 'bottom' }
+     */
     placement: 'left' | 'right' | 'top' | 'bottom';
     constructor();
     static styles: CSSResult;
@@ -3188,26 +3237,32 @@ export declare class DapDSTray extends ModalBaseElement {
  * @summary Typography is used to display text in different styles.
  * @title - Typography
  *
- * @attribute {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'description'} variant - The variant of the typography. Can be `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `body`, `caption`, or `description`.
- * @attribute {'sm' | 'md' | 'lg'} size - The size of the typography. Can be `sm`, `md`, or `lg`.
- * @attribute {string} bodyAs - The element of the body typography. Default is `p`.
- * @attribute {string} elementId - The id of the typography.
- * @attribute {string} customClass - The custom class of the typography.
- * @attribute {boolean} anchor - Whether the typography is an anchor for the TOC component.
- *
  * @slot default - The content of the typography.
  *
  * @csspart base - The main typography container.
  */
 export declare class DapDSTypography extends DdsElement implements Common<TypographyProps> {
+    /**
+     * The variant of the typography.
+     * @type {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'description'}
+     */
     variant: TypographyVariant;
+    /**
+     * The size of the typography.
+     * @type {'sm' | 'md' | 'lg'}
+     */
     size?: TypographySize;
+    /**
+     * The html element of the body typography.
+     */
     bodyAs?: string;
+    /** The custom class of the typography. */
     customClass?: string;
+    /** Whether the typography is an anchor for the TOC component. */
     anchor: boolean;
     static styles: CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    get elementId(): string;
+    private get elementId();
     private _renderHeading;
     private _renderBody;
     private _renderCaption;
@@ -3483,7 +3538,7 @@ declare class InputBaseElement extends GenericFormElement {
     private _hasAddonBefore;
     private _hasAddonAfter;
     private _hasPrefix;
-    private _hasPostfix;
+    private get _hasPostfix();
     static styles: CSSResult;
     get nativeControl(): HTMLInputElement;
     private _handleSlotChange;
@@ -3587,6 +3642,7 @@ declare class ModalBaseElement extends DdsElement {
     private canceled;
     static styles: CSSResult;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     show(): void;
     hide(): void;
     private handleClose;
@@ -3784,6 +3840,40 @@ export declare class SystemCheckboxBlankCircleFill extends DdsElement {
     render(): TemplateResult_2;
 }
 
+/**
+ * `dap-ds-icon-checkbox-blank-circle-fill-check`
+ * @summary An icon
+ * @element dap-ds-icon-checkbox-blank-circle-fill-check
+ * @title - SystemCheckboxBlankCircleFillCheck
+ * @group icon
+ * @icontype system
+ *
+ * @attribute {number} size - (optional) The width and height in pixels
+ * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute
+ * @attribute {boolean} decorative - (optional) If `true` the SVG element will get `aria-hidden="true"`
+ * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility
+ * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus
+ *
+ * @csspart base - The main icon container.
+ */
+declare class SystemCheckboxBlankCircleFillCheck extends DdsElement {
+    /** (optional) The width and height in pixels */
+    size?: number | undefined;
+    /** (optional) Sets the icon color via the `fill` attribute */
+    selected?: boolean;
+    /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
+    decorative?: boolean;
+    /** (optional) When using the icon standalone, make it meaningful for accessibility */
+    accessibilityTitle?: string;
+    /** (optional) If `true` the icon can receive focus */
+    focusable?: boolean;
+    static styles: CSSResult;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    render(): TemplateResult_2;
+}
+export { SystemCheckboxBlankCircleFillCheck as CheckboxBlankCircleFillCheck }
+export { SystemCheckboxBlankCircleFillCheck }
+
 /**
  * `dap-ds-icon-checkbox-blank-circle-line`
  * @summary An icon