@vonage/vivid 5.18.0 → 5.20.0

package/index.js

@@ -1,9 +1,8 @@
-import { n as registerIcon, r as Icon, t as iconDefinition } from "./unbundled/definition2.js";
-import "./unbundled/numberConverter.js";
-import { n as registerAccordionItem, r as AccordionItem, t as accordionItemDefinition } from "./unbundled/definition3.js";
-import { i as Accordion, n as accordionDefinition, r as registerAccordion, t as AccordionExpandMode } from "./unbundled/definition4.js";
-import { n as registerActionGroup, r as ActionGroup, t as actionGroupDefinition } from "./unbundled/definition5.js";
-import { n as registerProgressRing, r as ProgressRing, t as progressRingDefinition } from "./unbundled/definition6.js";
+import { n as registerIcon, r as Icon, t as iconDefinition } from "./unbundled/definition.js";
+import { n as registerAccordionItem, r as AccordionItem, t as accordionItemDefinition } from "./unbundled/definition2.js";
+import { i as Accordion, n as accordionDefinition, r as registerAccordion, t as AccordionExpandMode } from "./unbundled/definition3.js";
+import { n as registerActionGroup, r as ActionGroup, t as actionGroupDefinition } from "./unbundled/definition4.js";
+import { n as registerProgressRing, r as ProgressRing, t as progressRingDefinition } from "./unbundled/definition5.js";
 import { r as setLocale } from "./unbundled/localized.js";
 import { i as Button, n as registerButton, t as buttonDefinition } from "./unbundled/definition7.js";
 import { a as IconDecoration, c as Position, d as Size, f as Sticky, i as ConnotationDecorative, l as Role, n as AriaLive, o as LayoutSize, r as Connotation, s as MediaSkipBy, t as Appearance, u as Shape } from "./unbundled/enums.js";
@@ -35,48 +34,51 @@ import { n as registerCountry, r as Country, t as countryDefinition } from "./un
 import { n as registerCountryGroup, r as CountryGroup, t as countryGroupDefinition } from "./unbundled/definition32.js";
 import { n as registerFlag, r as Flag, t as flagDefinition } from "./unbundled/definition33.js";
 import { a as DataGridCell, i as registerDataGrid, n as dataGridDefinition, o as DataGridRow, r as dataGridRowDefinition, s as DataGrid, t as dataGridCellDefinition } from "./unbundled/definition34.js";
-import { a as tableHeadDefinition, c as tableSortingButtonDefinition, d as TableHeaderCell, f as TableRow, h as Table, i as tableDefinition, l as TableSortingButton, m as TableHead, n as tableBodyDefinition, o as tableHeaderCellDefinition, p as TableBody, r as tableCellDefinition, s as tableRowDefinition, t as registerTable, u as TableCell } from "./unbundled/definition35.js";
-import { n as registerDivider, t as dividerDefinition } from "./unbundled/definition36.js";
-import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "./unbundled/definition37.js";
-import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "./unbundled/definition38.js";
+import { n as registerDivider, t as dividerDefinition } from "./unbundled/definition35.js";
+import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "./unbundled/definition36.js";
+import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "./unbundled/definition37.js";
 import { n as TimePicker } from "./unbundled/time-selection-picker.template.js";
