@vonage/vivid 5.15.0 → 5.16.0

package/index.js

@@ -1,78 +1,79 @@
-export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, I as IconDecoration, L as LayoutSize, M as MediaSkipBy, P as Position, R as Role, S as Shape, b as Size, d as Sticky } from './unbundled/enums.js';
-export { s as setLocale } from './unbundled/localized.js';
-export { VwcAccordionItemElement, accordionItemDefinition, registerAccordionItem } from './accordion-item/definition.js';
-export { AccordionExpandMode, VwcAccordionElement, accordionDefinition, registerAccordion } from './accordion/definition.js';
-export { VwcActionGroupElement, actionGroupDefinition, registerActionGroup } from './action-group/definition.js';
-export { VwcAlertElement, alertDefinition, registerAlert } from './alert/definition.js';
-export { VwcAudioPlayerElement, audioPlayerDefinition, registerAudioPlayer } from './audio-player/definition.js';
-export { VwcAvatarElement, avatarDefinition, registerAvatar } from './avatar/definition.js';
-export { VwcBadgeElement, badgeDefinition, registerBadge } from './badge/definition.js';
-export { VwcBannerElement, bannerDefinition, registerBanner } from './banner/definition.js';
-export { breadcrumbItemDefinition, registerBreadcrumbItem } from './breadcrumb-item/definition.js';
-export { B as VwcBreadcrumbItemElement } from './unbundled/breadcrumb-item.js';
-export { VwcBreadcrumbElement, breadcrumbDefinition, registerBreadcrumb } from './breadcrumb/definition.js';
-export { B as VwcButtonElement, b as buttonDefinition, r as registerButton } from './unbundled/definition.js';
-export { calendarEventDefinition, registerCalendarEvent } from './calendar-event/definition.js';
-export { C as VwcCalendarEventElement } from './unbundled/calendar-event.js';
-export { VwcCalendarElement, calendarDefinition, registerCalendar } from './calendar/definition.js';
-export { VwcCardElement, cardDefinition, registerCard } from './card/definition.js';
-export { VwcCheckboxElement, checkboxDefinition, registerCheckbox } from './checkbox/definition.js';
-export { VwcColorPickerElement, colorPickerDefinition, registerColorPicker } from './color-picker/definition.js';
-export { VwcComboboxElement, comboboxDefinition, registerCombobox } from './combobox/definition.js';
-export { VwcContextualHelpElement, contextualHelpDefinition, registerContextualHelp } from './contextual-help/definition.js';
-export { VwcCountryElement, countryDefinition, registerCountry } from './country/definition.js';
-export { VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, registerDataGrid } from './data-grid/definition.js';
-export { VwcTableBodyElement, VwcTableCellElement, VwcTableElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, registerTable, tableBodyDefinition, tableCellDefinition, tableDefinition, tableHeadDefinition, tableHeaderCellDefinition, tableRowDefinition } from './table/definition.js';
-export { VwcDatePickerElement, datePickerDefinition, registerDatePicker } from './date-picker/definition.js';
-export { VwcDateRangePickerElement, dateRangePickerDefinition, registerDateRangePicker } from './date-range-picker/definition.js';
-export { VwcDateTimePickerElement, dateTimePickerDefinition, registerDateTimePicker } from './date-time-picker/definition.js';
-export { VwcDialPadElement, dialPadDefinition, registerDialPad } from './dial-pad/definition.js';
-export { VwcDialogElement, dialogDefinition, registerDialog } from './dialog/definition.js';
-export { dividerDefinition, registerDivider } from './divider/definition.js';
-export { D as VwcDividerElement } from './unbundled/divider.js';
-export { VwcEmptyStateElement, emptyStateDefinition, registerEmptyState } from './empty-state/definition.js';
-export { VwcFabElement, fabDefinition, registerFab } from './fab/definition.js';
-export { VwcFilePickerElement, filePickerDefinition, registerFilePicker } from './file-picker/definition.js';
-export { VwcHeaderElement, headerDefinition, registerHeader } from './header/definition.js';
-export { VwcIconElement, iconDefinition, registerIcon } from './icon/definition.js';
-export { VwcLayoutElement, layoutDefinition, registerLayout } from './layout/definition.js';
-export { a as MenuItemRole, M as VwcMenuItemElement, m as menuItemDefinition, r as registerMenuItem } from './unbundled/definition2.js';
-export { VwcMenuElement, menuDefinition, registerMenu } from './menu/definition.js';
-export { VwcNavDisclosureElement, navDisclosureDefinition, registerNavDisclosure } from './nav-disclosure/definition.js';
-export { VwcNavItemElement, navItemDefinition, registerNavItem } from './nav-item/definition.js';
-export { VwcNavElement, navDefinition, registerNav } from './nav/definition.js';
-export { VwcNoteElement, noteDefinition, registerNote } from './note/definition.js';
-export { VwcNumberFieldElement, numberFieldDefinition, registerNumberField } from './number-field/definition.js';
-export { L as VwcOptionElement, l as listboxOptionDefinition, r as registerOption } from './unbundled/definition3.js';
-export { VwcPaginationElement, paginationDefinition, registerPagination } from './pagination/definition.js';
-export { VwcPopoverElement, popoverDefinition, registerPopover } from './popover/definition.js';
-export { VwcProgressRingElement, progressRingDefinition, registerProgressRing } from './progress-ring/definition.js';
-export { VwcProgressElement, progressDefinition, registerProgress } from './progress/definition.js';
-export { VwcRadioGroupElement, radioGroupDefinition, registerRadioGroup } from './radio-group/definition.js';
-export { VwcRadioElement, radioDefinition, registerRadio } from './radio/definition.js';
-export { VwcRangeSliderElement, rangeSliderDefinition, registerRangeSlider } from './range-slider/definition.js';
-export { RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, RteConfig, RteDropHandlerFeature, RteFileHandlerFeature, RteFontSizePickerFeature, RteHardBreakFeature, RteHtmlParser, RteHtmlSerializer, RteInlineImageFeature, RteInputRuleFeature, RteItalicFeature, RteKeyboardShortcutsFeature, RteLinkFeature, RteListFeature, RteMonospaceFeature, RtePlaceholderFeature, RteStrikethroughFeature, RteSuggestFeature, RteTextBlockPickerFeature, RteTextColorPickerFeature, RteToolbarButtonFeature, RteToolbarFeature, RteUnderlineFeature, VwcRichTextEditorElement, registerRichTextEditor, richTextEditorDefinition } from './rich-text-editor/definition.js';
-export { VwcRichTextViewElement, registerRichTextView, richTextViewDefinition } from './rich-text-view/definition.js';
-export { VwcSearchableSelectElement, registerSearchableSelect } from './searchable-select/definition.js';
-export { VwcSelectElement, registerSelect, selectDefinition } from './select/definition.js';
-export { VwcSelectableBoxElement, registerSelectableBox, selectableBoxDefinition } from './selectable-box/definition.js';
-export { VwcSideDrawerElement, registerSideDrawer, sideDrawerDefinition } from './side-drawer/definition.js';
-export { VwcSimpleColorPickerElement, registerSimpleColorPicker, simpleColorPickerDefinition } from './simple-color-picker/definition.js';
-export { VwcSliderElement, registerSlider, sliderDefinition } from './slider/definition.js';
-export { VwcSplitButtonElement, registerSplitButton, splitButtonDefinition } from './split-button/definition.js';
-export { VwcStatusElement, registerStatus, statusDefinition } from './status/definition.js';
-export { VwcSwitchElement, registerSwitch, switchDefinition } from './switch/definition.js';
-export { VwcTabPanelElement, registerTabPanel, tabPanelDefinition } from './tab-panel/definition.js';
-export { VwcTabElement, registerTab, tabDefinition } from './tab/definition.js';
-export { TabsGutters, VwcTabsElement, registerTabs, tabsDefinition } from './tabs/definition.js';
-export { VwcTagGroupElement, registerTagGroup, tagGroupDefinition } from './tag-group/definition.js';
-export { VwcTagElement, registerTag, tagDefinition } from './tag/definition.js';
-export { VwcTextAreaElement, registerTextArea, textAreaDefinition } from './text-area/definition.js';
-export { VwcTextFieldElement, registerTextField, textFieldDefinition } from './text-field/definition.js';
-export { registerTimePicker, timePickerDefinition } from './time-picker/definition.js';
-export { T as VwcTimePickerElement } from './unbundled/time-selection-picker.template.js';
-export { VwcToggletipElement, registerToggletip, toggletipDefinition } from './toggletip/definition.js';
-export { VwcTooltipElement, registerTooltip, tooltipDefinition } from './tooltip/definition.js';
-export { T as VwcTreeItemElement, r as registerTreeItem, t as treeItemDefinition } from './unbundled/definition4.js';
-export { VwcTreeViewElement, registerTreeView, treeViewDefinition } from './tree-view/definition.js';
-export { VwcVideoPlayerElement, registerVideoPlayer, videoPlayerDefinition } from './video-player/definition.js';
+import { n as registerIcon, r as Icon, t as iconDefinition } from "./unbundled/definition2.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 { 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";
+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 { 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 { 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 { 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 registerCheckbox, r as Checkbox, t as checkboxDefinition } from "./unbundled/definition23.js";
+import { n as registerColorPicker, r as ColorPicker, t as colorPickerDefinition } from "./unbundled/definition24.js";
+import { n as textFieldDefinition, r as TextField, t as registerTextField } from "./unbundled/definition25.js";
+import { n as tooltipDefinition, r as Tooltip, t as registerTooltip } from "./unbundled/definition26.js";
+import { n as registerOption, r as ListboxOption, t as listboxOptionDefinition } from "./unbundled/definition27.js";
+import { n as registerCombobox, r as Combobox, t as comboboxDefinition } from "./unbundled/definition28.js";
+import { n as toggletipDefinition, r as Toggletip, t as registerToggletip } from "./unbundled/definition29.js";
+import { n as registerContextualHelp, r as ContextualHelp, t as contextualHelpDefinition } from "./unbundled/definition30.js";
+import { n as registerCountry, r as Country, t as countryDefinition } from "./unbundled/definition31.js";
+import { a as DataGrid, i as registerDataGrid, n as dataGridDefinition, o as DataGridRow, r as dataGridRowDefinition, s as DataGridCell, t as dataGridCellDefinition } from "./unbundled/definition32.js";
+import { a as tableHeadDefinition, c as TableCell, d as TableBody, f as TableHead, i as tableDefinition, l as TableHeaderCell, n as tableBodyDefinition, o as tableHeaderCellDefinition, p as Table, r as tableCellDefinition, s as tableRowDefinition, t as registerTable, u as TableRow } from "./unbundled/definition33.js";
+import { n as registerDivider, t as dividerDefinition } from "./unbundled/definition34.js";
+import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "./unbundled/definition35.js";
+import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "./unbundled/definition36.js";
+import { n as TimePicker } from "./unbundled/time-selection-picker.template.js";
+import { n as registerDateTimePicker, r as DateTimePicker, t as dateTimePickerDefinition } from "./unbundled/definition37.js";
+import { n as registerDialPad, r as DialPad, t as dialPadDefinition } from "./unbundled/definition38.js";
+import { n as registerDialog, r as Dialog, t as dialogDefinition } from "./unbundled/definition39.js";
+import { n as registerEmptyState, r as EmptyState, t as emptyStateDefinition } from "./unbundled/definition40.js";
+import { n as registerFab, r as Fab, t as fabDefinition } from "./unbundled/definition41.js";
+import { n as registerFilePicker, r as FilePicker, t as filePickerDefinition } from "./unbundled/definition42.js";
+import { n as registerHeader, r as Header, t as headerDefinition } from "./unbundled/definition43.js";
+import { n as registerLayout, r as Layout, t as layoutDefinition } from "./unbundled/definition44.js";
+import { n as registerNavDisclosure, r as NavDisclosure, t as navDisclosureDefinition } from "./unbundled/definition45.js";
+import { n as registerNavItem, r as NavItem, t as navItemDefinition } from "./unbundled/definition46.js";
+import { n as registerNav, r as Nav, t as navDefinition } from "./unbundled/definition47.js";
+import { n as registerNote, r as Note, t as noteDefinition } from "./unbundled/definition48.js";
+import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "./unbundled/definition49.js";
+import { n as registerPagination, r as Pagination, t as paginationDefinition } from "./unbundled/definition50.js";
+import { n as registerPopover, r as Popover, t as popoverDefinition } from "./unbundled/definition51.js";
+import { n as registerProgress, r as Progress, t as progressDefinition } from "./unbundled/definition52.js";
+import { n as registerRadio, r as Radio, t as radioDefinition } from "./unbundled/definition53.js";
+import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "./unbundled/definition54.js";
+import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "./unbundled/definition55.js";
+import { C as RteToolbarFeature, D as RteHtmlSerializer, E as RichTextEditor, O as RteHtmlParser, S as RtePlaceholderFeature, T as RteBase, _ as RteUnderlineFeature, a as RteInputRuleFeature, b as RteFontSizePickerFeature, c as RteDropHandlerFeature, d as RteLinkFeature, f as RteAlignmentFeature, g as RteStrikethroughFeature, h as RteMonospaceFeature, i as RteKeyboardShortcutsFeature, k as RteConfig, l as RteFileHandlerFeature, m as RteTextColorPickerFeature, n as richTextEditorDefinition, o as RteAtomFeature, p as RteListFeature, r as RteSuggestFeature, s as RteToolbarButtonFeature, t as registerRichTextEditor, u as RteInlineImageFeature, v as RteItalicFeature, w as RteTextBlockPickerFeature, x as RteHardBreakFeature, y as RteBoldFeature } from "./unbundled/definition56.js";
+import { n as selectDefinition, r as Select, t as registerSelect } from "./unbundled/definition57.js";
+import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "./unbundled/definition58.js";
+import { n as SearchableSelect, t as registerSearchableSelect } from "./unbundled/definition59.js";
+import { n as selectableBoxDefinition, r as SelectableBox, t as registerSelectableBox } from "./unbundled/definition60.js";
+import { n as sideDrawerDefinition, r as SideDrawer, t as registerSideDrawer } from "./unbundled/definition61.js";
+import { n as simpleColorPickerDefinition, r as SimpleColorPicker, t as registerSimpleColorPicker } from "./unbundled/definition62.js";
+import { n as splitButtonDefinition, r as SplitButton, t as registerSplitButton } from "./unbundled/definition63.js";
+import { n as statusDefinition, r as Status, t as registerStatus } from "./unbundled/definition64.js";
+import { n as switchDefinition, r as Switch, t as registerSwitch } from "./unbundled/definition65.js";
+import { n as tabPanelDefinition, r as TabPanel, t as registerTabPanel } from "./unbundled/definition66.js";
+import { n as tabDefinition, r as Tab, t as registerTab } from "./unbundled/definition67.js";
+import { i as TabsGutters, n as tabsDefinition, r as Tabs, t as registerTabs } from "./unbundled/definition68.js";
+import { n as tagGroupDefinition, r as TagGroup, t as registerTagGroup } from "./unbundled/definition69.js";
+import { n as tagDefinition, r as Tag, t as registerTag } from "./unbundled/definition70.js";
+import { n as textAreaDefinition, r as TextArea, t as registerTextArea } from "./unbundled/definition71.js";
+import { n as timePickerDefinition, t as registerTimePicker } from "./unbundled/definition72.js";
+import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "./unbundled/definition73.js";
+import { n as treeViewDefinition, r as TreeView, t as registerTreeView } from "./unbundled/definition74.js";
+import { n as videoPlayerDefinition, r as VideoPlayer, t as registerVideoPlayer } from "./unbundled/definition75.js";
+export { AccordionExpandMode, Appearance, AriaLive, Connotation, ConnotationDecorative, IconDecoration, LayoutSize, MediaSkipBy, MenuItemRole, Position, Role, RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, 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, 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, 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, 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, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, datePickerDefinition, dateRangePickerDefinition, dateTimePickerDefinition, dialPadDefinition, dialogDefinition, dividerDefinition, emptyStateDefinition, fabDefinition, filePickerDefinition, 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, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, 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, tabsDefinition, tagDefinition, tagGroupDefinition, textAreaDefinition, textFieldDefinition, timePickerDefinition, toggletipDefinition, tooltipDefinition, treeItemDefinition, treeViewDefinition, videoPlayerDefinition };

package/layout/definition.cjs

@@ -1,72 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const vividElement = require('../unbundled/vivid-element.cjs');
-const fastElement = require('@microsoft/fast-element');
-const fastWebUtilities = require('@microsoft/fast-web-utilities');
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class Layout extends vividElement.VividElement {
-}
-__decorateClass([
-  fastElement.attr
-], Layout.prototype, "gutters");
-__decorateClass([
-  fastElement.attr({ attribute: "column-basis" })
-], Layout.prototype, "columnBasis");
-__decorateClass([
-  fastElement.attr({ attribute: "column-spacing" })
-], Layout.prototype, "columnSpacing");
-__decorateClass([
-  fastElement.attr({ attribute: "row-spacing" })
-], Layout.prototype, "rowSpacing");
-__decorateClass([
-  fastElement.attr({ attribute: "auto-sizing" })
-], Layout.prototype, "autoSizing");
-
-const styles = ".control{display:grid;grid-auto-rows:var(--layout-grid-template-rows, min-content)}@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(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-block{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-block{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-block{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-block{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.gutters-small{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-inline{margin:0 calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-block{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))) 0}.control.gutters-medium{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-inline{margin:0 calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-block{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.gutters-large{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-inline{margin:0 calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-block{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 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}";
-
-const getClasses = ({
-  columnBasis,
-  gutters,
-  columnSpacing,
-  autoSizing,
-  rowSpacing
-}) => fastWebUtilities.classNames(
-  "control",
-  [`column-basis-${columnBasis}`, Boolean(columnBasis)],
-  [`gutters-${gutters}`, Boolean(gutters)],
-  [`column-spacing-${columnSpacing}`, Boolean(columnSpacing)],
-  [
-    `row-spacing-${rowSpacing ? rowSpacing : columnSpacing}`,
-    Boolean(rowSpacing) || Boolean(columnSpacing)
-  ],
-  [`auto-sizing-${autoSizing}`, Boolean(autoSizing)]
-);
-const layoutTemplate = fastElement.html` <div class="${getClasses}">
-	<slot></slot>
-</div>`;
-
-const layoutDefinition = vividElement.defineVividComponent(
-  "layout",
-  Layout,
-  layoutTemplate,
-  [],
-  {
-    styles
-  }
-);
-const registerLayout = vividElement.createRegisterFunction(layoutDefinition);
-
-exports.VwcLayoutElement = Layout;
-exports.layoutDefinition = layoutDefinition;
-exports.registerLayout = registerLayout;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_definition = require("../unbundled/definition44.cjs");
+exports.VwcLayoutElement = require_definition.Layout;
+exports.layoutDefinition = require_definition.layoutDefinition;
+exports.registerLayout = require_definition.registerLayout;

package/layout/definition.js

@@ -1,66 +1,2 @@
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
-import { attr, html } from '@microsoft/fast-element';
-import { classNames } from '@microsoft/fast-web-utilities';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class Layout extends VividElement {
-}
-__decorateClass([
-  attr
-], Layout.prototype, "gutters");
-__decorateClass([
-  attr({ attribute: "column-basis" })
-], Layout.prototype, "columnBasis");
-__decorateClass([
-  attr({ attribute: "column-spacing" })
-], Layout.prototype, "columnSpacing");
-__decorateClass([
-  attr({ attribute: "row-spacing" })
-], Layout.prototype, "rowSpacing");
-__decorateClass([
-  attr({ attribute: "auto-sizing" })
-], Layout.prototype, "autoSizing");
-
-const styles = ".control{display:grid;grid-auto-rows:var(--layout-grid-template-rows, min-content)}@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(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-block{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-block{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-block{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-block{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.gutters-small{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-inline{margin:0 calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-block{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))) 0}.control.gutters-medium{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-inline{margin:0 calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-block{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.gutters-large{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-inline{margin:0 calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-block{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 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}";
-
-const getClasses = ({
-  columnBasis,
-  gutters,
-  columnSpacing,
-  autoSizing,
-  rowSpacing
-}) => classNames(
-  "control",
-  [`column-basis-${columnBasis}`, Boolean(columnBasis)],
-  [`gutters-${gutters}`, Boolean(gutters)],
-  [`column-spacing-${columnSpacing}`, Boolean(columnSpacing)],
-  [
-    `row-spacing-${rowSpacing ? rowSpacing : columnSpacing}`,
-    Boolean(rowSpacing) || Boolean(columnSpacing)
-  ],
-  [`auto-sizing-${autoSizing}`, Boolean(autoSizing)]
-);
-const layoutTemplate = html` <div class="${getClasses}">
-	<slot></slot>
-</div>`;
-
-const layoutDefinition = defineVividComponent(
-  "layout",
-  Layout,
-  layoutTemplate,
-  [],
-  {
-    styles
-  }
-);
-const registerLayout = createRegisterFunction(layoutDefinition);
-
+import { n as registerLayout, r as Layout, t as layoutDefinition } from "../unbundled/definition44.js";
 export { Layout as VwcLayoutElement, layoutDefinition, registerLayout };

package/layout/index.cjs

@@ -1,3 +1,3 @@
-"use strict";const l=require("../bundled/vivid-element.cjs"),m=require("../bundled/class-names.cjs");var p=Object.defineProperty,c=(n,t,o,r)=>{for(var a=void 0,s=n.length-1,e;s>=0;s--)(e=n[s])&&(a=e(t,o,a)||a);return a&&p(t,o,a),a};class i extends l.VividElement{}c([l.attr],i.prototype,"gutters");c([l.attr({attribute:"column-basis"})],i.prototype,"columnBasis");c([l.attr({attribute:"column-spacing"})],i.prototype,"columnSpacing");c([l.attr({attribute:"row-spacing"})],i.prototype,"rowSpacing");c([l.attr({attribute:"auto-sizing"})],i.prototype,"autoSizing");const v=".control{display:grid;grid-auto-rows:var(--layout-grid-template-rows, min-content)}@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(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-block{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-block{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-block{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-block{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.gutters-small{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-inline{margin:0 calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-block{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))) 0}.control.gutters-medium{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-inline{margin:0 calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-block{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.gutters-large{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-inline{margin:0 calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-block{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 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}",u=({columnBasis:n,gutters:t,columnSpacing:o,autoSizing:r,rowSpacing:a})=>m.classNames("control",[`column-basis-${n}`,!!n],[`gutters-${t}`,!!t],[`column-spacing-${o}`,!!o],[`row-spacing-${a||o}`,!!a||!!o],[`auto-sizing-${r}`,!!r]),g=l.html` <div class="${u}">
+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])}">
 	<slot></slot>
-</div>`,d=l.defineVividComponent("layout",i,g,[],{styles:v}),y=l.createRegisterFunction(d);y();
+</div>`,o=e.o(`layout`,r,a,[],{styles:i});e.s(o)();

package/layout/index.js

@@ -1,52 +1,11 @@
-import { V as m, a as i, h as p, c as v, d as g } from "../bundled/vivid-element.js";
-import { c as u } from "../bundled/class-names.js";
-var d = Object.defineProperty, t = (o, c, l, r) => {
-  for (var a = void 0, s = o.length - 1, e; s >= 0; s--)
-    (e = o[s]) && (a = e(c, l, a) || a);
-  return a && d(c, l, a), a;
-};
-class n extends m {
-}
-t([
-  i
-], n.prototype, "gutters");
-t([
-  i({ attribute: "column-basis" })
-], n.prototype, "columnBasis");
-t([
-  i({ attribute: "column-spacing" })
-], n.prototype, "columnSpacing");
-t([
-  i({ attribute: "row-spacing" })
-], n.prototype, "rowSpacing");
-t([
-  i({ attribute: "auto-sizing" })
-], n.prototype, "autoSizing");
-const y = ".control{display:grid;grid-auto-rows:var(--layout-grid-template-rows, min-content)}@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(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-block{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-block{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-block{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 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*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-block{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.gutters-small{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-inline{margin:0 calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-block{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))) 0}.control.gutters-medium{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-inline{margin:0 calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-block{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.gutters-large{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-inline{margin:0 calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-block{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 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}", z = ({
-  columnBasis: o,
-  gutters: c,
-  columnSpacing: l,
-  autoSizing: r,
-  rowSpacing: a
-}) => u(
-  "control",
-  [`column-basis-${o}`, !!o],
-  [`gutters-${c}`, !!c],
-  [`column-spacing-${l}`, !!l],
-  [
-    `row-spacing-${a || l}`,
-    !!a || !!l
-  ],
-  [`auto-sizing-${r}`, !!r]
-), x = p` <div class="${z}">
+import { d as e, l as t, o as n, s as r, t 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 {};
+//#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])}">
 	<slot></slot>
-</div>`, w = g(
-  "layout",
-  n,
-  x,
-  [],
-  {
-    styles: y
-  }
-), b = v(w);
-b();
+</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/alert/alert.d.ts

@@ -840,7 +840,6 @@ export declare class Alert extends Alert_base {
     connotation?: AlertConnotation;
     strategy?: AlertStrategy;
     open: boolean;
-    openChanged(oldValue: boolean, newValue: boolean): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     get conditionedIcon(): string | undefined;

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

@@ -427,7 +427,6 @@ export declare class AudioPlayer extends AudioPlayer_base {
     skipBackwardButtonAriaLabel: string | null;
     connotation?: AudioPlayerConnotation;
     src?: string;
-    srcChanged(): void;
     private revokeSrc;
     private getCurrentSrc;
     private canPlayType;

package/lib/banner/banner.d.ts

@@ -1236,8 +1236,6 @@ declare const Banner_base: {
 export declare class Banner extends Banner_base {
     #private;
     dismissButtonAriaLabel: string | null;
-    actionHref: string | undefined;
-    actionText: string | undefined;
     removable: boolean;
     text: string | undefined;
     connotation: BannerConnotation | undefined;

package/lib/button/button.d.ts

@@ -1253,6 +1253,5 @@ export declare class Button extends Button_base {
     active: boolean;
     label?: string;
     constructor();
-    clickHandler(event: Event): void;
 }
 export {};

package/lib/calendar/calendar.d.ts

@@ -13,7 +13,6 @@ export declare class Calendar extends VividElement {
     private getCalendarEventContainingCell;
     private arrowKeysInteractions;
     private activateElement;
-    onKeydown({ key }: KeyboardEvent): boolean;
     connectedCallback(): void;
     private initializeScrollPosition;
 }

package/lib/card/card.d.ts

@@ -428,7 +428,5 @@ export declare class Card extends Card_base {
     icon?: string;
     elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
     clickableCard: boolean;
-    graphicSlottedContent?: HTMLElement[];
-    hasMetaSlottedContent?: HTMLElement[];
 }
 export {};

package/lib/combobox/combobox.d.ts

@@ -3051,6 +3051,6 @@ export declare class Combobox extends Combobox_base {
     placeholder: string;
     connectedCallback(): void;
     filterOptions(): void;
-    _isDefaultSelected(option: ListboxOption): boolean;
+    protected _isDefaultSelected(option: ListboxOption): boolean;
 }
 export {};

package/lib/data-grid/data-grid-cell.d.ts

@@ -829,9 +829,6 @@ export declare class DataGridCell extends DataGridCell_base {
     columnDefinition: ColumnDefinitionExtended | null;
     private isActiveCell;
     private customCellView;
-    handleFocusin(_: FocusEvent): void;
-    handleFocusout(_: FocusEvent): void;
-    handleKeydown(e: KeyboardEvent): void;
     private updateCellView;
     private disconnectCellView;
     private updateCellStyle;

package/lib/data-grid/data-grid-row.d.ts

@@ -419,9 +419,6 @@ export declare class DataGridRow extends DataGridRow_base {
     headerCellItemTemplate?: ViewTemplate;
     rowIndex: number;
     private behaviorOrchestrator;
-    handleFocusout(_: FocusEvent): void;
-    handleCellFocus(e: Event): void;
-    handleKeydown(e: KeyboardEvent): void;
     private updateItemTemplate;
     private updateRowStyle;
     ariaSelected: string | null;

package/lib/data-grid/data-grid.d.ts

@@ -55,7 +55,6 @@ export declare class DataGrid extends VividElement {
     private queueRowIndexUpdate;
     private updateRowIndexes;
     selectionMode?: DataGridSelectionMode;
-    selectionModeChanged(oldValue: DataGridSelectionMode): void;
     constructor();
     static generateColumns(rowData: any): {
         columnDataKey: string;