@daffodil/design 0.87.2 → 0.88.1

package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts

@@ -27,23 +27,6 @@ export declare class DaffSidebarViewportComponent implements AfterContentChecked
     private bodyScroll;
     private parentViewport;
     private scroll;
-    /**
-     * @docs-private
-     */
-    hostClass: boolean;
-    /**
-     * @docs-private
-     */
-    get classes(): {
-        [x: string]: boolean;
-        'daff-sidebar-viewport': boolean;
-        'pad-left': boolean;
-        'pad-right': boolean;
-    };
-    /**
-     * @docs-private
-     */
-    get isNavOnSide(): boolean;
     /**
      * @docs-private
      */

package/sticky/examples/basic-sticky/basic-sticky.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class BasicStickyComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicStickyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicStickyComponent, "basic-sticky", never, {}, {}, never, never, true, never>;
+}

package/sticky/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/sticky/examples/public_api.d.ts

@@ -0,0 +1,2 @@
+import { BasicStickyComponent } from './basic-sticky/basic-sticky.component';
+export declare const STICKY_EXAMPLES: (typeof BasicStickyComponent)[];

package/tabs/README.md

@@ -1,13 +1,13 @@
 # Tabs
-Tabs provide a way to navigate between panels that display related content.
+Tabs provide a way to navigate between panels that display related content without leaving the page.
 
 ## Overview
-Tabs allow for users to navigate between related content without having to leave the page. They can be used within components like modals or cards.
+Tabs are useful for displaying related content in a compact space, like within [Modals](/libs/design/modal/README.md) or [Cards](/libs/design/card/README.md). They allow users to switch between sections without navigating away from the current view.
 
 ## Usage
 
 ### Within a standalone component
-To use a tabs in a standalone component, import `DAFF_TABS_COMPONENTS` directly into your custom component:
+To use tabs in a standalone component, import `DAFF_TABS_COMPONENTS` directly into your custom component:
 
 ```ts
 import { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';
@@ -22,10 +22,25 @@ import { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';
 export class CustomComponent {}
 ```
 
-## Properties
+## Anatomy
+`<daff-tabs>` is composed of the following elements:
 
-### Link Mode
-Tabs in link mode replaces the tab buttons with anchors. This allows the selected tab to be connected to a URL. By default, the current URL and `tab` query param will be used. These can be overriden with the `url` and `queryParam` inputs respectively.
+**Tab**\
+Represents a single tab in a tablist and is used to group the label of a tab panel and the tab panel together. Use the `<daff-tab>` selector.
+
+**Tab label**\
+The clicakble label that activates its corresponding tab panel. Labels can contain text, icons, or both. Use the `<daff-tab-label>` selector.
+
+**Icon**\
+Use the `[daffPrefix]` or `[daffSuffix]` directive to add a decorative icon before or after the label text. This can be used to provide quick visual cues about the tab’s purpose.
+
+**Tab panel**\
+The content area displayed when a tab is active. Use the `<daff-tab-panel>` selector.
+
+## Link mode
+Tabs in link mode replace the tab buttons with anchors, allowing the selected tab to be connected to a URL.
+
+By default, the current URL and `tab` query param will be used. These can be overriden with the `url` and `queryParam` inputs, respectively.
 
 ```html
 <daff-tabs [linkMode]="true">
@@ -33,20 +48,29 @@ Tabs in link mode replaces the tab buttons with anchors. This allows the selecte
 ```
 
 ## Accessbility
-Tabs follow the [ARIA Tabs design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/). Tabs compose of `tablist`, `tab`, and `tabpanel` elements,  each with its appropriate role and integrated keyboard interactions.
+Tabs follow the [Tabs WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/), using `tablist`, `tab`, and `tabpanel` elements with the appropriate roles and integrated keyboard interactions.
+
+Each `<daff-tab>` is automatically assigned a unique `id`. This id is referenced by the corresponding `<daff-tab-panel>` via its `aria-labelledby` attribute, ensuring the panel is associated with its label. You can override the autogenerated `id` by setting a custom `id` on `<daff-tab>`:
+
+```html
+<daff-tab id="custom tab id">
+</daff-tab>
+```
+
+### Best practices
+To ensure full accessibility compliance with the WAI-ARIA design pattern:
 
