@ds-mo/ui 16.1.3 → 16.3.0

package/dist/.package-ready.json

@@ -1 +1 @@
-{"schemaVersion":1,"package":"@ds-mo/ui","version":"16.1.3","components":101,"digest":"3132277e0a608a095354b95eec712cb8c9bcae2209dc720e3df868e516a8fe22","completedAt":"2026-10-13T18:45:32.611Z"}
+{"schemaVersion":1,"package":"@ds-mo/ui","version":"16.3.0","components":104,"digest":"2a41881b1ee2a051fde8c5e507d4d54aef257a040d74b91b03f363ece6801b2b","completedAt":"2026-10-20T16:03:30.542Z"}

package/dist/agent-patterns.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "16.1.3",
+  "packageVersion": "16.3.0",
   "kind": "patterns",
   "entries": [
     {

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "16.1.3",
+  "packageVersion": "16.3.0",
   "kind": "components",
   "entries": [
     {
@@ -6836,6 +6836,152 @@
         "divider"
       ]
     },
+    {
+      "id": "component:ds-disclosure",
+      "tag": "ds-disclosure",
+      "name": "disclosure",
+      "title": "Disclosure",
+      "summary": "Show-and-hide control for optional in-flow detail: a borderless ButtonUnfilled trigger with a leading chevron that reveals content below it. It owns the trigger and the reveal, not a container; the surrounding card or section supplies surface, dividers, and inset.",
+      "intentStatus": "complete",
+      "intent": {
+        "audience": "general",
+        "status": "stable",
+        "summary": "Show-and-hide control for optional in-flow detail: a borderless ButtonUnfilled trigger with a leading chevron that reveals content below it. It owns the trigger and the reveal, not a container; the surrounding card or section supplies surface, dividers, and inset.",
+        "useWhen": [
+          "A card, page section, or tool panel has optional detail, such as a raw snapshot or advanced options, that should stay out of the way until requested.",
+          "The reveal belongs inside a container the owner already styles."
+        ],
+        "avoidWhen": [
+          "Sections are peers the user switches between, with one visible at a time; use TabGroup.",
+          "The hidden content is critical to completing the task.",
+          "The content is a navigation tree or a filter list with its own selection semantics.",
+          "The trigger needs to open a floating surface rather than expand in place.",
+          "Rows of grouped data need collapsible group headers; use Table grouping."
+        ],
+        "alternatives": [
+          {
+            "when": "The user switches between peer views of the same area.",
+            "component": "component:ds-tab-group",
+            "reason": "TabGroup shows one panel at a time with tab semantics."
+          },
+          {
+            "when": "A trigger reveals content that should float over the page.",
+            "component": "component:ds-popover",
+            "reason": "Popover anchors content to its trigger without reflowing the page."
+          },
+          {
+            "when": "The section is an editable settings group with view and edit modes.",
+            "component": "component:ds-card-setting",
+            "reason": "CardSetting owns the view, edit, save, and cancel workflow."
+          },
+          {
+            "when": "Grouped data rows need collapsible group headers.",
+            "component": "component:ds-table",
+            "reason": "Table group rows own counts, sticky headers, and collapse state for grouped data."
+          }
+        ],
+        "commonlyComposedWith": [
+          "component:ds-text",
+          "component:ds-switch",
+          "component:ds-button-unfilled"
+        ],
+        "accessibility": [
+          "The trigger is a borderless ButtonUnfilled exposing aria-expanded and aria-controls for the revealed region, which is named by label.",
+          "headingLevel wraps the trigger in a heading when the label titles a document section; omit it for inline detail.",
+          "Collapsed content is inert and hidden so it is never focusable or announced.",
+          "Inactive disclosures cannot be toggled."
+        ],
+        "states": [
+          "open is reflected and mutable: the component toggles it on activation and emits dsToggle with the new state. Owners may also set it directly.",
+          "The chevron points right while collapsed and down while open.",
+          "Height and content opacity animate on toggle and are removed under reduced motion."
+        ],
+        "responsiveBehavior": [
+          "The trigger hugs its label; the revealed content fills the container width.",
+          "Content starts 8px below the trigger with no inline inset, so it aligns with the owner's content edge."
+        ],
+        "frameworkCaveats": {
+          "customElements": [
+            "Set open as a property or attribute; listen for dsToggle for user changes."
+          ],
+          "react": [
+            "Pass open to DsDisclosure and update it in onDsToggle when controlling it."
+          ],
+          "angular": [
+            "Bind [open] and update it from (dsToggle) when controlling it."
+          ]
+        },
+        "references": [
+          {
+            "label": "Storybook playground, in-card, section heading, and inactive examples",
+            "path": "src/wc/components/Disclosure/Disclosure.stories.ts"
+          }
+        ],
+        "styling": {
+          "rationale": "The component owns the trigger, which follows the ButtonUnfilled recipe, and the expand motion. Containers own surface, dividers, and content inset.",
+          "protected": [
+            {
+              "properties": [
+                "padding",
+                "border-radius",
+                "background"
+              ],
+              "reason": "Trigger hover, press, focus, and padding follow ButtonUnfilled; choose size instead.",
+              "props": [
+                "size"
+              ]
+            }
+          ],
+          "customProperties": []
+        }
+      },
+      "api": {
+        "props": {
+          "headingLevel": {
+            "type": "DisclosureHeadingLevel | undefined",
+            "required": false
+          },
+          "isInactive": {
+            "type": "boolean",
+            "required": false
+          },
+          "label": {
+            "type": "string",
+            "required": true
+          },
+          "open": {
+            "type": "boolean",
+            "required": false
+          },
+          "size": {
+            "type": "DisclosureSize",
+            "required": false
+          }
+        },
+        "events": [
+          {
+            "name": "dsToggle",
+            "detail": "boolean"
+          }
+        ],
+        "slots": [
+          ""
+        ]
+      },
+      "exports": {
+        "customElement": "ds-disclosure",
+        "react": "DsDisclosure",
+        "vue": "DsDisclosure",
+        "angular": "DsDisclosure"
+      },
+      "dependencies": [
+        "@ds-mo/ui",
+        "@ds-mo/tokens"
+      ],
+      "componentDependencies": [
+        "button-unfilled"
+      ]
+    },
     {
       "id": "component:ds-divider",
       "tag": "ds-divider",
@@ -6952,6 +7098,239 @@
       ],
       "componentDependencies": []
     },
+    {
+      "id": "component:ds-drawer",
+      "tag": "ds-drawer",
+      "name": "drawer",
+      "title": "Drawer",
+      "summary": "Edge-attached details panel beside the current page with a generic header, a composable content slot, and a footer for record actions and previous/next paging; non-modal by default with an optional modal presentation and a Back action for multi-depth content.",
+      "intentStatus": "complete",
+      "intent": {
+        "audience": "general",
+        "status": "stable",
+        "summary": "Edge-attached details panel beside the current page with a generic header, a composable content slot, and a footer for record actions and previous/next paging; non-modal by default with an optional modal presentation and a Back action for multi-depth content.",
+        "useWhen": [
+          "The user inspects the details of an item selected from a list, table, or map while the page stays visible and interactive.",
+          "The user steps through records in order from the details view; enable navigation for previous and next paging.",
+          "Details drill into a related record, such as vehicle to driver; set backLabel and swap content in place.",
+          "A contained task such as a multi-field edit needs more room than a Modal but not a new page; set modal."
+        ],
+        "avoidWhen": [
+          "The user must confirm a single focused decision; Modal is more direct.",
+          "The content is a short contextual control anchored to a trigger.",
+          "The panel is persistent application navigation or a shell tool panel.",
+          "The workflow is long enough to need its own URL, history, or deep links; offer an open-full-page header action instead.",
+          "A second drawer would be stacked over an existing one; only one non-modal drawer is open per document, so swap content in place and use backLabel."
+        ],
+        "alternatives": [
+          {
+            "when": "The user confirms or cancels one focused decision.",
+            "component": "component:ds-modal",
+            "reason": "Modal centers a short blocking decision without moving the user's attention to a page edge."
+          },
+          {
+            "when": "A trigger reveals short interactive content anchored to it.",
+            "component": "component:ds-popover",
+            "reason": "Popover keeps the content beside its trigger and dismisses on outside activation."
+          },
+          {
+            "when": "Supplementary tools such as search, inbox, or agents live beside every page.",
+            "component": "component:ds-shell-tools",
+            "reason": "ShellTools owns the persistent application tool panel and its responsive layout."
+          }
+        ],
+        "commonlyComposedWith": [
+          "component:ds-shell-app",
+          "component:ds-button-filled",
+          "component:ds-button-unfilled",
+          "component:ds-tooltip",
+          "component:ds-text",
+          "component:ds-divider"
+        ],
+        "accessibility": [
+          "The heading is the dialog's accessible name. Keep it a generic label for what the panel shows, such as Event details or Vehicle details; record identity belongs in the content.",
+          "Connect explanatory content through aria-describedby when the task needs context beyond the heading.",
+          "Opening moves focus to the leading header action: Back when backLabel is set, otherwise Close. Changing backLabel while focus is in the drawer moves focus to the new leading action.",
+          "A modal drawer makes the page inert, traps Tab, and shows a shade. A non-modal drawer leaves the page interactive, lets Tab leave the panel, and ignores outside clicks.",
+          "Close, Escape, and shade activation emit dsClose with close-button, escape, or backdrop before dismissal. A non-modal drawer handles Escape at the document unless another handler prevented it or a modal dialog is open.",
+          "With navigation enabled, ArrowLeft and ArrowRight page records from anywhere in the document, respecting writing direction, except inside text fields, selects, sliders, menus, listboxes, tablists, comboboxes, and editable content. Set navigationShortcutsBlocked while the page needs those keys.",
+          "Focus return after close follows the presentation. A modal drawer returns focus to its trigger and reports restoreFocus false. A non-modal drawer moves no focus itself; dsAfterClose reports restoreFocus true unless another drawer replaced it, and the owner then focuses the record now shown, such as the current row or map marker, since paging may have moved past the original trigger.",
+          "Header actions and footer navigation are icon buttons with tooltips; give header-actions their own accessible names and keep them to one or two."
+        ],
+        "states": [
+          "The owner controls open, heading, content, and paging availability; the component mutates open to false on dismissal and emits dsAfterClose after exit motion.",
+          "Only one non-modal drawer is open per document. Opening another closes the previous one with reason replaced and restoreFocus false.",
+          "The header holds optional Back, the heading, optional header-actions such as open full page, a divider when actions exist, and Close. Back and Close appear together at depth.",
+          "The default slot is composable content with a 16px inset; bodyInset none removes it for content that owns its edges.",
+          "The footer holds slot footer actions at the start and, with navigation, previous and next at the end. It is hidden when both are empty.",
+          "previousAvailable and nextAvailable make the paging actions inactive at list edges; the owner advances the selection on dsPrevious and dsNext.",
+          "modal is read on open; changing it while open re-presents the same surface in the new mode.",
+          "dsClose, dsAfterClose, dsBack, dsPrevious, and dsNext from slotted components, such as a footer ds-menu, stop at the drawer boundary, so owner listeners on the drawer only receive the drawer's own events; listen on the nested component directly."
+        ],
+        "responsiveBehavior": [
+          "Rendered anywhere inside ShellApp page content, a non-modal drawer covers the page content lane only, below the shell bar and beside the navigation and tool panels, and stays in place while the page scrolls; outside a shell it attaches to the viewport edge.",
+          "Modal drawers always present in the top layer against the viewport edge.",
+          "Width comes from drawerWidth, defaulting to the small panel width, and is clamped to the available lane.",
+          "Below 768px the panel spans the full width of its lane; header and footer stay fixed while content scrolls."
+        ],
+        "frameworkCaveats": {
+          "customElements": [
+            "Set open, modal, previousAvailable, and nextAvailable as JavaScript properties when controlling the drawer.",
+            "Render a page details drawer in the page's own markup next to the list it describes; assign footer actions with slot=\"footer\" and icon actions with slot=\"header-actions\"."
+          ],
+          "react": [
+            "Pass open, modal, previousAvailable, and nextAvailable to DsDrawer; handle onDsClose, onDsPrevious, onDsNext, onDsBack, and onDsAfterClose.",
+            "Render the drawer inside the routed page component; assign footer and header-actions slots on its children."
+          ],
+          "angular": [
+            "Bind [open], [modal], [previousAvailable], and [nextAvailable]; handle (dsClose), (dsPrevious), (dsNext), (dsBack), and (dsAfterClose) with $event.detail.",
+            "Render the drawer in the routed page template; assign footer and header-actions slots on its children."
+          ]
+        },
+        "references": [
+          {
+            "label": "Storybook event details, standalone, multi-depth, modal, and flush examples",
+            "path": "src/wc/components/Drawer/Drawer.stories.ts"
+          }
+        ],
+        "styling": {
+          "rationale": "The component owns its panel surface, edge elevation, motion, and fixed header and footer chrome so every details drawer shares one rhythm; the content slot is application-owned.",
+          "protected": [
+            {
+              "properties": [
+                "background",
+                "border",
+                "box-shadow",
+                "color"
+              ],
+              "reason": "The component owns its surface and edge elevation; compose an application-owned surface inside the content slot when needed.",
+              "props": []
+            },
+            {
+              "properties": [
+                "width"
+              ],
+              "reason": "Width comes from panel-width tokens through drawerWidth and is clamped to the lane.",
+              "props": [
+                "drawerWidth"
+              ]
+            }
+          ],
+          "customProperties": []
+        }
+      },
+      "api": {
+        "props": {
+          "ariaDescribedby": {
+            "type": "string | undefined",
+            "required": false
+          },
+          "backLabel": {
+            "type": "string | undefined",
+            "required": false
+          },
+          "bodyInset": {
+            "type": "DrawerBodyInset",
+            "required": false
+          },
+          "closeAriaLabel": {
+            "type": "string",
+            "required": false
+          },
+          "drawerWidth": {
+            "type": "DrawerWidth | string",
+            "required": false
+          },
+          "heading": {
+            "type": "string",
+            "required": true
+          },
+          "modal": {
+            "type": "boolean",
+            "required": false
+          },
+          "navigation": {
+            "type": "boolean",
+            "required": false
+          },
+          "navigationAriaLabel": {
+            "type": "string",
+            "required": false
+          },
+          "navigationShortcutsBlocked": {
+            "type": "boolean",
+            "required": false
+          },
+          "nextAriaLabel": {
+            "type": "string",
+            "required": false
+          },
+          "nextAvailable": {
+            "type": "boolean",
+            "required": false
+          },
+          "open": {
+            "type": "boolean",
+            "required": false
+          },
+          "previousAriaLabel": {
+            "type": "string",
+            "required": false
+          },
+          "previousAvailable": {
+            "type": "boolean",
+            "required": false
+          },
+          "side": {
+            "type": "DrawerSide",
+            "required": false
+          }
+        },
+        "events": [
+          {
+            "name": "dsAfterClose",
+            "detail": "DrawerAfterCloseDetail"
+          },
+          {
+            "name": "dsBack",
+            "detail": "MouseEvent"
+          },
+          {
+            "name": "dsClose",
+            "detail": "DrawerCloseDetail"
+          },
+          {
+            "name": "dsNext",
+            "detail": "void"
+          },
+          {
+            "name": "dsPrevious",
+            "detail": "void"
+          }
+        ],
+        "slots": [
+          "",
+          "footer",
+          "header-actions"
+        ]
+      },
+      "exports": {
+        "customElement": "ds-drawer",
+        "react": "DsDrawer",
+        "vue": "DsDrawer",
+        "angular": "DsDrawer"
+      },
+      "dependencies": [
+        "@ds-mo/ui",
+        "@ds-mo/tokens"
+      ],
+      "componentDependencies": [
+        "button-unfilled",
+        "divider",
+        "text",
+        "tooltip"
+      ]
+    },
     {
       "id": "component:ds-empty-state",
       "tag": "ds-empty-state",
@@ -12457,6 +12836,196 @@
       ],
       "componentDependencies": []
     },
