@vonage/vivid 5.23.1-preview.0 → 5.24.0

package/index.js

@@ -4,24 +4,24 @@ import { i as Accordion, n as accordionDefinition, r as registerAccordion, t as
 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 { i as Button, n as registerButton, t as buttonDefinition } from "./unbundled/definition6.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";
-import { n as registerAlert, r as Alert, t as alertDefinition } from "./unbundled/definition9.js";
-import { n as sliderDefinition, r as Slider, t as registerSlider } from "./unbundled/definition11.js";
-import { a as MenuItemRole, i as MenuItem, n as registerMenuItem, t as menuItemDefinition } from "./unbundled/definition12.js";
-import { n as registerMenu, r as Menu, t as menuDefinition } from "./unbundled/definition13.js";
+import { n as registerAlert, r as Alert, t as alertDefinition } from "./unbundled/definition8.js";
+import { n as sliderDefinition, r as Slider, t as registerSlider } from "./unbundled/definition10.js";
+import { a as MenuItemRole, i as MenuItem, n as registerMenuItem, t as menuItemDefinition } from "./unbundled/definition11.js";
+import { n as registerMenu, r as Menu, t as menuDefinition } from "./unbundled/definition12.js";
 import { t as Divider } from "./unbundled/divider.js";
-import { n as registerAudioPlayer, r as AudioPlayer, t as audioPlayerDefinition } from "./unbundled/definition14.js";
-import { n as registerAvatar, r as Avatar, t as avatarDefinition } from "./unbundled/definition15.js";
-import { n as registerBadge, r as Badge, t as badgeDefinition } from "./unbundled/definition16.js";
-import { n as registerBanner, r as Banner, t as bannerDefinition } from "./unbundled/definition17.js";
-import { n as registerBreadcrumbItem, t as breadcrumbItemDefinition } from "./unbundled/definition18.js";
+import { n as registerAudioPlayer, r as AudioPlayer, t as audioPlayerDefinition } from "./unbundled/definition13.js";
+import { n as registerAvatar, r as Avatar, t as avatarDefinition } from "./unbundled/definition14.js";
+import { n as registerBadge, r as Badge, t as badgeDefinition } from "./unbundled/definition15.js";
+import { n as registerBanner, r as Banner, t as bannerDefinition } from "./unbundled/definition16.js";
+import { n as registerBreadcrumbItem, t as breadcrumbItemDefinition } from "./unbundled/definition17.js";
 import { t as BreadcrumbItem } from "./unbundled/breadcrumb-item.js";
-import { n as registerBreadcrumb, r as Breadcrumb, t as breadcrumbDefinition } from "./unbundled/definition19.js";
-import { n as registerCalendarEvent, t as calendarEventDefinition } from "./unbundled/definition20.js";
+import { n as registerBreadcrumb, r as Breadcrumb, t as breadcrumbDefinition } from "./unbundled/definition18.js";
+import { n as registerCalendarEvent, t as calendarEventDefinition } from "./unbundled/definition19.js";
 import { t as CalendarEvent } from "./unbundled/calendar-event.js";
-import { n as registerCalendar, r as Calendar, t as calendarDefinition } from "./unbundled/definition21.js";
-import { n as registerCard, r as Card, t as cardDefinition } from "./unbundled/definition22.js";
+import { n as registerCalendar, r as Calendar, t as calendarDefinition } from "./unbundled/definition20.js";
+import { n as registerCard, r as Card, t as cardDefinition } from "./unbundled/definition21.js";
 import { n as registerCheckbox, r as Checkbox, t as checkboxDefinition } from "./unbundled/definition23.js";
 import { n as toggletipDefinition, r as Toggletip, t as registerToggletip } from "./unbundled/definition24.js";
 import { n as registerContextualHelp, r as ContextualHelp, t as contextualHelpDefinition } from "./unbundled/definition25.js";
@@ -29,56 +29,57 @@ import { n as textFieldDefinition, r as TextField, t as registerTextField } from
 import { n as tooltipDefinition, r as Tooltip, t as registerTooltip } from "./unbundled/definition27.js";
 import { n as registerColorPicker, r as ColorPicker, t as colorPickerDefinition } from "./unbundled/definition28.js";
 import { n as registerOption, r as ListboxOption, t as listboxOptionDefinition } from "./unbundled/definition29.js";
-import { n as registerCombobox, r as Combobox, t as comboboxDefinition } from "./unbundled/definition30.js";
-import { n as registerCountry, r as Country, t as countryDefinition } from "./unbundled/definition31.js";
-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 { 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 registerOptgroup, r as Optgroup, t as optgroupDefinition } from "./unbundled/definition30.js";
+import { n as registerCombobox, r as Combobox, t as comboboxDefinition } from "./unbundled/definition31.js";
+import { n as registerCountry, r as Country, t as countryDefinition } from "./unbundled/definition32.js";
+import { n as registerCountryGroup, r as CountryGroup, t as countryGroupDefinition } from "./unbundled/definition33.js";
+import { n as registerFlag, r as Flag, t as flagDefinition } from "./unbundled/definition34.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/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 TimePicker } from "./unbundled/time-selection-picker.template.js";
-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 };
+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 registerKbdShortcut, r as KbdShortcut, t as kbdShortcutDefinition } from "./unbundled/definition46.js";
+import { n as registerKbdKey, r as KbdKey, t as kbdKeyDefinition } from "./unbundled/definition47.js";
+import { n as registerLayout, r as Layout, t as layoutDefinition } from "./unbundled/definition48.js";
+import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "./unbundled/definition49.js";
+import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "./unbundled/definition50.js";
+import { n as registerNav, r as Nav, t as navDefinition } from "./unbundled/definition51.js";
+import { n as registerNote, r as Note, t as noteDefinition } from "./unbundled/definition52.js";
+import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "./unbundled/definition53.js";
+import { n as registerPagination, r as Pagination, t as paginationDefinition } from "./unbundled/definition54.js";
+import { n as registerPlatformSwitch, r as PlatformSwitch, t as platformSwitchDefinition } from "./unbundled/definition55.js";
+import { n as registerPopover, r as Popover, t as popoverDefinition } from "./unbundled/definition56.js";
+import { n as registerProgress, r as Progress, t as progressDefinition } from "./unbundled/definition57.js";
+import { n as registerRadio, r as Radio, t as radioDefinition } from "./unbundled/definition58.js";
+import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "./unbundled/definition59.js";
+import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "./unbundled/definition60.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/definition61.js";
+import { n as selectDefinition, r as Select, t as registerSelect } from "./unbundled/definition62.js";
+import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "./unbundled/definition63.js";
+import { n as searchableSelectDefinition, r as SearchableSelect, t as registerSearchableSelect } from "./unbundled/definition64.js";
+import { n as selectableBoxDefinition, r as SelectableBox, t as registerSelectableBox } from "./unbundled/definition65.js";
+import { n as sideDrawerDefinition, r as SideDrawer, t as registerSideDrawer } from "./unbundled/definition66.js";
+import { n as simpleColorPickerDefinition, r as SimpleColorPicker, t as registerSimpleColorPicker } from "./unbundled/definition67.js";
+import { n as splitButtonDefinition, r as SplitButton, t as registerSplitButton } from "./unbundled/definition68.js";
+import { n as statusDefinition, r as Status, t as registerStatus } from "./unbundled/definition69.js";
+import { n as switchDefinition, r as Switch, t as registerSwitch } from "./unbundled/definition70.js";
+import { n as tabPanelDefinition, r as TabPanel, t as registerTabPanel } from "./unbundled/definition71.js";
+import { n as tabDefinition, r as Tab, t as registerTab } from "./unbundled/definition72.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/definition73.js";
+import { i as TabsGutters, n as tabsDefinition, r as Tabs, t as registerTabs } from "./unbundled/definition74.js";
+import { n as tagGroupDefinition, r as TagGroup, t as registerTagGroup } from "./unbundled/definition75.js";
+import { n as tagDefinition, r as Tag, t as registerTag } from "./unbundled/definition76.js";
+import { n as textAreaDefinition, r as TextArea, t as registerTextArea } from "./unbundled/definition77.js";
+import { n as timePickerDefinition, t as registerTimePicker } from "./unbundled/definition78.js";
+import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "./unbundled/definition79.js";
+import { n as treeViewDefinition, r as TreeView, t as registerTreeView } from "./unbundled/definition80.js";
+import { n as videoPlayerDefinition, r as VideoPlayer, t as registerVideoPlayer } from "./unbundled/definition81.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, Optgroup as VwcOptgroupElement, 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, optgroupDefinition, 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, registerOptgroup, 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, searchableSelectDefinition, 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