-import { n as registerDateTimePicker, r as DateTimePicker, t as dateTimePickerDefinition } from "./unbundled/definition39.js";
-import { n as registerDialPad, r as DialPad, t as dialPadDefinition } from "./unbundled/definition40.js";
-import { n as registerDialog, r as Dialog, t as dialogDefinition } from "./unbundled/definition41.js";
-import { n as registerEmptyState, r as EmptyState, t as emptyStateDefinition } from "./unbundled/definition42.js";
-import { n as registerFab, r as Fab, t as fabDefinition } from "./unbundled/definition43.js";
-import { n as registerFilePicker, r as FilePicker, t as filePickerDefinition } from "./unbundled/definition44.js";
-import { n as registerHeader, r as Header, t as headerDefinition } from "./unbundled/definition45.js";
-import { n as registerLayout, r as Layout, t as layoutDefinition } from "./unbundled/definition46.js";
-import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "./unbundled/definition47.js";
-import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "./unbundled/definition48.js";
-import { n as registerNav, r as Nav, t as navDefinition } from "./unbundled/definition49.js";
-import { n as registerNote, r as Note, t as noteDefinition } from "./unbundled/definition50.js";
-import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "./unbundled/definition51.js";
-import { n as registerPagination, r as Pagination, t as paginationDefinition } from "./unbundled/definition52.js";
-import { n as registerPopover, r as Popover, t as popoverDefinition } from "./unbundled/definition53.js";
-import { n as registerProgress, r as Progress, t as progressDefinition } from "./unbundled/definition54.js";
-import { n as registerRadio, r as Radio, t as radioDefinition } from "./unbundled/definition55.js";
-import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "./unbundled/definition56.js";
-import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "./unbundled/definition57.js";
-import { A as RichTextEditor, C as RtePlaceholderFeature, D as RteConfig, E as RteBase, O as RteHtmlSerializer, S as RteHardBreakFeature, T as RteTextBlockPickerFeature, _ as RteStrikethroughFeature, a as RteKeyboardShortcutsFeature, b as RteBoldFeature, c as RteToolbarButtonFeature, d as RteInlineImageFeature, f as RteLinkFeature, g as RteMonospaceFeature, h as RteTextColorPickerFeature, i as RteSuggestFeature, k as RteHtmlParser, l as RteDropHandlerFeature, m as RteListFeature, n as richTextEditorDefinition, o as RteInputRuleFeature, p as RteAlignmentFeature, r as RteCharacterCountFeature, s as RteAtomFeature, t as registerRichTextEditor, u as RteFileHandlerFeature, v as RteUnderlineFeature, w as RteToolbarFeature, x as RteFontSizePickerFeature, y as RteItalicFeature } from "./unbundled/definition58.js";
-import { n as selectDefinition, r as Select, t as registerSelect } from "./unbundled/definition59.js";
-import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "./unbundled/definition60.js";
-import { n as SearchableSelect, t as registerSearchableSelect } from "./unbundled/definition61.js";
-import { n as selectableBoxDefinition, r as SelectableBox, t as registerSelectableBox } from "./unbundled/definition62.js";
-import { n as sideDrawerDefinition, r as SideDrawer, t as registerSideDrawer } from "./unbundled/definition63.js";
-import { n as simpleColorPickerDefinition, r as SimpleColorPicker, t as registerSimpleColorPicker } from "./unbundled/definition64.js";
-import { n as splitButtonDefinition, r as SplitButton, t as registerSplitButton } from "./unbundled/definition65.js";
-import { n as statusDefinition, r as Status, t as registerStatus } from "./unbundled/definition66.js";
-import { n as switchDefinition, r as Switch, t as registerSwitch } from "./unbundled/definition67.js";
-import { n as tabPanelDefinition, r as TabPanel, t as registerTabPanel } from "./unbundled/definition68.js";
-import { n as tabDefinition, r as Tab, t as registerTab } from "./unbundled/definition69.js";
-import { i as TabsGutters, n as tabsDefinition, r as Tabs, t as registerTabs } from "./unbundled/definition70.js";
-import { n as tagGroupDefinition, r as TagGroup, t as registerTagGroup } from "./unbundled/definition71.js";
-import { n as tagDefinition, r as Tag, t as registerTag } from "./unbundled/definition72.js";
-import { n as textAreaDefinition, r as TextArea, t as registerTextArea } from "./unbundled/definition73.js";
-import { n as timePickerDefinition, t as registerTimePicker } from "./unbundled/definition74.js";
-import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "./unbundled/definition75.js";
-import { n as treeViewDefinition, r as TreeView, t as registerTreeView } from "./unbundled/definition76.js";
-import { n as videoPlayerDefinition, r as VideoPlayer, t as registerVideoPlayer } from "./unbundled/definition77.js";
-export { AccordionExpandMode, Appearance, AriaLive, Connotation, ConnotationDecorative, IconDecoration, LayoutSize, MediaSkipBy, MenuItemRole, Position, Role, RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, RteCharacterCountFeature, RteConfig, RteDropHandlerFeature, RteFileHandlerFeature, RteFontSizePickerFeature, RteHardBreakFeature, RteHtmlParser, RteHtmlSerializer, RteInlineImageFeature, RteInputRuleFeature, RteItalicFeature, RteKeyboardShortcutsFeature, RteLinkFeature, RteListFeature, RteMonospaceFeature, RtePlaceholderFeature, RteStrikethroughFeature, RteSuggestFeature, RteTextBlockPickerFeature, RteTextColorPickerFeature, RteToolbarButtonFeature, RteToolbarFeature, RteUnderlineFeature, Shape, Size, Sticky, TabsGutters, Accordion as VwcAccordionElement, AccordionItem as VwcAccordionItemElement, ActionGroup as VwcActionGroupElement, Alert as VwcAlertElement, AudioPlayer as VwcAudioPlayerElement, Avatar as VwcAvatarElement, Badge as VwcBadgeElement, Banner as VwcBannerElement, Breadcrumb as VwcBreadcrumbElement, BreadcrumbItem as VwcBreadcrumbItemElement, Button as VwcButtonElement, Calendar as VwcCalendarElement, CalendarEvent as VwcCalendarEventElement, Card as VwcCardElement, Checkbox as VwcCheckboxElement, ColorPicker as VwcColorPickerElement, Combobox as VwcComboboxElement, ContextualHelp as VwcContextualHelpElement, Country as VwcCountryElement, CountryGroup as VwcCountryGroupElement, DataGridCell as VwcDataGridCellElement, DataGrid as VwcDataGridElement, DataGridRow as VwcDataGridRowElement, DatePicker as VwcDatePickerElement, DateRangePicker as VwcDateRangePickerElement, DateTimePicker as VwcDateTimePickerElement, DialPad as VwcDialPadElement, Dialog as VwcDialogElement, Divider as VwcDividerElement, EmptyState as VwcEmptyStateElement, Fab as VwcFabElement, FilePicker as VwcFilePickerElement, Flag as VwcFlagElement, Header as VwcHeaderElement, Icon as VwcIconElement, Layout as VwcLayoutElement, Menu as VwcMenuElement, MenuItem as VwcMenuItemElement, NavDisclosure as VwcNavDisclosureElement, Nav as VwcNavElement, NavItem as VwcNavItemElement, Note as VwcNoteElement, NumberField as VwcNumberFieldElement, ListboxOption as VwcOptionElement, Pagination as VwcPaginationElement, Popover as VwcPopoverElement, Progress as VwcProgressElement, ProgressRing as VwcProgressRingElement, Radio as VwcRadioElement, RadioGroup as VwcRadioGroupElement, RangeSlider as VwcRangeSliderElement, RichTextEditor as VwcRichTextEditorElement, RichTextView as VwcRichTextViewElement, SearchableSelect as VwcSearchableSelectElement, Select as VwcSelectElement, SelectableBox as VwcSelectableBoxElement, SideDrawer as VwcSideDrawerElement, SimpleColorPicker as VwcSimpleColorPickerElement, Slider as VwcSliderElement, SplitButton as VwcSplitButtonElement, Status as VwcStatusElement, Switch as VwcSwitchElement, Tab as VwcTabElement, TabPanel as VwcTabPanelElement, TableBody as VwcTableBodyElement, TableCell as VwcTableCellElement, Table as VwcTableElement, TableHead as VwcTableHeadElement, TableHeaderCell as VwcTableHeaderCellElement, TableRow as VwcTableRowElement, TableSortingButton as VwcTableSortingButtonElement, Tabs as VwcTabsElement, Tag as VwcTagElement, TagGroup as VwcTagGroupElement, TextArea as VwcTextAreaElement, TextField as VwcTextFieldElement, TimePicker as VwcTimePickerElement, Toggletip as VwcToggletipElement, Tooltip as VwcTooltipElement, TreeItem as VwcTreeItemElement, TreeView as VwcTreeViewElement, VideoPlayer as VwcVideoPlayerElement, accordionDefinition, accordionItemDefinition, actionGroupDefinition, alertDefinition, audioPlayerDefinition, avatarDefinition, badgeDefinition, bannerDefinition, breadcrumbDefinition, breadcrumbItemDefinition, buttonDefinition, calendarDefinition, calendarEventDefinition, cardDefinition, checkboxDefinition, colorPickerDefinition, comboboxDefinition, contextualHelpDefinition, countryDefinition, countryGroupDefinition, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, datePickerDefinition, dateRangePickerDefinition, dateTimePickerDefinition, dialPadDefinition, dialogDefinition, dividerDefinition, emptyStateDefinition, fabDefinition, filePickerDefinition, flagDefinition, headerDefinition, iconDefinition, layoutDefinition, listboxOptionDefinition, menuDefinition, menuItemDefinition, navDefinition, navDisclosureDefinition, navItemDefinition, noteDefinition, numberFieldDefinition, paginationDefinition, popoverDefinition, progressDefinition, progressRingDefinition, radioDefinition, radioGroupDefinition, rangeSliderDefinition, registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerCountryGroup, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerFlag, registerHeader, registerIcon, registerLayout, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOption, registerPagination, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer, richTextEditorDefinition, richTextViewDefinition, selectDefinition, selectableBoxDefinition, setLocale, sideDrawerDefinition, simpleColorPickerDefinition, sliderDefinition, splitButtonDefinition, statusDefinition, switchDefinition, tabDefinition, tabPanelDefinition, tableBodyDefinition, tableCellDefinition, tableDefinition, tableHeadDefinition, tableHeaderCellDefinition, tableRowDefinition, tableSortingButtonDefinition, tabsDefinition, tagDefinition, tagGroupDefinition, textAreaDefinition, textFieldDefinition, timePickerDefinition, toggletipDefinition, tooltipDefinition, treeItemDefinition, treeViewDefinition, videoPlayerDefinition };
+import { n as registerDateTimePicker, r as DateTimePicker, t as dateTimePickerDefinition } from "./unbundled/definition38.js";
+import { n as registerDialPad, r as DialPad, t as dialPadDefinition } from "./unbundled/definition39.js";
+import { n as registerDialog, r as Dialog, t as dialogDefinition } from "./unbundled/definition40.js";
+import { n as registerEmptyState, r as EmptyState, t as emptyStateDefinition } from "./unbundled/definition41.js";
+import { n as registerFab, r as Fab, t as fabDefinition } from "./unbundled/definition42.js";
+import { n as registerFilePicker, r as FilePicker, t as filePickerDefinition } from "./unbundled/definition43.js";
+import { n as registerHeader, r as Header, t as headerDefinition } from "./unbundled/definition44.js";
+import { n as registerKbdShortcut, r as KbdShortcut, t as kbdShortcutDefinition } from "./unbundled/definition45.js";
+import { n as registerKbdKey, r as KbdKey, t as kbdKeyDefinition } from "./unbundled/definition46.js";
+import { n as registerLayout, r as Layout, t as layoutDefinition } from "./unbundled/definition47.js";
+import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "./unbundled/definition48.js";
+import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "./unbundled/definition49.js";
+import { n as registerNav, r as Nav, t as navDefinition } from "./unbundled/definition50.js";
+import { n as registerNote, r as Note, t as noteDefinition } from "./unbundled/definition51.js";
+import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "./unbundled/definition52.js";
+import { n as registerPagination, r as Pagination, t as paginationDefinition } from "./unbundled/definition53.js";
+import { n as registerPlatformSwitch, r as PlatformSwitch, t as platformSwitchDefinition } from "./unbundled/definition54.js";
+import { n as registerPopover, r as Popover, t as popoverDefinition } from "./unbundled/definition55.js";
+import { n as registerProgress, r as Progress, t as progressDefinition } from "./unbundled/definition56.js";
+import { n as registerRadio, r as Radio, t as radioDefinition } from "./unbundled/definition57.js";
+import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "./unbundled/definition58.js";
+import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "./unbundled/definition59.js";
+import { A as RichTextEditor, C as RtePlaceholderFeature, D as RteConfig, E as RteBase, O as RteHtmlSerializer, S as RteHardBreakFeature, T as RteTextBlockPickerFeature, _ as RteStrikethroughFeature, a as RteKeyboardShortcutsFeature, b as RteBoldFeature, c as RteToolbarButtonFeature, d as RteInlineImageFeature, f as RteLinkFeature, g as RteMonospaceFeature, h as RteTextColorPickerFeature, i as RteSuggestFeature, k as RteHtmlParser, l as RteDropHandlerFeature, m as RteListFeature, n as richTextEditorDefinition, o as RteInputRuleFeature, p as RteAlignmentFeature, r as RteCharacterCountFeature, s as RteAtomFeature, t as registerRichTextEditor, u as RteFileHandlerFeature, v as RteUnderlineFeature, w as RteToolbarFeature, x as RteFontSizePickerFeature, y as RteItalicFeature } from "./unbundled/definition60.js";
+import { n as selectDefinition, r as Select, t as registerSelect } from "./unbundled/definition61.js";
+import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "./unbundled/definition62.js";
+import { n as SearchableSelect, t as registerSearchableSelect } from "./unbundled/definition63.js";
+import { n as selectableBoxDefinition, r as SelectableBox, t as registerSelectableBox } from "./unbundled/definition64.js";
+import { n as sideDrawerDefinition, r as SideDrawer, t as registerSideDrawer } from "./unbundled/definition65.js";
+import { n as simpleColorPickerDefinition, r as SimpleColorPicker, t as registerSimpleColorPicker } from "./unbundled/definition66.js";
+import { n as splitButtonDefinition, r as SplitButton, t as registerSplitButton } from "./unbundled/definition67.js";
+import { n as statusDefinition, r as Status, t as registerStatus } from "./unbundled/definition68.js";
+import { n as switchDefinition, r as Switch, t as registerSwitch } from "./unbundled/definition69.js";
+import { n as tabPanelDefinition, r as TabPanel, t as registerTabPanel } from "./unbundled/definition70.js";
+import { n as tabDefinition, r as Tab, t as registerTab } from "./unbundled/definition71.js";
+import { a as tableHeadDefinition, c as tableSortingButtonDefinition, d as TableHeaderCell, f as TableRow, h as Table, i as tableDefinition, l as TableSortingButton, m as TableHead, n as tableBodyDefinition, o as tableHeaderCellDefinition, p as TableBody, r as tableCellDefinition, s as tableRowDefinition, t as registerTable, u as TableCell } from "./unbundled/definition72.js";
+import { i as TabsGutters, n as tabsDefinition, r as Tabs, t as registerTabs } from "./unbundled/definition73.js";
+import { n as tagGroupDefinition, r as TagGroup, t as registerTagGroup } from "./unbundled/definition74.js";
+import { n as tagDefinition, r as Tag, t as registerTag } from "./unbundled/definition75.js";
+import { n as textAreaDefinition, r as TextArea, t as registerTextArea } from "./unbundled/definition76.js";
+import { n as timePickerDefinition, t as registerTimePicker } from "./unbundled/definition77.js";
+import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "./unbundled/definition78.js";
+import { n as treeViewDefinition, r as TreeView, t as registerTreeView } from "./unbundled/definition79.js";
+import { n as videoPlayerDefinition, r as VideoPlayer, t as registerVideoPlayer } from "./unbundled/definition80.js";
+export { AccordionExpandMode, Appearance, AriaLive, Connotation, ConnotationDecorative, IconDecoration, LayoutSize, MediaSkipBy, MenuItemRole, Position, Role, RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, RteCharacterCountFeature, RteConfig, RteDropHandlerFeature, RteFileHandlerFeature, RteFontSizePickerFeature, RteHardBreakFeature, RteHtmlParser, RteHtmlSerializer, RteInlineImageFeature, RteInputRuleFeature, RteItalicFeature, RteKeyboardShortcutsFeature, RteLinkFeature, RteListFeature, RteMonospaceFeature, RtePlaceholderFeature, RteStrikethroughFeature, RteSuggestFeature, RteTextBlockPickerFeature, RteTextColorPickerFeature, RteToolbarButtonFeature, RteToolbarFeature, RteUnderlineFeature, Shape, Size, Sticky, TabsGutters, Accordion as VwcAccordionElement, AccordionItem as VwcAccordionItemElement, ActionGroup as VwcActionGroupElement, Alert as VwcAlertElement, AudioPlayer as VwcAudioPlayerElement, Avatar as VwcAvatarElement, Badge as VwcBadgeElement, Banner as VwcBannerElement, Breadcrumb as VwcBreadcrumbElement, BreadcrumbItem as VwcBreadcrumbItemElement, Button as VwcButtonElement, Calendar as VwcCalendarElement, CalendarEvent as VwcCalendarEventElement, Card as VwcCardElement, Checkbox as VwcCheckboxElement, ColorPicker as VwcColorPickerElement, Combobox as VwcComboboxElement, ContextualHelp as VwcContextualHelpElement, Country as VwcCountryElement, CountryGroup as VwcCountryGroupElement, DataGridCell as VwcDataGridCellElement, DataGrid as VwcDataGridElement, DataGridRow as VwcDataGridRowElement, DatePicker as VwcDatePickerElement, DateRangePicker as VwcDateRangePickerElement, DateTimePicker as VwcDateTimePickerElement, DialPad as VwcDialPadElement, Dialog as VwcDialogElement, Divider as VwcDividerElement, EmptyState as VwcEmptyStateElement, Fab as VwcFabElement, FilePicker as VwcFilePickerElement, Flag as VwcFlagElement, Header as VwcHeaderElement, Icon as VwcIconElement, KbdKey as VwcKbdKeyElement, KbdShortcut as VwcKbdShortcutElement, Layout as VwcLayoutElement, Menu as VwcMenuElement, MenuItem as VwcMenuItemElement, NavDisclosure as VwcNavDisclosureElement, Nav as VwcNavElement, NavItem as VwcNavItemElement, Note as VwcNoteElement, NumberField as VwcNumberFieldElement, ListboxOption as VwcOptionElement, Pagination as VwcPaginationElement, PlatformSwitch as VwcPlatformSwitchElement, Popover as VwcPopoverElement, Progress as VwcProgressElement, ProgressRing as VwcProgressRingElement, Radio as VwcRadioElement, RadioGroup as VwcRadioGroupElement, RangeSlider as VwcRangeSliderElement, RichTextEditor as VwcRichTextEditorElement, RichTextView as VwcRichTextViewElement, SearchableSelect as VwcSearchableSelectElement, Select as VwcSelectElement, SelectableBox as VwcSelectableBoxElement, SideDrawer as VwcSideDrawerElement, SimpleColorPicker as VwcSimpleColorPickerElement, Slider as VwcSliderElement, SplitButton as VwcSplitButtonElement, Status as VwcStatusElement, Switch as VwcSwitchElement, Tab as VwcTabElement, TabPanel as VwcTabPanelElement, TableBody as VwcTableBodyElement, TableCell as VwcTableCellElement, Table as VwcTableElement, TableHead as VwcTableHeadElement, TableHeaderCell as VwcTableHeaderCellElement, TableRow as VwcTableRowElement, TableSortingButton as VwcTableSortingButtonElement, Tabs as VwcTabsElement, Tag as VwcTagElement, TagGroup as VwcTagGroupElement, TextArea as VwcTextAreaElement, TextField as VwcTextFieldElement, TimePicker as VwcTimePickerElement, Toggletip as VwcToggletipElement, Tooltip as VwcTooltipElement, TreeItem as VwcTreeItemElement, TreeView as VwcTreeViewElement, VideoPlayer as VwcVideoPlayerElement, accordionDefinition, accordionItemDefinition, actionGroupDefinition, alertDefinition, audioPlayerDefinition, avatarDefinition, badgeDefinition, bannerDefinition, breadcrumbDefinition, breadcrumbItemDefinition, buttonDefinition, calendarDefinition, calendarEventDefinition, cardDefinition, checkboxDefinition, colorPickerDefinition, comboboxDefinition, contextualHelpDefinition, countryDefinition, countryGroupDefinition, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, datePickerDefinition, dateRangePickerDefinition, dateTimePickerDefinition, dialPadDefinition, dialogDefinition, dividerDefinition, emptyStateDefinition, fabDefinition, filePickerDefinition, flagDefinition, headerDefinition, iconDefinition, kbdKeyDefinition, kbdShortcutDefinition, layoutDefinition, listboxOptionDefinition, menuDefinition, menuItemDefinition, navDefinition, navDisclosureDefinition, navItemDefinition, noteDefinition, numberFieldDefinition, paginationDefinition, platformSwitchDefinition, popoverDefinition, progressDefinition, progressRingDefinition, radioDefinition, radioGroupDefinition, rangeSliderDefinition, registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerCountry, registerCountryGroup, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerFlag, registerHeader, registerIcon, registerKbdKey, registerKbdShortcut, registerLayout, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOption, registerPagination, registerPlatformSwitch, registerPopover, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerRichTextView, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerStatus, registerSwitch, registerTab, registerTabPanel, registerTable, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer, richTextEditorDefinition, richTextViewDefinition, selectDefinition, selectableBoxDefinition, setLocale, sideDrawerDefinition, simpleColorPickerDefinition, sliderDefinition, splitButtonDefinition, statusDefinition, switchDefinition, tabDefinition, tabPanelDefinition, tableBodyDefinition, tableCellDefinition, tableDefinition, tableHeadDefinition, tableHeaderCellDefinition, tableRowDefinition, tableSortingButtonDefinition, tabsDefinition, tagDefinition, tagGroupDefinition, textAreaDefinition, textFieldDefinition, timePickerDefinition, toggletipDefinition, tooltipDefinition, treeItemDefinition, treeViewDefinition, videoPlayerDefinition };