+    {
+      "id": "component:ds-popover",
+      "tag": "ds-popover",
+      "name": "popover",
+      "title": "Popover",
+      "summary": "Anchored non-modal dialog for short interactive content tied to a trigger. It uses the same choice-popup surface and placement as Menu, Select, and the date picker, with fully composable content and no built-in header or footer.",
+      "intentStatus": "complete",
+      "intent": {
+        "audience": "general",
+        "status": "experimental",
+        "summary": "Anchored non-modal dialog for short interactive content tied to a trigger. It uses the same choice-popup surface and placement as Menu, Select, and the date picker, with fully composable content and no built-in header or footer.",
+        "useWhen": [
+          "A trigger reveals a few related controls, such as share options or display settings, that apply without leaving the page.",
+          "Supplementary explanation is too long or needs a link, so a Tooltip is not enough.",
+          "The content should dismiss on outside activation or Escape and return focus to its trigger."
+        ],
+        "avoidWhen": [
+          "The content is a list of commands or one-of-many choices.",
+          "The content picks a date.",
+          "The content is a short non-interactive label for an icon control.",
+          "The user must complete or confirm a blocking task.",
+          "The content needs more than a few controls or scrolling sections."
+        ],
+        "alternatives": [
+          {
+            "when": "A trigger reveals commands or a choice list.",
+            "component": "component:ds-menu",
+            "reason": "Menu provides menu semantics, roving focus, and selection."
+          },
+          {
+            "when": "The user picks a calendar date.",
+            "component": "component:ds-input-date",
+            "reason": "InputDate owns its calendar popup, anchored to the whole field and aligned to its end edge, with calendar keyboard behavior."
+          },
+          {
+            "when": "An icon control needs a short non-interactive name.",
+            "component": "component:ds-tooltip",
+            "reason": "Tooltip shows supplementary labels on hover and keyboard focus without taking focus."
+          },
+          {
+            "when": "The task is blocking or needs explicit completion.",
+            "component": "component:ds-modal",
+            "reason": "Modal contains focus and makes the page inert until the user decides."
+          },
+          {
+            "when": "The content is a larger panel of detail or a multi-field task.",
+            "component": "component:ds-drawer",
+            "reason": "Drawer provides room for longer content beside the page."
+          }
+        ],
+        "commonlyComposedWith": [
+          "component:ds-button-unfilled",
+          "component:ds-button-filled",
+          "component:ds-field",
+          "component:ds-switch",
+          "component:ds-text"
+        ],
+        "accessibility": [
+          "The surface is a non-modal dialog named by popoverLabel. Always set it.",
+          "The owner marks the trigger with haspopup=\"dialog\" and mirrors open into expanded and surfaceOpen on ButtonUnfilled.",
+          "Opening moves focus to an element marked autofocus in the content, otherwise to the surface itself.",
+          "Escape returns focus to the anchor. Outside activation closes without moving focus. Tab past the last control closes the popover and continues to the control after the trigger.",
+          "dsClose reports escape, outside, or tab so the owner can sync trigger state. Actions inside the content close the popover by setting open to false."
+        ],
+        "states": [
+          "The owner sets open and an anchor or anchorId; the component mutates open to false for user dismissal and emits dsAfterClose after exit motion.",
+          "Slotted content stays in the host while closed so authored nodes and their state persist between openings.",
+          "Placement flips to the opposite side when the preferred side does not fit, and clamps within the viewport or the nearest overlay boundary."
+        ],
+        "responsiveBehavior": [
+          "Unset, width follows content between menu-width-xs and panel-width-lg, clamped to the viewport. popoverWidth fixes it to a menu-width token or a CSS length.",
+          "Height is limited to the space available on the resolved side; content scrolls when it exceeds it.",
+          "The surface lives in the native top layer, escaping clipping containers and transformed ancestors."
+        ],
+        "frameworkCaveats": {
+          "customElements": [
+            "Set anchor as a JavaScript property or anchorId as an attribute, then set open.",
+            "Listen for dsClose to update the trigger's expanded and surfaceOpen state."
+          ],
+          "react": [
+            "Pass a trigger ref's element as anchor, or anchorId, and control open; update trigger state in onDsClose."
+          ],
+          "angular": [
+            "Bind [anchor] to the trigger element or set anchorId, bind [open], and update trigger state in (dsClose)."
+          ]
+        },
+        "references": [
+          {
+            "label": "Storybook share, help, trigger, and placement examples",
+            "path": "src/wc/components/Popover/Popover.stories.ts"
+          }
+        ],
+        "styling": {
+          "rationale": "The component owns the anchored choice-popup surface shared with Menu, Select, and the date and time pickers so every anchored overlay reads as the same material. Content insets to the Menu label edge by default.",
+          "protected": [
+            {
+              "properties": [
+                "background",
+                "border",
+                "border-radius",
+                "box-shadow"
+              ],
+              "reason": "The anchored surface recipe is shared across overlay families; compose application surfaces inside the content slot.",
+              "props": []
+            },
+            {
+              "properties": [
+                "width"
+              ],
+              "reason": "Width follows content within the choice-popup bounds, or a menu-width token or length through popoverWidth.",
+              "props": [
+                "popoverWidth"
+              ]
+            },
+            {
+              "properties": [
+                "padding"
+              ],
+              "reason": "The 4px frame and the content inset align content with Menu labels; compose lists and pickers with Menu, Select, or InputDate instead.",
+              "props": []
+            }
+          ],
+          "customProperties": []
+        }
+      },
+      "api": {
+        "props": {
+          "align": {
+            "type": "PopoverAlign",
+            "required": false
+          },
+          "anchor": {
+            "type": "HTMLElement | undefined",
+            "required": false
+          },
+          "anchorId": {
+            "type": "string | undefined",
+            "required": false
+          },
+          "boundary": {
+            "type": "HTMLElement | undefined",
+            "required": false
+          },
+          "open": {
+            "type": "boolean",
+            "required": false
+          },
+          "popoverLabel": {
+            "type": "string",
+            "required": false
+          },
+          "popoverWidth": {
+            "type": "PopoverWidth | string | undefined",
+            "required": false
+          },
+          "side": {
+            "type": "PopoverSide",
+            "required": false
+          },
+          "sideOffset": {
+            "type": "number | string",
+            "required": false
+          }
+        },
+        "events": [
+          {
+            "name": "dsAfterClose",
+            "detail": "void"
+          },
+          {
+            "name": "dsClose",
+            "detail": "PopoverCloseDetail"
+          }
+        ],
+        "slots": [
+          ""
+        ]
+      },
+      "exports": {
+        "customElement": "ds-popover",
+        "react": "DsPopover",
+        "vue": "DsPopover",
+        "angular": "DsPopover"
+      },
+      "dependencies": [
+        "@ds-mo/ui",
+        "@ds-mo/tokens"
+      ],
+      "componentDependencies": []
+    },
     {
       "id": "component:ds-radio",
       "tag": "ds-radio",
@@ -14009,7 +14578,8 @@
           "component:ds-shell-page",
           "component:ds-banner",
           "component:ds-swatch-picker",
-          "component:ds-paper-texture"
+          "component:ds-paper-texture",
+          "component:ds-drawer"
         ],
         "patterns": [
           "pattern:application-shell",
@@ -14053,7 +14623,8 @@
           "Route-owned pageChrome independently selects ShellPage contentInset, page-header seams, scroll compaction, expanded and compact header-divider visibility, and contentSurface. ShellApp forwards them while resolving whether desktop title geometry is page-local or shell-bar-owned.",
           "The application filters unauthorized destinations, sections, and tools before passing them into shell components.",
           "Application-owned header actions and the account trigger retain surface ownership across shell presentations. Supply surfaceOpen on header actions and accountMenuSurfaceOpen on navigation for rendered surface lifetimes; keep disclosure and selected-route state separate.",
-          "Managed page chrome can explicitly choose page-local title presentation for pages that must remain compact rather than following capacity and scrolling."
+          "Managed page chrome can explicitly choose page-local title presentation for pages that must remain compact rather than following capacity and scrolling.",
+          "The page content lane is a non-scrolling frame around the page scroller that contains fixed descendants, so page-owned non-modal surfaces such as a details ds-drawer cover only the content lane, stay put while the page scrolls, and hide with the content in fullscreen tools and blocked mobile stages."
         ],
         "responsiveBehavior": [
           "ShellApp owns the fixed system breakpoints and resolves desktop at 1200px and wider, tablet from 768px through 1199px, and mobile below 768px.",

package/dist/angular/ds-disclosure.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsDisclosureCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsDisclosure {
+    protected z: NgZone;
+    protected el: HTMLDsDisclosureElement;
+    dsToggle: EventEmitter<DsDisclosureCustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsDisclosure, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsDisclosure, "ds-disclosure", never, { "headingLevel": { "alias": "headingLevel"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": true; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsToggle": "dsToggle"; }, never, ["*"], true, never>;
+}
+export declare interface DsDisclosure extends Components.DsDisclosure {
+    /**
+     * Emitted after the user toggles the content; detail is the new open state.
+     */
+    dsToggle: EventEmitter<DsDisclosureCustomEvent<boolean>>;
+}