@@ -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.VwcKbdKeyElement = require_definition.KbdKey;
 exports.kbdKeyDefinition = require_definition.kbdKeyDefinition;
 exports.registerKbdKey = require_definition.registerKbdKey;

package/kbd-key/definition.js

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

package/kbd-key/index.cjs

@@ -1,5 +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}"
+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=e.u(`kbd-key`,d,()=>e.p`<kbd
+		class="${e=>r.t(`base`,[`appearance-${e.appearance}`,!!e.appearance],[`size-${e.size}`,!!e.size])}"
 		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)();
+	>`,[],{styles:a});e.d(f)();

package/kbd-key/index.js

@@ -51,14 +51,10 @@ var l = ":host{vertical-align:middle;display:inline-block}.base{--_connotation-c
 		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}"
+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), e(i("kbd-key", h, () => n`<kbd
+		class="${(e) => s("base", [`appearance-${e.appearance}`, !!e.appearance], [`size-${e.size}`, !!e.size])}"
 		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 }))();

package/kbd-shortcut/definition.cjs

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

package/kbd-shortcut/definition.js

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

package/layout/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition47.cjs");
+const require_definition = require("../unbundled/definition48.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/definition47.js";
+import { n as registerLayout, r as Layout, t as layoutDefinition } from "../unbundled/definition48.js";
 export { Layout as VwcLayoutElement, layoutDefinition, registerLayout };

package/layout/index.cjs

@@ -1,3 +1,5 @@
-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])}">
+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="${e=>n.t(`control`,[`column-basis-${e.columnBasis}`,!!e.columnBasis],[`gutters-${e.gutters}`,!!e.gutters],[`column-spacing-${e.columnSpacing}`,!!e.columnSpacing],[`row-spacing-${e.rowSpacing?e.rowSpacing:e.columnSpacing}`,!!e.rowSpacing||!!e.columnSpacing],[`auto-sizing-${e.autoSizing}`,!!e.autoSizing])}"
+>
 	<slot></slot>
 </div>`,o=e.u(`layout`,r,a,[],{styles:i});e.d(o)();

package/layout/index.js

@@ -5,7 +5,9 @@ import { t as o } from "../bundled/class-names.js";
 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), 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])}">
