@migov/digital-guidelines-core-react 4.3.0-rc.2 → 5.1.0-rc.1

package/dist/components.server.js

@@ -0,0 +1,1165 @@
+import { SomAccordionGroup as SomAccordionGroupElement, defineCustomElement as defineSomAccordionGroup } from "@migov/digital-guidelines-core/components/som-accordion-group.js";
+import { SomAccordion as SomAccordionElement, defineCustomElement as defineSomAccordion } from "@migov/digital-guidelines-core/components/som-accordion.js";
+import { SomAlert as SomAlertElement, defineCustomElement as defineSomAlert } from "@migov/digital-guidelines-core/components/som-alert.js";
+import { SomBadge as SomBadgeElement, defineCustomElement as defineSomBadge } from "@migov/digital-guidelines-core/components/som-badge.js";
+import { SomButtonDropdown as SomButtonDropdownElement, defineCustomElement as defineSomButtonDropdown } from "@migov/digital-guidelines-core/components/som-button-dropdown.js";
+import { SomButton as SomButtonElement, defineCustomElement as defineSomButton } from "@migov/digital-guidelines-core/components/som-button.js";
+import { SomCalendarVertical as SomCalendarVerticalElement, defineCustomElement as defineSomCalendarVertical } from "@migov/digital-guidelines-core/components/som-calendar-vertical.js";
+import { SomCalendar as SomCalendarElement, defineCustomElement as defineSomCalendar } from "@migov/digital-guidelines-core/components/som-calendar.js";
+import { SomCard as SomCardElement, defineCustomElement as defineSomCard } from "@migov/digital-guidelines-core/components/som-card.js";
+import { SomCheckboxGroup as SomCheckboxGroupElement, defineCustomElement as defineSomCheckboxGroup } from "@migov/digital-guidelines-core/components/som-checkbox-group.js";
+import { SomCheckbox as SomCheckboxElement, defineCustomElement as defineSomCheckbox } from "@migov/digital-guidelines-core/components/som-checkbox.js";
+import { SomCollapse as SomCollapseElement, defineCustomElement as defineSomCollapse } from "@migov/digital-guidelines-core/components/som-collapse.js";
+import { SomCombobox as SomComboboxElement, defineCustomElement as defineSomCombobox } from "@migov/digital-guidelines-core/components/som-combobox.js";
+import { SomContent as SomContentElement, defineCustomElement as defineSomContent } from "@migov/digital-guidelines-core/components/som-content.js";
+import { SomDatePickerInput as SomDatePickerInputElement, defineCustomElement as defineSomDatePickerInput } from "@migov/digital-guidelines-core/components/som-date-picker-input.js";
+import { SomDatePickerMobile as SomDatePickerMobileElement, defineCustomElement as defineSomDatePickerMobile } from "@migov/digital-guidelines-core/components/som-date-picker-mobile.js";
+import { SomDatePicker as SomDatePickerElement, defineCustomElement as defineSomDatePicker } from "@migov/digital-guidelines-core/components/som-date-picker.js";
+import { SomDateRangePickerButton as SomDateRangePickerButtonElement, defineCustomElement as defineSomDateRangePickerButton } from "@migov/digital-guidelines-core/components/som-date-range-picker-button.js";
+import { SomDateRangePicker as SomDateRangePickerElement, defineCustomElement as defineSomDateRangePicker } from "@migov/digital-guidelines-core/components/som-date-range-picker.js";
+import { SomDialog as SomDialogElement, defineCustomElement as defineSomDialog } from "@migov/digital-guidelines-core/components/som-dialog.js";
+import { SomFooterItem as SomFooterItemElement, defineCustomElement as defineSomFooterItem } from "@migov/digital-guidelines-core/components/som-footer-item.js";
+import { SomFooter as SomFooterElement, defineCustomElement as defineSomFooter } from "@migov/digital-guidelines-core/components/som-footer.js";
+import { SomGridTh as SomGridThElement, defineCustomElement as defineSomGridTh } from "@migov/digital-guidelines-core/components/som-grid-th.js";
+import { SomGrid as SomGridElement, defineCustomElement as defineSomGrid } from "@migov/digital-guidelines-core/components/som-grid.js";
+import { SomHeader as SomHeaderElement, defineCustomElement as defineSomHeader } from "@migov/digital-guidelines-core/components/som-header.js";
+import { SomIcon as SomIconElement, defineCustomElement as defineSomIcon } from "@migov/digital-guidelines-core/components/som-icon.js";
+import { SomInput as SomInputElement, defineCustomElement as defineSomInput } from "@migov/digital-guidelines-core/components/som-input.js";
+import { SomListHeader as SomListHeaderElement, defineCustomElement as defineSomListHeader } from "@migov/digital-guidelines-core/components/som-list-header.js";
+import { SomListItem as SomListItemElement, defineCustomElement as defineSomListItem } from "@migov/digital-guidelines-core/components/som-list-item.js";
+import { SomListParentItem as SomListParentItemElement, defineCustomElement as defineSomListParentItem } from "@migov/digital-guidelines-core/components/som-list-parent-item.js";
+import { SomList as SomListElement, defineCustomElement as defineSomList } from "@migov/digital-guidelines-core/components/som-list.js";
+import { SomMobileSubheader as SomMobileSubheaderElement, defineCustomElement as defineSomMobileSubheader } from "@migov/digital-guidelines-core/components/som-mobile-subheader.js";
+import { SomModal as SomModalElement, defineCustomElement as defineSomModal } from "@migov/digital-guidelines-core/components/som-modal.js";
+import { SomPagination as SomPaginationElement, defineCustomElement as defineSomPagination } from "@migov/digital-guidelines-core/components/som-pagination.js";
+import { SomPanel as SomPanelElement, defineCustomElement as defineSomPanel } from "@migov/digital-guidelines-core/components/som-panel.js";
+import { SomPopover as SomPopoverElement, defineCustomElement as defineSomPopover } from "@migov/digital-guidelines-core/components/som-popover.js";
+import { SomRadioButtonGroup as SomRadioButtonGroupElement, defineCustomElement as defineSomRadioButtonGroup } from "@migov/digital-guidelines-core/components/som-radio-button-group.js";
+import { SomRadioButton as SomRadioButtonElement, defineCustomElement as defineSomRadioButton } from "@migov/digital-guidelines-core/components/som-radio-button.js";
+import { SomSelect as SomSelectElement, defineCustomElement as defineSomSelect } from "@migov/digital-guidelines-core/components/som-select.js";
+import { SomSidebar as SomSidebarElement, defineCustomElement as defineSomSidebar } from "@migov/digital-guidelines-core/components/som-sidebar.js";
+import { SomSpinner as SomSpinnerElement, defineCustomElement as defineSomSpinner } from "@migov/digital-guidelines-core/components/som-spinner.js";
+import { SomStatusCard as SomStatusCardElement, defineCustomElement as defineSomStatusCard } from "@migov/digital-guidelines-core/components/som-status-card.js";
+import { SomTabGroup as SomTabGroupElement, defineCustomElement as defineSomTabGroup } from "@migov/digital-guidelines-core/components/som-tab-group.js";
+import { SomTabPanelGroup as SomTabPanelGroupElement, defineCustomElement as defineSomTabPanelGroup } from "@migov/digital-guidelines-core/components/som-tab-panel-group.js";
+import { SomTabPanel as SomTabPanelElement, defineCustomElement as defineSomTabPanel } from "@migov/digital-guidelines-core/components/som-tab-panel.js";
+import { SomTab as SomTabElement, defineCustomElement as defineSomTab } from "@migov/digital-guidelines-core/components/som-tab.js";
+import { SomTabs as SomTabsElement, defineCustomElement as defineSomTabs } from "@migov/digital-guidelines-core/components/som-tabs.js";
+import { SomTextarea as SomTextareaElement, defineCustomElement as defineSomTextarea } from "@migov/digital-guidelines-core/components/som-textarea.js";
+import { SomToastGroup as SomToastGroupElement, defineCustomElement as defineSomToastGroup } from "@migov/digital-guidelines-core/components/som-toast-group.js";
+import { SomToast as SomToastElement, defineCustomElement as defineSomToast } from "@migov/digital-guidelines-core/components/som-toast.js";
+import { SomToggle as SomToggleElement, defineCustomElement as defineSomToggle } from "@migov/digital-guidelines-core/components/som-toggle.js";
+import { SomTooltip as SomTooltipElement, defineCustomElement as defineSomTooltip } from "@migov/digital-guidelines-core/components/som-tooltip.js";
+import { createComponent, createSSRComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SomAccordion = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-accordion',
+        elementClass: SomAccordionElement,
+        react: React,
+        events: { onAccordionToggled: 'accordionToggled' },
+        defineCustomElement: defineSomAccordion
+    })
+    : createSSRComponent({
+        tagName: 'som-accordion',
+        properties: {
+            label: 'label',
+            collapsed: 'collapsed',
+            icon: 'icon'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomAccordionGroup = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-accordion-group',
+        elementClass: SomAccordionGroupElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomAccordionGroup
+    })
+    : createSSRComponent({
+        tagName: 'som-accordion-group',
+        properties: {
+            borders: 'borders',
+            singleOpen: 'single-open'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomAlert = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-alert',
+        elementClass: SomAlertElement,
+        react: React,
+        events: { onSomDismissed: 'somDismissed' },
+        defineCustomElement: defineSomAlert
+    })
+    : createSSRComponent({
+        tagName: 'som-alert',
+        properties: {
+            type: 'type',
+            headline: 'headline',
+            noIcon: 'no-icon',
+            dismissible: 'dismissible',
+            hidden: 'hidden'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomBadge = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-badge',
+        elementClass: SomBadgeElement,
+        react: React,
+        events: { onSomDismissed: 'somDismissed' },
+        defineCustomElement: defineSomBadge
+    })
+    : createSSRComponent({
+        tagName: 'som-badge',
+        properties: {
+            size: 'size',
+            color: 'color',
+            label: 'label',
+            dismissible: 'dismissible',
+            icon: 'icon',
+            light: 'light',
+            closeButtonAriaLabel: 'close-button-aria-label'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomButton = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-button',
+        elementClass: SomButtonElement,
+        react: React,
+        events: {
+            onSomFocus: 'somFocus',
+            onSomBlur: 'somBlur'
+        },
+        defineCustomElement: defineSomButton
+    })
+    : createSSRComponent({
+        tagName: 'som-button',
+        properties: {
+            disabled: 'disabled',
+            type: 'type',
+            color: 'color',
+            size: 'size',
+            iconPosition: 'icon-position',
+            icon: 'icon',
+            buttonType: 'button-type',
+            buttonAriaLabel: 'button-aria-label',
+            loading: 'loading',
+            loadingMessage: 'loading-message'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomButtonDropdown = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-button-dropdown',
+        elementClass: SomButtonDropdownElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomButtonDropdown
+    })
+    : createSSRComponent({
+        tagName: 'som-button-dropdown',
+        properties: {
+            buttonType: 'button-type',
+            color: 'color',
+            size: 'size',
+            collapsed: 'collapsed',
+            icon: 'icon',
+            buttonText: 'button-text',
+            disabled: 'disabled',
+            buttonAriaLabel: 'button-aria-label',
+            horizontalPosition: 'horizontal-position',
+            verticalPosition: 'vertical-position'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomCalendar = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-calendar',
+        elementClass: SomCalendarElement,
+        react: React,
+        events: { onDateChange: 'dateChange' },
+        defineCustomElement: defineSomCalendar
+    })
+    : createSSRComponent({
+        tagName: 'som-calendar',
+        properties: {
+            readonly: 'readonly',
+            month: 'month',
+            monthsNb: 'months-nb',
+            minDate: 'min-date',
+            maxDate: 'max-date',
+            enableRangePicker: 'enable-range-picker',
+            date1: 'date-1',
+            date2: 'date-2'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomCalendarVertical = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-calendar-vertical',
+        elementClass: SomCalendarVerticalElement,
+        react: React,
+        events: { onDateChange: 'dateChange' },
+        defineCustomElement: defineSomCalendarVertical
+    })
+    : createSSRComponent({
+        tagName: 'som-calendar-vertical',
+        properties: {
+            readonly: 'readonly',
+            month: 'month',
+            monthsNb: 'months-nb',
+            minDate: 'min-date',
+            maxDate: 'max-date',
+            enableRangePicker: 'enable-range-picker',
+            date1: 'date-1',
+            date2: 'date-2'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomCard = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-card',
+        elementClass: SomCardElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomCard
+    })
+    : createSSRComponent({
+        tagName: 'som-card',
+        properties: {
+            color: 'color',
+            matchHeight: 'match-height',
+            type: 'type',
+            buttonAriaLabel: 'button-aria-label'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomCheckbox = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-checkbox',
+        elementClass: SomCheckboxElement,
+        react: React,
+        events: {
+            onSomFocus: 'somFocus',
+            onSomBlur: 'somBlur',
+            onSomChange: 'somChange'
+        },
+        defineCustomElement: defineSomCheckbox
+    })
+    : createSSRComponent({
+        tagName: 'som-checkbox',
+        properties: {
+            help: 'help',
+            error: 'error',
+            label: 'label',
+            hideLabel: 'hide-label',
+            labelClass: 'label-class',
+            inputAriaLabel: 'input-aria-label',
+            name: 'name',
+            checked: 'checked',
+            value: 'value',
+            disabled: 'disabled',
+            required: 'required',
+            requiredInd: 'required-ind',
+            hasGroupParent: 'has-group-parent',
+            inputId: 'input-id',
+            indeterminate: 'indeterminate',
+            tooltip: 'tooltip'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomCheckboxGroup = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-checkbox-group',
+        elementClass: SomCheckboxGroupElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomCheckboxGroup
+    })
+    : createSSRComponent({
+        tagName: 'som-checkbox-group',
+        properties: {
+            label: 'label',
+            hideLabel: 'hide-label',
+            labelClass: 'label-class',
+            help: 'help',
+            error: 'error',
+            required: 'required',
+            requiredInd: 'required-ind',
+            inline: 'inline',
+            indeterminate: 'indeterminate',
+            tooltip: 'tooltip'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomCollapse = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-collapse',
+        elementClass: SomCollapseElement,
+        react: React,
+        events: { onCollapseToggled: 'collapseToggled' },
+        defineCustomElement: defineSomCollapse
+    })
+    : createSSRComponent({
+        tagName: 'som-collapse',
+        properties: { collapsed: 'collapsed' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomCombobox = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-combobox',
+        elementClass: SomComboboxElement,
+        react: React,
+        events: {
+            onComboboxOpened: 'comboboxOpened',
+            onComboboxClosed: 'comboboxClosed',
+            onComboboxInput: 'comboboxInput',
+            onItemAdded: 'itemAdded',
+            onItemRemoved: 'itemRemoved',
+            onItemsRemoved: 'itemsRemoved'
+        },
+        defineCustomElement: defineSomCombobox
+    })
+    : createSSRComponent({
+        tagName: 'som-combobox',
+        properties: {
+            label: 'label',
+            type: 'type',
+            inputId: 'input-id',
+            hideLabel: 'hide-label',
+            help: 'help',
+            error: 'error',
+            required: 'required',
+            requiredInd: 'required-ind',
+            placeholder: 'placeholder',
+            data: 'data',
+            formatLabel: 'format-label',
+            formatName: 'format-name',
+            formatValue: 'format-value',
+            formatChecked: 'format-checked',
+            formatDisabled: 'format-disabled',
+            searchField: 'search-field',
+            isClearable: 'is-clearable',
+            badgeDismissible: 'badge-dismissible',
+            noResultsMessage: 'no-results-message'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomContent = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-content',
+        elementClass: SomContentElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomContent
+    })
+    : createSSRComponent({
+        tagName: 'som-content',
+        properties: { padding: 'padding' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomDatePicker = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-date-picker',
+        elementClass: SomDatePickerElement,
+        react: React,
+        events: { onDateChange: 'dateChange' },
+        defineCustomElement: defineSomDatePicker
+    })
+    : createSSRComponent({
+        tagName: 'som-date-picker',
+        properties: {
+            date: 'date',
+            minDate: 'min-date',
+            maxDate: 'max-date',
+            readonly: 'readonly',
+            vertical: 'vertical',
+            singleMonthView: 'single-month-view'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomDatePickerInput = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-date-picker-input',
+        elementClass: SomDatePickerInputElement,
+        react: React,
+        events: { onDateChanged: 'dateChanged' },
+        defineCustomElement: defineSomDatePickerInput
+    })
+    : createSSRComponent({
+        tagName: 'som-date-picker-input',
+        properties: {
+            label: 'label',
+            labelClass: 'label-class',
+            hideLabel: 'hide-label',
+            help: 'help',
+            error: 'error',
+            required: 'required',
+            requiredInd: 'required-ind',
+            placeholder: 'placeholder',
+            disabled: 'disabled',
+            readonly: 'readonly',
+            inputAriaLabel: 'input-aria-label',
+            name: 'name',
+            value: 'value',
+            minDate: 'min-date',
+            maxDate: 'max-date',
+            horizontalPosition: 'horizontal-position',
+            verticalPosition: 'vertical-position',
+            format: 'format',
+            inputId: 'input-id',
+            tooltip: 'tooltip',
+            singleMonthView: 'single-month-view'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomDatePickerMobile = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-date-picker-mobile',
+        elementClass: SomDatePickerMobileElement,
+        react: React,
+        events: {
+            onDatesChanged: 'datesChanged',
+            onClose: 'close'
+        },
+        defineCustomElement: defineSomDatePickerMobile
+    })
+    : createSSRComponent({
+        tagName: 'som-date-picker-mobile',
+        properties: {
+            value1: 'value-1',
+            value2: 'value-2',
+            focusInputOnShow: 'focus-input-on-show',
+            date1: 'date-1',
+            date2: 'date-2',
+            enableRangePicker: 'enable-range-picker',
+            show: 'show',
+            minDate: 'min-date',
+            maxDate: 'max-date',
+            format: 'format'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomDateRangePicker = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-date-range-picker',
+        elementClass: SomDateRangePickerElement,
+        react: React,
+        events: { onDatesChanged: 'datesChanged' },
+        defineCustomElement: defineSomDateRangePicker
+    })
+    : createSSRComponent({
+        tagName: 'som-date-range-picker',
+        properties: {
+            startDate: 'start-date',
+            endDate: 'end-date',
+            minDate: 'min-date',
+            maxDate: 'max-date',
+            readonly: 'readonly',
+            vertical: 'vertical'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomDateRangePickerButton = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-date-range-picker-button',
+        elementClass: SomDateRangePickerButtonElement,
+        react: React,
+        events: { onValueChange: 'valueChange' },
+        defineCustomElement: defineSomDateRangePickerButton
+    })
+    : createSSRComponent({
+        tagName: 'som-date-range-picker-button',
+        properties: {
+            disabled: 'disabled',
+            buttonAriaLabel: 'button-aria-label',
+            name: 'name',
+            buttonColor: 'button-color',
+            buttonSize: 'button-size',
+            buttonIconPosition: 'button-icon-position',
+            buttonIcon: 'button-icon',
+            buttonType: 'button-type',
+            buttonLabel: 'button-label',
+            loading: 'loading',
+            horizontalPosition: 'horizontal-position',
+            verticalPosition: 'vertical-position',
+            format: 'format',
+            minDate: 'min-date',
+            maxDate: 'max-date',
+            startDate: 'start-date',
+            endDate: 'end-date'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomDialog = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-dialog',
+        elementClass: SomDialogElement,
+        react: React,
+        events: {
+            onDialogOpen: 'dialogOpen',
+            onDialogClose: 'dialogClose',
+            onDialogConfirm: 'dialogConfirm'
+        },
+        defineCustomElement: defineSomDialog
+    })
+    : createSSRComponent({
+        tagName: 'som-dialog',
+        properties: {
+            headline: 'headline',
+            dialogAriaLabel: 'dialog-aria-label',
+            description: 'description',
+            size: 'size',
+            enableKeyboardClose: 'enable-keyboard-close',
+            enableOverlayClose: 'enable-overlay-close',
+            confirmText: 'confirm-text',
+            cancelText: 'cancel-text',
+            isDestructive: 'is-destructive',
+            hideCloseButton: 'hide-close-button'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomFooter = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-footer',
+        elementClass: SomFooterElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomFooter
+    })
+    : createSSRComponent({
+        tagName: 'som-footer',
+        properties: { light: 'light' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomFooterItem = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-footer-item',
+        elementClass: SomFooterItemElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomFooterItem
+    })
+    : createSSRComponent({
+        tagName: 'som-footer-item',
+        properties: { showDivider: 'show-divider' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomGrid = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-grid',
+        elementClass: SomGridElement,
+        react: React,
+        events: { onSortChange: 'sortChange' },
+        defineCustomElement: defineSomGrid
+    })
+    : createSSRComponent({
+        tagName: 'som-grid',
+        properties: {
+            loading: 'loading',
+            loadingMessage: 'loading-message',
+            sortOn: 'sort-on',
+            sortDirection: 'sort-direction',
+            striped: 'striped',
+            borders: 'borders',
+            hoverable: 'hoverable',
+            labelledBy: 'labelled-by'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomGridTh = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-grid-th',
+        elementClass: SomGridThElement,
+        react: React,
+        events: { onColumnSortDirectionChange: 'columnSortDirectionChange' },
+        defineCustomElement: defineSomGridTh
+    })
+    : createSSRComponent({
+        tagName: 'som-grid-th',
+        properties: {
+            name: 'name',
+            direction: 'direction'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomHeader = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-header',
+        elementClass: SomHeaderElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomHeader
+    })
+    : createSSRComponent({
+        tagName: 'som-header',
+        properties: {
+            appName: 'app-name',
+            departmentName: 'department-name',
+            mainContentId: 'main-content-id',
+            breakpoint: 'breakpoint',
+            homeLink: 'home-link',
+            sticky: 'sticky'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomIcon = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-icon',
+        elementClass: SomIconElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomIcon
+    })
+    : createSSRComponent({
+        tagName: 'som-icon',
+        properties: {
+            name: 'name',
+            color: 'color',
+            size: 'size',
+            display: 'display'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomInput = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-input',
+        elementClass: SomInputElement,
+        react: React,
+        events: {
+            onSomFocus: 'somFocus',
+            onSomInput: 'somInput',
+            onSomBlur: 'somBlur',
+            onSomChange: 'somChange'
+        },
+        defineCustomElement: defineSomInput
+    })
+    : createSSRComponent({
+        tagName: 'som-input',
+        properties: {
+            label: 'label',
+            labelClass: 'label-class',
+            hideLabel: 'hide-label',
+            help: 'help',
+            error: 'error',
+            required: 'required',
+            requiredInd: 'required-ind',
+            type: 'type',
+            placeholder: 'placeholder',
+            inputId: 'input-id',
+            name: 'name',
+            value: 'value',
+            disabled: 'disabled',
+            readonly: 'readonly',
+            inputAriaLabel: 'input-aria-label',
+            grouped: 'grouped',
+            autocomplete: 'autocomplete',
+            max: 'max',
+            maxlength: 'maxlength',
+            min: 'min',
+            step: 'step',
+            tooltip: 'tooltip'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomList = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-list',
+        elementClass: SomListElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomList
+    })
+    : createSSRComponent({
+        tagName: 'som-list',
+        properties: { type: 'type' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomListHeader = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-list-header',
+        elementClass: SomListHeaderElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomListHeader
+    })
+    : createSSRComponent({
+        tagName: 'som-list-header',
+        properties: {},
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomListItem = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-list-item',
+        elementClass: SomListItemElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomListItem
+    })
+    : createSSRComponent({
+        tagName: 'som-list-item',
+        properties: {
+            type: 'type',
+            active: 'active',
+            showDivider: 'show-divider'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomListParentItem = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-list-parent-item',
+        elementClass: SomListParentItemElement,
+        react: React,
+        events: {
+            onListClosed: 'listClosed',
+            onListOpened: 'listOpened',
+            onBeforeListOpened: 'beforeListOpened',
+            onBeforeListClosed: 'beforeListClosed'
+        },
+        defineCustomElement: defineSomListParentItem
+    })
+    : createSSRComponent({
+        tagName: 'som-list-parent-item',
+        properties: {
+            displayName: 'display-name',
+            type: 'type',
+            horizontalPosition: 'horizontal-position',
+            showDivider: 'show-divider',
+            collapsed: 'collapsed'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomMobileSubheader = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-mobile-subheader',
+        elementClass: SomMobileSubheaderElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomMobileSubheader
+    })
+    : createSSRComponent({
+        tagName: 'som-mobile-subheader',
+        properties: {
+            subheaderTitle: 'subheader-title',
+            breakpoint: 'breakpoint'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomModal = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-modal',
+        elementClass: SomModalElement,
+        react: React,
+        events: {
+            onModalOpen: 'modalOpen',
+            onModalClose: 'modalClose'
+        },
+        defineCustomElement: defineSomModal
+    })
+    : createSSRComponent({
+        tagName: 'som-modal',
+        properties: {
+            headline: 'headline',
+            modalAriaLabel: 'modal-aria-label',
+            description: 'description',
+            size: 'size',
+            enableKeyboardClose: 'enable-keyboard-close',
+            enableOverlayClose: 'enable-overlay-close',
+            hideCloseButton: 'hide-close-button',
+            modalPadding: 'modal-padding'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomPagination = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-pagination',
+        elementClass: SomPaginationElement,
+        react: React,
+        events: { onPageChanged: 'pageChanged' },
+        defineCustomElement: defineSomPagination
+    })
+    : createSSRComponent({
+        tagName: 'som-pagination',
+        properties: {
+            view: 'view',
+            itemsPerPage: 'items-per-page',
+            totalItems: 'total-items',
+            borders: 'borders',
+            page: 'page',
+            tableName: 'table-name'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomPanel = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-panel',
+        elementClass: SomPanelElement,
+        react: React,
+        events: {
+            onBeforeOpen: 'beforeOpen',
+            onAfterOpen: 'afterOpen',
+            onBeforeClose: 'beforeClose',
+            onAfterClose: 'afterClose'
+        },
+        defineCustomElement: defineSomPanel
+    })
+    : createSSRComponent({
+        tagName: 'som-panel',
+        properties: {
+            shown: 'shown',
+            position: 'position',
+            size: 'size',
+            breakpoint: 'breakpoint',
+            hideCloseButton: 'hide-close-button',
+            belowHeader: 'below-header'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomPopover = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-popover',
+        elementClass: SomPopoverElement,
+        react: React,
+        events: {
+            onPopoverOpened: 'popoverOpened',
+            onPopoverClosed: 'popoverClosed'
+        },
+        defineCustomElement: defineSomPopover
+    })
+    : createSSRComponent({
+        tagName: 'som-popover',
+        properties: {
+            for: 'for',
+            horizontalPosition: 'horizontal-position',
+            verticalPosition: 'vertical-position',
+            show: 'show',
+            labelledBy: 'labelled-by'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomRadioButton = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-radio-button',
+        elementClass: SomRadioButtonElement,
+        react: React,
+        events: {
+            onSomFocus: 'somFocus',
+            onSomBlur: 'somBlur',
+            onSomChange: 'somChange'
+        },
+        defineCustomElement: defineSomRadioButton
+    })
+    : createSSRComponent({
+        tagName: 'som-radio-button',
+        properties: {
+            label: 'label',
+            labelClass: 'label-class',
+            hideLabel: 'hide-label',
+            inputAriaLabel: 'input-aria-label',
+            name: 'name',
+            checked: 'checked',
+            value: 'value',
+            disabled: 'disabled',
+            required: 'required',
+            inputId: 'input-id'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomRadioButtonGroup = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-radio-button-group',
+        elementClass: SomRadioButtonGroupElement,
+        react: React,
+        events: { onSomChange: 'somChange' },
+        defineCustomElement: defineSomRadioButtonGroup
+    })
+    : createSSRComponent({
+        tagName: 'som-radio-button-group',
+        properties: {
+            label: 'label',
+            hideLabel: 'hide-label',
+            labelClass: 'label-class',
+            help: 'help',
+            error: 'error',
+            required: 'required',
+            requiredInd: 'required-ind',
+            inline: 'inline',
+            value: 'value',
+            tooltip: 'tooltip'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomSelect = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-select',
+        elementClass: SomSelectElement,
+        react: React,
+        events: {
+            onSomFocus: 'somFocus',
+            onSomBlur: 'somBlur',
+            onSomChange: 'somChange'
+        },
+        defineCustomElement: defineSomSelect
+    })
+    : createSSRComponent({
+        tagName: 'som-select',
+        properties: {
+            label: 'label',
+            labelClass: 'label-class',
+            hideLabel: 'hide-label',
+            help: 'help',
+            error: 'error',
+            required: 'required',
+            requiredInd: 'required-ind',
+            inputAriaLabel: 'input-aria-label',
+            name: 'name',
+            disabled: 'disabled',
+            value: 'value',
+            inputId: 'input-id',
+            tooltip: 'tooltip'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomSidebar = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-sidebar',
+        elementClass: SomSidebarElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomSidebar
+    })
+    : createSSRComponent({
+        tagName: 'som-sidebar',
+        properties: { breakpoint: 'breakpoint' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomSpinner = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-spinner',
+        elementClass: SomSpinnerElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomSpinner
+    })
+    : createSSRComponent({
+        tagName: 'som-spinner',
+        properties: { size: 'size' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomStatusCard = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-status-card',
+        elementClass: SomStatusCardElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomStatusCard
+    })
+    : createSSRComponent({
+        tagName: 'som-status-card',
+        properties: {
+            color: 'color',
+            matchHeight: 'match-height',
+            type: 'type',
+            buttonAriaLabel: 'button-aria-label'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomTab = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-tab',
+        elementClass: SomTabElement,
+        react: React,
+        events: { onTabClick: 'tabClick' },
+        defineCustomElement: defineSomTab
+    })
+    : createSSRComponent({
+        tagName: 'som-tab',
+        properties: {
+            name: 'name',
+            active: 'active',
+            dark: 'dark',
+            tabId: 'tab-id'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomTabGroup = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-tab-group',
+        elementClass: SomTabGroupElement,
+        react: React,
+        events: { onTabChange: 'tabChange' },
+        defineCustomElement: defineSomTabGroup
+    })
+    : createSSRComponent({
+        tagName: 'som-tab-group',
+        properties: {
+            dark: 'dark',
+            underline: 'underline',
+            contained: 'contained',
+            color: 'color'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomTabPanel = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-tab-panel',
+        elementClass: SomTabPanelElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomTabPanel
+    })
+    : createSSRComponent({
+        tagName: 'som-tab-panel',
+        properties: { panelId: 'panel-id' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomTabPanelGroup = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-tab-panel-group',
+        elementClass: SomTabPanelGroupElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomTabPanelGroup
+    })
+    : createSSRComponent({
+        tagName: 'som-tab-panel-group',
+        properties: {},
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomTabs = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-tabs',
+        elementClass: SomTabsElement,
+        react: React,
+        events: {},
+        defineCustomElement: defineSomTabs
+    })
+    : createSSRComponent({
+        tagName: 'som-tabs',
+        properties: {},
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomTextarea = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-textarea',
+        elementClass: SomTextareaElement,
+        react: React,
+        events: {
+            onSomFocus: 'somFocus',
+            onSomInput: 'somInput',
+            onSomBlur: 'somBlur',
+            onSomChange: 'somChange'
+        },
+        defineCustomElement: defineSomTextarea
+    })
+    : createSSRComponent({
+        tagName: 'som-textarea',
+        properties: {
+            label: 'label',
+            labelClass: 'label-class',
+            hideLabel: 'hide-label',
+            help: 'help',
+            error: 'error',
+            required: 'required',
+            requiredInd: 'required-ind',
+            placeholder: 'placeholder',
+            name: 'name',
+            value: 'value',
+            disabled: 'disabled',
+            readonly: 'readonly',
+            rows: 'rows',
+            maxLength: 'max-length',
+            inputAriaLabel: 'input-aria-label',
+            inputId: 'input-id',
+            tooltip: 'tooltip'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomToast = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-toast',
+        elementClass: SomToastElement,
+        react: React,
+        events: { onToastDismissed: 'toastDismissed' },
+        defineCustomElement: defineSomToast
+    })
+    : createSSRComponent({
+        tagName: 'som-toast',
+        properties: {
+            color: 'color',
+            icon: 'icon',
+            headline: 'headline',
+            dismissible: 'dismissible',
+            closeButtonAriaLabel: 'close-button-aria-label',
+            autoDismiss: 'auto-dismiss',
+            autoDismissTime: 'auto-dismiss-time'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomToastGroup = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-toast-group',
+        elementClass: SomToastGroupElement,
+        react: React,
+        events: { onToastGroupDismissed: 'toastGroupDismissed' },
+        defineCustomElement: defineSomToastGroup
+    })
+    : createSSRComponent({
+        tagName: 'som-toast-group',
+        properties: { position: 'position' },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomToggle = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-toggle',
+        elementClass: SomToggleElement,
+        react: React,
+        events: {
+            onSomFocus: 'somFocus',
+            onSomBlur: 'somBlur',
+            onSomChange: 'somChange'
+        },
+        defineCustomElement: defineSomToggle
+    })
+    : createSSRComponent({
+        tagName: 'som-toggle',
+        properties: {
+            label: 'label',
+            hideLabel: 'hide-label',
+            labelClass: 'label-class',
+            size: 'size',
+            inputAriaLabel: 'input-aria-label',
+            name: 'name',
+            checked: 'checked',
+            value: 'value',
+            disabled: 'disabled',
+            inputId: 'input-id'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+export const SomTooltip = typeof window !== 'undefined'
+    ? createComponent({
+        tagName: 'som-tooltip',
+        elementClass: SomTooltipElement,
+        react: React,
+        events: {
+            onOpened: 'opened',
+            onClosed: 'closed'
+        },
+        defineCustomElement: defineSomTooltip
+    })
+    : createSSRComponent({
+        tagName: 'som-tooltip',
+        properties: {
+            content: 'content',
+            horizontalPosition: 'horizontal-position',
+            verticalPosition: 'vertical-position',
+            tooltipId: 'tooltip-id'
+        },
+        hydrateModule: import('@migov/digital-guidelines-core/hydrate')
+    });
+//# sourceMappingURL=components.server.js.map