-### Label
-A meaningful `aria-label` should be set on `<daff-tabs>` by using the `aria-label` property. This will set the `aria-label` on the `tablist` element.
+- A meaningful `aria-label` should be set on `<daff-tabs>` using the `aria-label` attribute.
 
 ```html
 <daff-tabs aria-label="Custom aria label">
 </daff-tabs>
 ```
 
-### Keyboard Interactions
+### Keyboard interactions
 | Key | Action |
 | --- | ------ |
-| Left Arrow |  Moves focus and activates previous tab. If focus is on the first tab, moves focus to the last tab. |
-| Right Arrow |  Moves focus and activates next tab. If focus is on the last tab, moves focus to the first tab. |
-| Home |  Moves focus and activates first tab. |
-| End |  Moves focus and activates last tab. |
+| `Left Arrow` |  Moves focus and activates the previous tab. If focus is on the first tab, focus moves to the last tab. |
+| `Right Arrow` |  Moves focus and activates the next tab. If focus is on the last tab, focus moves to the first tab. |
+| `Home` |  Moves focus and activates the first tab. |
+| `End` |  Moves focus and activates the last tab. |

package/tabs/tabs/tab/tab.component.d.ts

@@ -1,11 +1,11 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * `DaffTabComponet` is an element in the tab list that is used as a content container to group the label of a tab panel and the tab panel together.
+ * Tab is a single tab in the tablist that is used to group the label of a tab panel and the tab panel together.
  *
  * A `<daff-tab>` should include the DaffTabLabelComponent and DaffTabPanelComponent components in order to properly structure the UI.
  *
- * @example Basic structure of tab
+ * @example
  * ```html
  * <daff-tab>
  * 	<daff-tab-label>
@@ -21,12 +21,6 @@ import * as i0 from "@angular/core";
 export declare class DaffTabComponent {
     /**
      * Whether the tab is disabled.
-     *
-     * @example Using the `disabled` property
-     * ```html
-     * <daff-tab [disabled]="true">
-     * </daff-tab>
-     * ```
      */
     disabled: boolean;
     /**
@@ -38,14 +32,8 @@ export declare class DaffTabComponent {
      */
     labelRef: TemplateRef<any>;
     /**
-     * A unique id for the tab component.
-     *
-     * The `id` is automatically generated by linking the prefix 'daff-tab-' with an incrementing `tabId`. This value can be customized by passing a different `id` value via the component's `id` input.
-     *
-     * @example Using the `id` property
-     * ```html
-     * <daff-tab [id]="'custom-id'"></daff-tab>
-     * ```
+     * A unique id for the tab component. Defaults to an autogenerated value. When using this,
+     * it's your responsibility to ensure that the id for each tab is unique.
      */
     id: string;
     /**

package/tabs/tabs/tab-activator/tab-activator.component.d.ts

@@ -1,39 +1,22 @@
-import { OnInit, ElementRef } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { DaffSelectableDirective } from '@daffodil/design';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
-export declare class DaffTabActivatorComponent implements OnInit {
+export declare class DaffTabActivatorComponent {
     private el;
     private selectableDirective;
     /**
      * @docs-private
-     */
-    class: boolean;
-    /**
-     * Sets the `role` to tab.
-     */
-    /**
-     * @docs-private
-     */
-    role: string;
-    /**
+     *
      * Sets `aria-selected` to true if the component is selected and false if it's not selected.
      */
-    /**
-     * @docs-private
-     */
     get ariaSelected(): boolean;
-    /**
-     * Sets `tabindex` to `0` if the component is selected and `-1` if it's not selected.
-     */
     /**
      * @docs-private
+     *
+     * Sets `tabindex` to `0` if the component is selected and `-1` if it's not selected.
      */
     get tabIndex(): "0" | "-1";
-    /**
-     * @docs-private
-     */
-    ariaControls: string;
     constructor(el: ElementRef, selectableDirective: DaffSelectableDirective);
     /**
      * The html id of the tab activator component
@@ -41,11 +24,7 @@ export declare class DaffTabActivatorComponent implements OnInit {
     tabActivatorId: string;
     panelId: string;
     /**
-     * @docs-private
-     */
-    ngOnInit(): void;
-    /**
-     * Sets focus to the native element of the component
+     * Sets focus to the native element of the component.
      */
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabActivatorComponent, never>;

package/tabs/tabs/tab-label/tab-label.component.d.ts

@@ -1,9 +1,9 @@
 import { DaffPrefixDirective, DaffSuffixDirective } from '@daffodil/design';
 import * as i0 from "@angular/core";
 /**
- * DaffTabLabelComponent is used to display the label of a tab panel. Labels may optionally contain a `daffPrefix` or `daffSuffix` to add icons or badges.
+ * Tab label is the clicakble label that activates its corresponding tab panel. Labels can contain text, icons, or both.
  *
- * @example Basic structure of tab label
+ * @example
  * ```html
  * <daff-tab-label>
  *  <div daffPrefix></div>