+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="${(e) => o("control", [`column-basis-${e.columnBasis}`, !!e.columnBasis], [`gutters-${e.gutters}`, !!e.gutters], [`column-spacing-${e.columnSpacing}`, !!e.columnSpacing], [`row-spacing-${e.rowSpacing ? e.rowSpacing : e.columnSpacing}`, !!e.rowSpacing || !!e.columnSpacing], [`auto-sizing-${e.autoSizing}`, !!e.autoSizing])}"
+>
 	<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/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -9,6 +9,7 @@ declare const AccordionItem_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _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;
@@ -363,7 +364,6 @@ declare const AccordionItem_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -437,6 +437,7 @@ export declare class AccordionItem extends AccordionItem_base {
     expanded: boolean;
     id: string;
     heading?: string;
+    secondaryText?: string;
     noIndicator: boolean;
     meta?: string;
     size?: AccordionItemSize;

package/lib/accordion-item/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -7,6 +7,7 @@ declare const ActionGroup_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -360,7 +361,6 @@ declare const ActionGroup_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/action-group/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/alert/alert.d.ts

@@ -16,6 +16,7 @@ declare const Alert_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _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;
@@ -370,7 +371,6 @@ declare const Alert_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -441,6 +441,7 @@ declare const Alert_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _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;
@@ -795,7 +796,6 @@ declare const Alert_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/alert/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -13,6 +13,7 @@ declare const AudioPlayer_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _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;
@@ -367,7 +368,6 @@ declare const AudioPlayer_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/audio-player/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/avatar/avatar.d.ts

@@ -19,6 +19,7 @@ declare const Avatar_base: {
         _renderLinkElement: <T extends any>(content: import('@microsoft/fast-element').ViewTemplate<T>, cssClass: import('@microsoft/fast-element').TemplateValue<T>, boundAriaProperties?: import('../../shared/aria/aria-binding-directive.js').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, any>;
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -372,7 +373,6 @@ declare const Avatar_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/avatar/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/badge/badge.d.ts

@@ -11,7 +11,8 @@ declare const Badge_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -365,7 +366,6 @@ declare const Badge_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -428,9 +428,9 @@ declare const Badge_base: {
             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;
+        "__#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 Badge extends Badge_base {

package/lib/badge/badge.template.d.ts

@@ -1,3 +1,2 @@
 import { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
-import { Badge } from './badge';
-export declare const badgeTemplate: (context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<Badge, any>;
+export declare const badgeTemplate: (context: VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<any, any>;

package/lib/badge/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/banner/banner.d.ts

@@ -13,6 +13,7 @@ declare const Banner_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _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;
@@ -367,7 +368,6 @@ declare const Banner_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -438,6 +438,7 @@ declare const Banner_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _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;
@@ -792,7 +793,6 @@ declare const Banner_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -863,6 +863,7 @@ declare const Banner_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -1216,7 +1217,6 @@ declare const Banner_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/banner/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/breadcrumb/breadcrumb.d.ts

@@ -3,6 +3,7 @@ declare const Breadcrumb_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const Breadcrumb_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

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

@@ -13,6 +13,7 @@ declare const BreadcrumbItem_base: {
         _renderLinkElement: <T extends any>(content: import('@microsoft/fast-element').ViewTemplate<T>, cssClass: import('@microsoft/fast-element').TemplateValue<T>, boundAriaProperties?: import('../../shared/aria/aria-binding-directive').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, any>;
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -366,7 +367,6 @@ declare const BreadcrumbItem_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/breadcrumb-item/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};