package/kbd-key/definition.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_definition = require("../unbundled/definition46.cjs");
+exports.VwcKbdKeyElement = require_definition.KbdKey;
+exports.kbdKeyDefinition = require_definition.kbdKeyDefinition;
+exports.registerKbdKey = require_definition.registerKbdKey;

package/kbd-key/definition.js

@@ -0,0 +1,2 @@
+import { n as registerKbdKey, r as KbdKey, t as kbdKeyDefinition } from "../unbundled/definition46.js";
+export { KbdKey as VwcKbdKeyElement, kbdKeyDefinition, registerKbdKey };

package/kbd-key/index.cjs

@@ -0,0 +1,5 @@
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/platform.cjs`);var a=`:host{vertical-align:middle;display:inline-block}.base{--_connotation-color-primary:var(--vvd-kbd-key-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-kbd-key-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-soft:var(--vvd-kbd-key-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-kbd-key-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-kbd-key-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-kbd-key-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-dim:var(--vvd-kbd-key-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-kbd-key-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:var(--_kbd-key-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed);font-size:calc(var(--_kbd-key-size) / 2);min-inline-size:var(--_kbd-key-size);padding-inline:calc(var(--_kbd-key-size) / 4);white-space:nowrap;border:0;justify-content:center;align-items:center;display:inline-flex}.base.appearance-dropshadow{--_kbd-key-shadow-size:calc(var(--_kbd-key-size) * .0415);background-color:var(--vvd-color-canvas);box-shadow:inset 0 0 0 1px var(--vvd-color-neutral-300), var(--_kbd-key-shadow-size) var(--_kbd-key-shadow-size) 0 0 var(--vvd-color-neutral-300);color:var(--vvd-color-canvas-text)}.base.size-super-condensed{--_kbd-key-size:16px;border-radius:3px;font-size:10px}.base.size-condensed{--_kbd-key-size:24px;border-radius:6px}.base:not(.size-super-condensed,.size-condensed,.size-expanded){--_kbd-key-size:32px;border-radius:6px}.base.size-expanded{--_kbd-key-size:40px;border-radius:8px}`,o=new Set(`Alt.Control.Shift.Enter.Tab.Space.Backspace.Escape.ArrowUp.ArrowDown.ArrowLeft.ArrowRight.End.Home.PageUp.PageDown.A.B.C.D.E.F.G.H.I.J.K.L.M.N.O.P.Q.R.S.T.U.V.W.X.Y.Z.0.1.2.3.4.5.6.7.8.9.Mod.Custom`.split(`.`)),s={Enter:`↵`,Tab:`⇥`,Space:`␣`,Backspace:`⌫`,Escape:`Esc`,Shift:`⇧`,Control:`Ctrl`,Alt:`Alt`,ArrowUp:`↑`,ArrowDown:`↓`,ArrowLeft:`←`,ArrowRight:`→`,End:`End`,Home:`Home`,PageUp:`PgUp`,PageDown:`PgDn`},c={Control:`⌃`,Alt:`⌥`},l={Enter:`Enter`,Tab:`Tab`,Space:`Space`,Backspace:`Backspace`,Shift:`Shift`,ArrowUp:`Up Arrow`,ArrowDown:`Down Arrow`,ArrowLeft:`Left Arrow`,ArrowRight:`Right Arrow`},u={Control:`Control`,Alt:`Option`},d=class extends e.t{get _isApple(){return this.keyboard===`apple`?!0:this.keyboard===`standard`?!1:i.t()}get _displayLabel(){return!this.name||this.name===`Custom`?``:o.has(this.name)?this.name===`Mod`?this._isApple?`⌘`:`Ctrl`:this._isApple&&this.name in c?c[this.name]:s[this.name]??this.name:(console.warn(`[kbd-key] Unsupported key name: "${this.name}". Nothing will be displayed.`),``)}get _ariaKeyLabel(){return!this.name||this.name===`Custom`?null:this.name===`Mod`?this._isApple?`Command`:null:this._isApple&&this.name in u?u[this.name]:l[this.name]??null}_getKeyshortcutsKey(){return this.keyshortcutsKey===void 0?this.name?this.name===`Custom`?this.textContent.trim()||null:this.name===`Mod`?this._isApple?`Meta`:`Control`:this.name:null:this.keyshortcutsKey||null}};n.t([e.m],d.prototype,`name`,void 0),n.t([e.m],d.prototype,`keyboard`,void 0),n.t([e.m],d.prototype,`appearance`,void 0),n.t([e.m],d.prototype,`size`,void 0),n.t([e.m({attribute:`keyshortcuts-key`})],d.prototype,`keyshortcutsKey`,void 0);var f=({appearance:e,size:t})=>r.t(`base`,[`appearance-${e}`,!!e],[`size-${t}`,!!t]),p=e.u(`kbd-key`,d,()=>e.p`<kbd
+		class="${f}"
+		aria-label="${e=>e._ariaKeyLabel}"
+		>${t.t(e=>e.name===`Custom`,e.p`<slot></slot>`)}${t.t(e=>!!(e.name&&e.name!==`Custom`&&e._displayLabel),e.p`${e=>e._displayLabel}`)}</kbd
+	>`,[],{styles:a});e.d(p)();

package/kbd-key/index.js

@@ -0,0 +1,65 @@
+import { d as e, m as t, p as n, t as r, u as i } from "../bundled/vivid-element.js";
+import { t as a } from "../bundled/when.js";
+import { t as o } from "../bundled/decorate.js";
+import { t as s } from "../bundled/class-names.js";
+import { t as c } from "../bundled/platform.js";
+//#region src/lib/kbd-key/kbd-key.scss?inline
+var l = ":host{vertical-align:middle;display:inline-block}.base{--_connotation-color-primary:var(--vvd-kbd-key-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-kbd-key-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-soft:var(--vvd-kbd-key-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-kbd-key-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-kbd-key-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-kbd-key-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-dim:var(--vvd-kbd-key-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-kbd-key-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:var(--_kbd-key-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed);font-size:calc(var(--_kbd-key-size) / 2);min-inline-size:var(--_kbd-key-size);padding-inline:calc(var(--_kbd-key-size) / 4);white-space:nowrap;border:0;justify-content:center;align-items:center;display:inline-flex}.base.appearance-dropshadow{--_kbd-key-shadow-size:calc(var(--_kbd-key-size) * .0415);background-color:var(--vvd-color-canvas);box-shadow:inset 0 0 0 1px var(--vvd-color-neutral-300), var(--_kbd-key-shadow-size) var(--_kbd-key-shadow-size) 0 0 var(--vvd-color-neutral-300);color:var(--vvd-color-canvas-text)}.base.size-super-condensed{--_kbd-key-size:16px;border-radius:3px;font-size:10px}.base.size-condensed{--_kbd-key-size:24px;border-radius:6px}.base:not(.size-super-condensed,.size-condensed,.size-expanded){--_kbd-key-size:32px;border-radius:6px}.base.size-expanded{--_kbd-key-size:40px;border-radius:8px}", u = new Set(/* @__PURE__ */ "Alt.Control.Shift.Enter.Tab.Space.Backspace.Escape.ArrowUp.ArrowDown.ArrowLeft.ArrowRight.End.Home.PageUp.PageDown.A.B.C.D.E.F.G.H.I.J.K.L.M.N.O.P.Q.R.S.T.U.V.W.X.Y.Z.0.1.2.3.4.5.6.7.8.9.Mod.Custom".split(".")), d = {
+	Enter: "↵",
+	Tab: "⇥",
+	Space: "␣",
+	Backspace: "⌫",
+	Escape: "Esc",
+	Shift: "⇧",
+	Control: "Ctrl",
+	Alt: "Alt",
+	ArrowUp: "↑",
+	ArrowDown: "↓",
+	ArrowLeft: "←",
+	ArrowRight: "→",
+	End: "End",
+	Home: "Home",
+	PageUp: "PgUp",
+	PageDown: "PgDn"
+}, f = {
+	Control: "⌃",
+	Alt: "⌥"
+}, p = {
+	Enter: "Enter",
+	Tab: "Tab",
+	Space: "Space",
+	Backspace: "Backspace",
+	Shift: "Shift",
+	ArrowUp: "Up Arrow",
+	ArrowDown: "Down Arrow",
+	ArrowLeft: "Left Arrow",
+	ArrowRight: "Right Arrow"
+}, m = {
+	Control: "Control",
+	Alt: "Option"
+}, h = class extends r {
+	get _isApple() {
+		return this.keyboard === "apple" ? !0 : this.keyboard === "standard" ? !1 : c();
+	}
+	get _displayLabel() {
+		return !this.name || this.name === "Custom" ? "" : u.has(this.name) ? this.name === "Mod" ? this._isApple ? "⌘" : "Ctrl" : this._isApple && this.name in f ? f[this.name] : d[this.name] ?? this.name : (console.warn(`[kbd-key] Unsupported key name: "${this.name}". Nothing will be displayed.`), "");
+	}
+	get _ariaKeyLabel() {
+		return !this.name || this.name === "Custom" ? null : this.name === "Mod" ? this._isApple ? "Command" : null : this._isApple && this.name in m ? m[this.name] : p[this.name] ?? null;
+	}
+	_getKeyshortcutsKey() {
+		return this.keyshortcutsKey === void 0 ? this.name ? this.name === "Custom" ? this.textContent.trim() || null : this.name === "Mod" ? this._isApple ? "Meta" : "Control" : this.name : null : this.keyshortcutsKey || null;
+	}
+};
+o([t], h.prototype, "name", void 0), o([t], h.prototype, "keyboard", void 0), o([t], h.prototype, "appearance", void 0), o([t], h.prototype, "size", void 0), o([t({ attribute: "keyshortcuts-key" })], h.prototype, "keyshortcutsKey", void 0);
+//#endregion
+//#region src/lib/kbd-key/kbd-key.template.ts
+var g = ({ appearance: e, size: t }) => s("base", [`appearance-${e}`, !!e], [`size-${t}`, !!t]);
+//#endregion
+//#region src/lib/kbd-key/index.ts
+e(i("kbd-key", h, () => n`<kbd
+		class="${g}"
+		aria-label="${(e) => e._ariaKeyLabel}"
+		>${a((e) => e.name === "Custom", n`<slot></slot>`)}${a((e) => !!(e.name && e.name !== "Custom" && e._displayLabel), n`${(e) => e._displayLabel}`)}</kbd
+	>`, [], { styles: l }))();
+//#endregion

package/kbd-shortcut/definition.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_definition = require("../unbundled/definition45.cjs");
+exports.VwcKbdShortcutElement = require_definition.KbdShortcut;
+exports.kbdShortcutDefinition = require_definition.kbdShortcutDefinition;
+exports.registerKbdShortcut = require_definition.registerKbdShortcut;

package/kbd-shortcut/definition.js

@@ -0,0 +1,2 @@
+import { n as registerKbdShortcut, r as KbdShortcut, t as kbdShortcutDefinition } from "../unbundled/definition45.js";
+export { KbdShortcut as VwcKbdShortcutElement, kbdShortcutDefinition, registerKbdShortcut };

package/kbd-shortcut/index.cjs

@@ -0,0 +1,3 @@
+const e=require(`../bundled/vivid-element.cjs`);var t=`:host{display:inline-block}.base{white-space:nowrap;align-items:center;gap:.3em;display:inline-flex}`,n=new Set([`Control`,`Alt`,`Shift`,`Meta`]),r=class extends e.t{getKeyshortcutsValue(){let e=Array.from(this.children).filter(e=>typeof e._getKeyshortcutsKey==`function`);if(e.length===0)return null;let t=[];for(let n of e){let e=n._getKeyshortcutsKey();e!==null&&t.push(e)}if(t.length===0)return null;let r=t.filter(e=>n.has(e)),i=t.filter(e=>!n.has(e));return[...r,...i].join(`+`)}},i=e.u(`kbd-shortcut`,r,()=>e.p`<span class="base" role="group"
+		><slot></slot
+	></span>`,[],{styles:t});e.d(i)();

package/kbd-shortcut/index.js

@@ -0,0 +1,27 @@
+import { d as e, p as t, t as n, u as r } from "../bundled/vivid-element.js";
+//#region src/lib/kbd-shortcut/kbd-shortcut.scss?inline
+var i = ":host{display:inline-block}.base{white-space:nowrap;align-items:center;gap:.3em;display:inline-flex}", a = new Set([
+	"Control",
+	"Alt",
+	"Shift",
+	"Meta"
+]);
+//#endregion
+//#region src/lib/kbd-shortcut/index.ts
+e(r("kbd-shortcut", class extends n {
+	getKeyshortcutsValue() {
+		let e = Array.from(this.children).filter((e) => typeof e._getKeyshortcutsKey == "function");
+		if (e.length === 0) return null;
+		let t = [];
+		for (let n of e) {
+			let e = n._getKeyshortcutsKey();
+			e !== null && t.push(e);
+		}
+		if (t.length === 0) return null;
+		let n = t.filter((e) => a.has(e)), r = t.filter((e) => !a.has(e));
+		return [...n, ...r].join("+");
+	}
+}, () => t`<span class="base" role="group"
+		><slot></slot
+	></span>`, [], { styles: i }))();
+//#endregion

package/layout/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition46.cjs");
+const require_definition = require("../unbundled/definition47.cjs");
 exports.VwcLayoutElement = require_definition.Layout;
 exports.layoutDefinition = require_definition.layoutDefinition;
 exports.registerLayout = require_definition.registerLayout;

package/layout/definition.js

@@ -1,2 +1,2 @@
-import { n as registerLayout, r as Layout, t as layoutDefinition } from "../unbundled/definition46.js";
+import { n as registerLayout, r as Layout, t as layoutDefinition } from "../unbundled/definition47.js";
 export { Layout as VwcLayoutElement, layoutDefinition, registerLayout };

package/layout/index.cjs

@@ -1,3 +1,3 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/class-names.cjs`);var r=class extends e.t{};t.t([e.l],r.prototype,`gutters`,void 0),t.t([e.l({attribute:`column-basis`})],r.prototype,`columnBasis`,void 0),t.t([e.l({attribute:`column-spacing`})],r.prototype,`columnSpacing`,void 0),t.t([e.l({attribute:`row-spacing`})],r.prototype,`rowSpacing`,void 0),t.t([e.l({attribute:`auto-sizing`})],r.prototype,`autoSizing`,void 0);var i=`.control{grid-auto-rows:var(--layout-grid-template-rows,min-content);display:grid}@media not all and (width>=600px){.control.column-basis-medium,.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(100%, 1fr)))}}@media (width>=600px){.control.column-basis-small{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(160px, 1fr)))}.control:not(.column-basis-small):not(.column-basis-medium):not(.column-basis-large):not(.column-basis-block),.control.column-basis-medium{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(320px, 1fr)))}.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(380px, 1fr)))}.control.column-basis-block{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(1fr, 1fr)))}}.control.column-spacing-small{column-gap:var(--layout-column-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap,0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.column-spacing-small-block{column-gap:var(--layout-column-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0)}.control:not(.column-spacing-small):not(.column-spacing-small-inline):not(.column-spacing-small-block):not(.column-spacing-medium):not(.column-spacing-medium-inline):not(.column-spacing-medium-block):not(.column-spacing-large):not(.column-spacing-large-inline):not(.column-spacing-large-block),.control.column-spacing-medium{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.column-spacing-large-block{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap,0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.row-spacing-small-block{row-gap:var(--layout-row-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0)}.control:not(.row-spacing-small):not(.row-spacing-small-inline):not(.row-spacing-small-block):not(.row-spacing-medium):not(.row-spacing-medium-inline):not(.row-spacing-medium-block):not(.row-spacing-large):not(.row-spacing-large-inline):not(.row-spacing-large-block),.control.row-spacing-medium{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.row-spacing-large-block{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0)}.control.gutters-small{margin:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.gutters-small-inline{margin:0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.gutters-small-block{margin:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0}.control.gutters-medium{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.gutters-medium-inline{margin:0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.gutters-medium-block{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0}.control.gutters-large{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.control.gutters-large-inline{margin:0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.control.gutters-large-block{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0}.control.auto-sizing-fill{--_auto-sizing:auto-fill}.control:not(.auto-sizing-fill):not(.auto-sizing-fit),.control.auto-sizing-fit{--_auto-sizing:auto-fit}`,a=e.d` <div class="${({columnBasis:e,gutters:t,columnSpacing:r,autoSizing:i,rowSpacing:a})=>n.t(`control`,[`column-basis-${e}`,!!e],[`gutters-${t}`,!!t],[`column-spacing-${r}`,!!r],[`row-spacing-${a||r}`,!!a||!!r],[`auto-sizing-${i}`,!!i])}">
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/class-names.cjs`);var r=class extends e.t{};t.t([e.m],r.prototype,`gutters`,void 0),t.t([e.m({attribute:`column-basis`})],r.prototype,`columnBasis`,void 0),t.t([e.m({attribute:`column-spacing`})],r.prototype,`columnSpacing`,void 0),t.t([e.m({attribute:`row-spacing`})],r.prototype,`rowSpacing`,void 0),t.t([e.m({attribute:`auto-sizing`})],r.prototype,`autoSizing`,void 0);var i=`.control{grid-auto-rows:var(--layout-grid-template-rows,min-content);display:grid}@media not all and (width>=600px){.control.column-basis-medium,.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(100%, 1fr)))}}@media (width>=600px){.control.column-basis-small{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(160px, 1fr)))}.control:not(.column-basis-small):not(.column-basis-medium):not(.column-basis-large):not(.column-basis-block),.control.column-basis-medium{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(320px, 1fr)))}.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(380px, 1fr)))}.control.column-basis-block{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(1fr, 1fr)))}}.control.column-spacing-small{column-gap:var(--layout-column-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap,0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.column-spacing-small-block{column-gap:var(--layout-column-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0)}.control:not(.column-spacing-small):not(.column-spacing-small-inline):not(.column-spacing-small-block):not(.column-spacing-medium):not(.column-spacing-medium-inline):not(.column-spacing-medium-block):not(.column-spacing-large):not(.column-spacing-large-inline):not(.column-spacing-large-block),.control.column-spacing-medium{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.column-spacing-large-block{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap,0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.row-spacing-small-block{row-gap:var(--layout-row-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0)}.control:not(.row-spacing-small):not(.row-spacing-small-inline):not(.row-spacing-small-block):not(.row-spacing-medium):not(.row-spacing-medium-inline):not(.row-spacing-medium-block):not(.row-spacing-large):not(.row-spacing-large-inline):not(.row-spacing-large-block),.control.row-spacing-medium{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.row-spacing-large-block{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0)}.control.gutters-small{margin:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.gutters-small-inline{margin:0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.gutters-small-block{margin:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0}.control.gutters-medium{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.gutters-medium-inline{margin:0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.gutters-medium-block{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0}.control.gutters-large{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.control.gutters-large-inline{margin:0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.control.gutters-large-block{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0}.control.auto-sizing-fill{--_auto-sizing:auto-fill}.control:not(.auto-sizing-fill):not(.auto-sizing-fit),.control.auto-sizing-fit{--_auto-sizing:auto-fit}`,a=e.p` <div class="${({columnBasis:e,gutters:t,columnSpacing:r,autoSizing:i,rowSpacing:a})=>n.t(`control`,[`column-basis-${e}`,!!e],[`gutters-${t}`,!!t],[`column-spacing-${r}`,!!r],[`row-spacing-${a||r}`,!!a||!!r],[`auto-sizing-${i}`,!!i])}">
 	<slot></slot>
-</div>`,o=e.o(`layout`,r,a,[],{styles:i});e.s(o)();
+</div>`,o=e.u(`layout`,r,a,[],{styles:i});e.d(o)();

package/layout/index.js

@@ -1,11 +1,11 @@
-import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
+import { d as e, m as t, p as n, t as r, u as i } from "../bundled/vivid-element.js";
 import { t as a } from "../bundled/decorate.js";
 import { t as o } from "../bundled/class-names.js";
 //#region src/lib/layout/layout.ts
-var s = class extends i {};
+var s = class extends r {};
 //#endregion
 //#region src/lib/layout/index.ts
-a([t], s.prototype, "gutters", void 0), a([t({ attribute: "column-basis" })], s.prototype, "columnBasis", void 0), a([t({ attribute: "column-spacing" })], s.prototype, "columnSpacing", void 0), a([t({ attribute: "row-spacing" })], s.prototype, "rowSpacing", void 0), a([t({ attribute: "auto-sizing" })], s.prototype, "autoSizing", void 0), r(n("layout", s, e` <div class="${({ columnBasis: e, gutters: t, columnSpacing: n, autoSizing: r, rowSpacing: i }) => o("control", [`column-basis-${e}`, !!e], [`gutters-${t}`, !!t], [`column-spacing-${n}`, !!n], [`row-spacing-${i || n}`, !!i || !!n], [`auto-sizing-${r}`, !!r])}">
+a([t], s.prototype, "gutters", void 0), a([t({ attribute: "column-basis" })], s.prototype, "columnBasis", void 0), a([t({ attribute: "column-spacing" })], s.prototype, "columnSpacing", void 0), a([t({ attribute: "row-spacing" })], s.prototype, "rowSpacing", void 0), a([t({ attribute: "auto-sizing" })], s.prototype, "autoSizing", void 0), e(i("layout", s, n` <div class="${({ columnBasis: e, gutters: t, columnSpacing: n, autoSizing: r, rowSpacing: i }) => o("control", [`column-basis-${e}`, !!e], [`gutters-${t}`, !!t], [`column-spacing-${n}`, !!n], [`row-spacing-${i || n}`, !!i || !!n], [`auto-sizing-${r}`, !!r])}">
 	<slot></slot>
 </div>`, [], { styles: ".control{grid-auto-rows:var(--layout-grid-template-rows,min-content);display:grid}@media not all and (width>=600px){.control.column-basis-medium,.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(100%, 1fr)))}}@media (width>=600px){.control.column-basis-small{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(160px, 1fr)))}.control:not(.column-basis-small):not(.column-basis-medium):not(.column-basis-large):not(.column-basis-block),.control.column-basis-medium{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(320px, 1fr)))}.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(380px, 1fr)))}.control.column-basis-block{grid-template-columns:var(--layout-grid-template-columns,repeat(var(--_auto-sizing), minmax(1fr, 1fr)))}}.control.column-spacing-small{column-gap:var(--layout-column-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap,0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.column-spacing-small-block{column-gap:var(--layout-column-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0)}.control:not(.column-spacing-small):not(.column-spacing-small-inline):not(.column-spacing-small-block):not(.column-spacing-medium):not(.column-spacing-medium-inline):not(.column-spacing-medium-block):not(.column-spacing-large):not(.column-spacing-large-inline):not(.column-spacing-large-block),.control.column-spacing-medium{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.column-spacing-large-block{column-gap:var(--layout-column-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap,0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))))}.control.row-spacing-small-block{row-gap:var(--layout-row-gap,calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0)}.control:not(.row-spacing-small):not(.row-spacing-small-inline):not(.row-spacing-small-block):not(.row-spacing-medium):not(.row-spacing-medium-inline):not(.row-spacing-medium-block):not(.row-spacing-large):not(.row-spacing-large-inline):not(.row-spacing-large-block),.control.row-spacing-medium{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap,0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)))}.control.row-spacing-large-block{row-gap:var(--layout-row-gap,calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0)}.control.gutters-small{margin:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.gutters-small-inline{margin:0 calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)))}.control.gutters-small-block{margin:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))) 0}.control.gutters-medium{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.gutters-medium-inline{margin:0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.control.gutters-medium-block{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) 0}.control.gutters-large{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.control.gutters-large-inline{margin:0 calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.control.gutters-large-block{margin:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) 0}.control.auto-sizing-fill{--_auto-sizing:auto-fill}.control:not(.auto-sizing-fill):not(.auto-sizing-fit),.control.auto-sizing-fit{--_auto-sizing:auto-fit}" }))();
 //#endregion

package/lib/accordion-item/accordion-item.d.ts

@@ -12,7 +12,7 @@ declare const AccordionItem_base: {
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -364,6 +364,13 @@ declare const AccordionItem_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -406,12 +413,22 @@ declare const AccordionItem_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class AccordionItem extends AccordionItem_base {

package/lib/action-group/action-group.d.ts

@@ -9,7 +9,7 @@ declare const ActionGroup_base: {
         connectedCallback(): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -361,6 +361,13 @@ declare const ActionGroup_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -403,12 +410,22 @@ declare const ActionGroup_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class ActionGroup extends ActionGroup_base {

package/lib/alert/alert.d.ts

@@ -19,7 +19,7 @@ declare const Alert_base: {
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -371,6 +371,13 @@ declare const Alert_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -413,12 +420,22 @@ declare const Alert_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -427,7 +444,7 @@ declare const Alert_base: {
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -779,6 +796,13 @@ declare const Alert_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -821,12 +845,22 @@ declare const Alert_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class Alert extends Alert_base {

package/lib/audio-player/audio-player.d.ts

@@ -16,7 +16,7 @@ declare const AudioPlayer_base: {
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -368,6 +368,13 @@ declare const AudioPlayer_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -410,12 +417,22 @@ declare const AudioPlayer_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class AudioPlayer extends AudioPlayer_base {