@@ -13,6 +13,9 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class DaffTabLabelComponent {
+    /**
+     * @docs-private
+     */
     _prefix: DaffPrefixDirective;
     /**
      * @docs-private

package/tabs/tabs/tab-panel/tab-panel.component.d.ts

@@ -1,9 +1,9 @@
 import { DaffTabComponent } from '../tab/tab.component';
 import * as i0 from "@angular/core";
 /**
- * DaffTabPanelComponent is used to display the content panel of a tab.
+ * Tab panel is the content area displayed when a tab is active.
  *
- * @example Basic structure of tab panel
+ * @example
  * ```html
  * <daff-tab-panel>
  *  <!-- Tab panel content goes here -->
@@ -12,28 +12,6 @@ import * as i0 from "@angular/core";
  */
 export declare class DaffTabPanelComponent {
     private tab;
-    /**
-     * @docs-private
-     */
-    private class;
-    /**
-     * @docs-private
-     *
-     * Sets the `role` to tabpanel.
-     */
-    role: string;
-    /**
-     * @docs-private
-     *
-     * `aria-labelledby` for the tab.
-     */
-    ariaLabelledBy: string;
-    /**
-     * @docs-private
-     *
-     * Sets the `tabindex` to 0.
-     */
-    tabIndex: string;
     private _id;
     /**
      * @docs-private
@@ -41,6 +19,11 @@ export declare class DaffTabPanelComponent {
      * Dynamically binds the tab panel's id to a unique value generated from the associated tab's panelId.
      */
     get tabPanelId(): string;
+    private _ariaLabelledBy;
+    /**
+     * @docs-private
+     */
+    get ariaLabelledBy(): string;
     constructor(tab: DaffTabComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabPanelComponent, "daff-tab-panel", never, {}, {}, never, ["*"], true, never>;

package/tabs/tabs/tabs.component.d.ts

@@ -6,9 +6,9 @@ import { DaffTabActivatorComponent } from './tab-activator/tab-activator.compone
 import { DaffTabLabelComponent } from './tab-label/tab-label.component';
 import * as i0 from "@angular/core";
 /**
- * Tabs provide a way to navigate between panels that display related content.
+ * Tabs provide a way to navigate between panels that display related content without leaving the page.
  *
- * @example Basic use of the tabs component
+ * @example
  * ```html
  * <daff-tabs aria-label="List of tabs">
  * 	<daff-tab>
@@ -35,10 +35,6 @@ import * as i0 from "@angular/core";
 export declare class DaffTabsComponent implements AfterContentInit, OnInit {
     private cdRef;
     private location;
-    /**
-     * @docs-private
-     */
-    private class;
     /**
      * @docs-private
      *
@@ -49,16 +45,14 @@ export declare class DaffTabsComponent implements AfterContentInit, OnInit {
      * The tab that is selected on initial load. If it's not used, the first tab in the tablist will be selected by default.
      */
     initiallySelected: string;
-    /**
-     * aria-label for the tab.
-     */
     /**
      * @docs-private
+     *
+     * aria-label for the tab.
      */
     private externalAriaLabel;
     /**
-     * @docs-private
-     *
+     * `aria-label` to label the tablist.
      */
     ariaLabel: string;
     /**

package/text-snippet/README.md

@@ -1,5 +1,10 @@
-# Text Snippet
-The text snippet component shows a snippet of text, with the ability to show or hide content beyond one line of text.
+# Text snippet
+Text snippet is used to display a section of text, with the ability to show or hide content beyond one line of text. 
+
+## Overview
+Text snippet is useful for showing previews of long content while allowing the user to expand and read the full text. It can be used to truncate long text blocks such as product descriptions, reviews, or articles. By default, the condensed mode is displayed with a toggle button to expand or collapse the full text.
+
+<design-land-example-viewer-container example="basic-text-snippet"></design-land-example-viewer-container>
 
 ## Usage
 
@@ -17,4 +22,27 @@ import { DaffTextSnippetComponent } from '@daffodil/design/text-snippet';
   ],
 })
 export class CustomComponent {}
-```
+```
+
+## Content options
+Text snippet supports two ways of providing content.
+
+- For text managed in a CMS or returned from an API, pass the content through the `html` input:
+
+```html
+<daff-text-snippet [html]="categoryDescription"></daff-text-snippet>
+```
+
+- For text written directly in a template, place the content inside the component:
+
+```html
+<daff-text-snippet>
+  Category description
+</daff-text-snippet>
+```
+
+## Accessibility
+Text snippet provides built-in support for assistive technologies:
+
+- The toggle button includes the `aria-expanded` attribute, which reflects whether the snippet is currently expanded (`true`) or condensed (`false`).
+- The button label dynamically switches between "Show More" and "Show Less" to provide clear context for screen reader users.

package/text-snippet/text-snippet.component.d.ts

@@ -2,17 +2,32 @@ import { EventEmitter, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DaffTextSnippetComponent {
     /**
-     * A property to track whether or not the component
-     * should render a condensed version of the content.
+     * Whether or not the component should render a condensed version of the content.
      */
     condensed: boolean;
+    /**
+     * The HTML content to render inside the snippet.
+     */
     html: string;
+    /**
+     * @docs-private
+     */
+    ariaExpanded(): boolean;
+    /**
+     * @docs-private
+     */
     contentRef: ElementRef;
+    /**
+     * @docs-private
+     */
     htmlRef: ElementRef;
     /**
      * An output event that can be used to track the state of the component externally.
      */
     toggle: EventEmitter<boolean>;
+    /**
+     * @docs-private
+     */
     toggleSnippet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTextSnippetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffTextSnippetComponent, "daff-text-snippet", never, { "condensed": { "alias": "condensed"; "required": false; }; "html": { "alias": "html"; "required": false; }; }, { "toggle": "toggle"; }, never, ["*"], true, never>;

package/textarea/textarea.component.d.ts

@@ -14,10 +14,6 @@ export declare class DaffTextareaComponent extends DaffFormFieldControl<string>
     private formField;
     /** @docs-private */
     controlType: string;
-    /**
-     * @docs-private
-     */
-    class: boolean;
     /**
      * @docs-private
      */
@@ -27,6 +23,28 @@ export declare class DaffTextareaComponent extends DaffFormFieldControl<string>
      * @docs-private
      */
     get internalId(): string;
+    /**
+     * @docs-private
+     */
+    get disabledAttribute(): true;
+    /**
+     * @docs-private
+     *
+     * Implemented as part of DaffFormFieldControl.
+     */
+    disabled: boolean;
+    private _required;
+    /**
+     * @docs-private
+     *
+     * Implemented as part of DaffFormFieldControl.
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    /**
+     * @docs-private
+     */
+    get requiredAttribute(): true;
     /**
      * @docs-private
      */
@@ -55,5 +73,7 @@ export declare class DaffTextareaComponent extends DaffFormFieldControl<string>
      */
     get value(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTextareaComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTextareaComponent, "textarea[daff-textarea]", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTextareaComponent, "textarea[daff-textarea]", never, { "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
 }

package/toast/README.md

@@ -1,14 +1,15 @@
 # Toast
-Toasts are small messages designed to mimic push notifications. They are used to provide users with application level information.
+Toasts are notifications that provide application-level information. They are designed to mimic push notifications and appear temporarily on the screen.
 
 ## Overview
-Toasts should be used to display temporary messages about actions or events that occured or in need of attention, with no relation to content on a page. For messaging that provide context in close promixity to a piece of content within a page, use the [Notification](/libs/design/notification/README.md) component.
+Toasts communicate updates about actions or events that require attention but are not directly tied to specific page content.
+
+For short messages tied to page-level content or actions, use the [Notification](/libs/design/notification/README.md) component.
 
-## Basic toast
 <design-land-example-viewer-container example="default-toast"></design-land-example-viewer-container>
 
-## Setting up the component
-`provideDaffToast()` must be added as a provider in your application's root component for the toast to work properly.
+## Usage
+Add `provideDaffToast()` to the root provider of your application to enable toast functionality:
 
 ```ts
 import { provideDaffToast } from '@daffodil/design/toast';
@@ -22,37 +23,62 @@ import { provideDaffToast } from '@daffodil/design/toast';
 export class AppModule {}
 ```
 
+## Anatomy
+When opening a toast with the `DaffToastService`, you can provide a `title`, `message`, and `actions` to define its content.
+
+**Title**\
+The primary text that summarizes the purpose of the toast.
+
+**Message**\
+Provides additional details or context about the toast. Keep this brief—ideally one to two short sentences.
+
+**Actions**\
+Include actionable buttons related to the toast. **A maximum of two buttons is recommended** to keep the toast concise.
+
+```ts
+open() {
+  this.toast = this.toastService.open({
+    title: 'Update Available' + ' ' + this.count++,
+    message: 'A new version of this page is available.',
+    actions: [
+      { content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
+      { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
+    ],
+  });
+}
+```
+
 ## Dismissal
-A toast can be dismissed via a timed duration or a close button.
+Toasts can be dismissed automatically via a timed duration or manually with a close button.
 
-The `duration` and `dismissible` properties can be updated when you open it with the `DaffToastService`.
+`duration` and `dismissible` can be configured when opening a toast with the `DaffToastService`.
 
 ### Timed duration
-A toast with actions will persist until one of the actions have been interacted with or dismissed by the close button. By default, a toast without actions will be dismissed after `5000ms`.
+By default, toasts without actions dismiss automatically after `5000ms`. Toasts with actions remain visible until dismissed manually or until an action is taken.
 
-> Actionable toasts should be persistent, but a duration is allowed to be set. If duration must be set, make sure it's long enough for users to engage with the actions.
+> Actionable toasts should remain persistent. If a duration is required, make sure it is long enough for users to engage with the actions.
 
 <design-land-example-viewer-container example="toast-with-custom-duration"></design-land-example-viewer-container>
 
 ### Close button
-The close button is hidden by default, and dismissible is ignored when there are actions in a toast. You can change the visibility of the close button via the `dismissible` property.
+The close button is hidden by default. When a toast contains actions, the `dismissible` property is ignored.
+
+For non-actionable toasts, the close button can be displayed by setting `dismissible: true`.
 
 <design-land-example-viewer-container example="dismissible-toast"></design-land-example-viewer-container>
 
 ## Stacking
-A maximum of three toasts can be shown at a time. Toasts are stacked vertically, with the most recent toast displayed on top.
+A maximum of three toasts can be displayed at once. Toasts stack vertically with the most recent toast at the top.
 
 ## Statuses
-You can set the status of a toast when opening it with `DaffToastService`, using values defined by `DaffStatus`.
+Toast status can be set when opening a toast through the `DaffToastService` by using a `DaffStatus` value.
 
 <design-land-example-viewer-container example="toast-status"></design-land-example-viewer-container>
 
 ## Positions
-Toasts are displayed in the top-right corner of the screen by default on desktop devices.
+On desktop, toasts appear in the top-right corner by default.
 
-You can customize the position of toast notifications by configuring the `position` property in the `provideDaffToast` provider.
-
-To customize toast positions, configure the `position` property in the `provideDaffToast` provider of your root component:
+You can customize their position using the `position` property in `provideDaffToast()`:
 
 ```ts
 providers: [
@@ -65,14 +91,14 @@ providers: [
 ],
 ```
 
-> Note: On mobile devices, toasts will always appear in the bottom-center position, regardless of configuration settings.
+> Note: On mobile, toasts always appear in the bottom-center position, regardless of configuration settings.
 
 ## Accessibility
-By default, toasts use a `role="status"` to announce messages. It's the equivalent of `aria-live="polite"`, which does not interrupt a user's current activity and waits until they are idle to make the announcement.
-
-`role="alertdialog"` is used when a toast has action. The toast will be focus trapped and focus immediately moves to the actions.
+Toasts announce their messages using appropriate ARIA roles:
+- `role="status"` (default): Equivalent to `aria-live="polite"`, announcing messages without interrupting the user.
+- role="alertdialog": Used when a toast contains actions. The toast will be focus trapped, and focus immediately moves to the actions.
 
-Avoid setting a duration on toasts with actions because they will disappear automatically, making it difficult for users to interact with the actions.
+Avoid setting a duration on actionable toasts, as they may disappear before the user can interact with them.
 
 ### Keyboard Interactions
 | Key   | Action |

package/toast/interfaces/toast-action.d.ts

@@ -2,8 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { DaffPalette, DaffStatus } from '@daffodil/design';
 import { DaffToastActionButtonSize, DaffToastActionButtonType } from './toast-action.type';
 /**
- * The configurations for an action button rendered inside a toast
- * displayed using the {@link DaffButtonComponent}.
+ * Configuration for an action button inside a toast. Actions are rendered using {@link DaffButtonComponent}.
  */
 export interface DaffToastAction {
     /**
@@ -17,13 +16,13 @@ export interface DaffToastAction {
      */
     content: string;
     /**
-     * The size of the button.
+     * The button size.
      *
      * Matches one of the predefined sizes supported by {@link DaffButtonComponent}.
      */
     size?: DaffToastActionButtonSize;
     /**
-     * The color of the button.
+     * The button color.
      *
      * Do not use both `color` and `status` simultaneously.
      */
@@ -39,7 +38,7 @@ export interface DaffToastAction {
      */
     data?: Record<string, any>;
     /**
-     * An event emitter that fires when the action is triggered.
+     * Emits when the action is triggered.
      */
     eventEmitter?: EventEmitter<DaffToastAction>;
 }

package/toast/interfaces/toast-options.d.ts

@@ -11,7 +11,9 @@ export interface DaffToastOptions {
      * The position of all toasts.
      */
     position: DaffToastPosition;
-    /** @docs-private */
+    /**
+     * @docs-private
+     */
     useParent?: boolean;
 }
 export declare const daffToastDefaultOptions: DaffToastOptions;