@xplortech/apollo-vue 2.10.0 → 2.12.0

package/dist/components.js

@@ -1,21 +1,41 @@
-import { defineContainer } from '@stencil/vue-output-target/runtime';
+import { defineContainer, defineStencilSSRComponent } from '@stencil/vue-output-target/runtime';
 import { defineCustomElements } from '@xplortech/apollo-core/loader';
 defineCustomElements();
-export const XplAccordion = defineContainer('xpl-accordion', undefined, [
+export const XplAccordion = globalThis.window ? defineContainer('xpl-accordion', undefined, [
     'contentId',
     'header',
     'description',
     'initialExpanded',
     'size',
     'borderType'
-]);
-export const XplApplicationShell = defineContainer('xpl-application-shell', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-accordion',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'contentId': [String, "content-id"],
+        'header': [String, "header"],
+        'description': [String, "description"],
+        'initialExpanded': [Boolean, "initial-expanded"],
+        'size': [String, "size"],
+        'borderType': [String, "border-type"]
+    }
+});
+export const XplApplicationShell = globalThis.window ? defineContainer('xpl-application-shell', undefined, [
     'withSubnav',
     'withUtility',
     'navWidth',
     'isNavOpenAtStartup'
-]);
-export const XplAvatar = defineContainer('xpl-avatar', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-application-shell',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'withSubnav': [Boolean, "with-subnav"],
+        'withUtility': [Boolean, "with-utility"],
+        'navWidth': [String, "nav-width"],
+        'isNavOpenAtStartup': [Boolean, "is-nav-open-at-startup"]
+    }
+});
+export const XplAvatar = globalThis.window ? defineContainer('xpl-avatar', undefined, [
     'color',
     'disabled',
     'groupData',
@@ -27,19 +47,52 @@ export const XplAvatar = defineContainer('xpl-avatar', undefined, [
     'subText',
     'target',
     'variant'
-]);
-export const XplBackdrop = defineContainer('xpl-backdrop', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-avatar',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'color': [String, "color"],
+        'disabled': [Boolean, "disabled"],
+        'groupData': [String, "group-data"],
+        'href': [String, "href"],
+        'name': [String, "name"],
+        'size': [String, "size"],
+        'src': [String, "src"],
+        'status': [String, "status"],
+        'subText': [String, "sub-text"],
+        'target': [String, "target"],
+        'variant': [String, "variant"]
+    }
+});
+export const XplBackdrop = globalThis.window ? defineContainer('xpl-backdrop', undefined, [
     'relative'
-]);
-export const XplBadge = defineContainer('xpl-badge', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-backdrop',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'relative': [Boolean, "relative"]
+    }
+});
+export const XplBadge = globalThis.window ? defineContainer('xpl-badge', undefined, [
     'bordered',
     'dot',
     'dotOnly',
     'shape',
     'size',
     'variant'
-]);
-export const XplBanner = defineContainer('xpl-banner', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-badge',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'bordered': [Boolean, "bordered"],
+        'dot': [Boolean, "dot"],
+        'dotOnly': [Boolean, "dot-only"],
+        'shape': [String, "shape"],
+        'size': [String, "size"],
+        'variant': [String, "variant"]
+    }
+});
+export const XplBanner = globalThis.window ? defineContainer('xpl-banner', undefined, [
     'actionText',
     'appearance',
     'description',
@@ -56,10 +109,35 @@ export const XplBanner = defineContainer('xpl-banner', undefined, [
     'action',
     'dismiss',
     'secondaryAction'
-]);
-export const XplBreadcrumbItem = defineContainer('xpl-breadcrumb-item', undefined);
-export const XplBreadcrumbs = defineContainer('xpl-breadcrumbs', undefined);
-export const XplButton = defineContainer('xpl-button', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-banner',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'actionText': [String, "action-text"],
+        'appearance': [String, "appearance"],
+        'description': [String, "description"],
+        'hasIcon': [Boolean, "has-icon"],
+        'heading': [String, "heading"],
+        'isDismissible': [Boolean, "is-dismissible"],
+        'isSection': [Boolean, "is-section"],
+        'secondaryActionText': [String, "secondary-action-text"],
+        'truncateDesc': [Boolean, "truncate-desc"],
+        'onAction': [Function],
+        'onDismiss': [Function],
+        'onSecondaryAction': [Function]
+    }
+});
+export const XplBreadcrumbItem = globalThis.window ? defineContainer('xpl-breadcrumb-item', undefined) : defineStencilSSRComponent({
+    tagName: 'xpl-breadcrumb-item',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {}
+});
+export const XplBreadcrumbs = globalThis.window ? defineContainer('xpl-breadcrumbs', undefined) : defineStencilSSRComponent({
+    tagName: 'xpl-breadcrumbs',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {}
+});
+export const XplButton = globalThis.window ? defineContainer('xpl-button', undefined, [
     'controlAttrs',
     'disabled',
     'form',
@@ -76,8 +154,28 @@ export const XplButton = defineContainer('xpl-button', undefined, [
     'type',
     'value',
     'variant'
-]);
-export const XplButtonRow = defineContainer('xpl-button-row', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-button',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"],
+        'form': [String, "form"],
+        'fullWidth': [Boolean, "full-width"],
+        'icon': [String, "icon"],
+        'iconOnly': [Boolean, "icon-only"],
+        'iconPosition': [String, "icon-position"],
+        'isLoading': [Boolean, "is-loading"],
+        'link': [Boolean, "link"],
+        'name': [String, "name"],
+        'sentiment': [String, "sentiment"],
+        'size': [String, "size"],
+        'state': [String, "state"],
+        'type': [String, "type"],
+        'value': [String, "value"],
+        'variant': [String, "variant"]
+    }
+});
+export const XplButtonRow = globalThis.window ? defineContainer('xpl-button-row', undefined, [
     'primary',
     'secondary',
     'tertiary',
@@ -88,8 +186,19 @@ export const XplButtonRow = defineContainer('xpl-button-row', undefined, [
     'clickPrimary',
     'clickSecondary',
     'clickTertiary'
-]);
-export const XplCalendar = defineContainer('xpl-calendar', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-button-row',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'primary': [String, "primary"],
+        'secondary': [String, "secondary"],
+        'tertiary': [String, "tertiary"],
+        'onClickPrimary': [Function],
+        'onClickSecondary': [Function],
+        'onClickTertiary': [Function]
+    }
+});
+export const XplCalendar = globalThis.window ? defineContainer('xpl-calendar', undefined, [
     'inputId',
     'dateFormat',
     'max',
@@ -99,8 +208,18 @@ export const XplCalendar = defineContainer('xpl-calendar', undefined, [
     'dateSelected'
 ], [
     'dateSelected'
-]);
-export const XplCheckbox = defineContainer('xpl-checkbox', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-calendar',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'inputId': [String, "input-id"],
+        'dateFormat': [String, "date-format"],
+        'mode': [String, "mode"],
+        'defaultDate': [String, "default-date"],
+        'onDateSelected': [Function]
+    }
+});
+export const XplCheckbox = globalThis.window ? defineContainer('xpl-checkbox', undefined, [
     'ariaLabel',
     'checked',
     'description',
@@ -114,8 +233,24 @@ export const XplCheckbox = defineContainer('xpl-checkbox', undefined, [
     'checkboxChange'
 ], [
     'checkboxChange'
-], 'checked', 'checkboxChange', 'detail');
-export const XplChoicelist = defineContainer('xpl-choicelist', undefined, [
+], 'checked', 'checkboxChange', 'detail') : defineStencilSSRComponent({
+    tagName: 'xpl-checkbox',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'ariaLabel': [String, "aria-label"],
+        'checked': [Boolean, "checked"],
+        'description': [String, "description"],
+        'disabled': [Boolean, "disabled"],
+        'indeterminate': [Boolean, "indeterminate"],
+        'name': [String, "name"],
+        'value': [String, "value"],
+        'required': [Boolean, "required"],
+        'styled': [Boolean, "styled"],
+        'dataId': [String, "data-id"],
+        'onCheckboxChange': [Function]
+    }
+});
+export const XplChoicelist = globalThis.window ? defineContainer('xpl-choicelist', undefined, [
     'choices',
     'description',
     'heading',
@@ -127,12 +262,34 @@ export const XplChoicelist = defineContainer('xpl-choicelist', undefined, [
 ], [
     'choicelistChange',
     'choicelistValueChange'
-]);
-export const XplContentArea = defineContainer('xpl-content-area', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-choicelist',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'description': [String, "description"],
+        'heading': [String, "heading"],
+        'multi': [Boolean, "multi"],
+        'name': [String, "name"],
+        'styled': [Boolean, "styled"],
+        'onChoicelistChange': [Function],
+        'onChoicelistValueChange': [Function]
+    }
+});
+export const XplContentArea = globalThis.window ? defineContainer('xpl-content-area', undefined, [
     'size'
-]);
-export const XplDashboard = defineContainer('xpl-dashboard', undefined);
-export const XplDataCard = defineContainer('xpl-data-card', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-content-area',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'size': [String, "size"]
+    }
+});
+export const XplDashboard = globalThis.window ? defineContainer('xpl-dashboard', undefined) : defineStencilSSRComponent({
+    tagName: 'xpl-dashboard',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {}
+});
+export const XplDataCard = globalThis.window ? defineContainer('xpl-data-card', undefined, [
     'link',
     'name',
     'stat',
@@ -146,11 +303,35 @@ export const XplDataCard = defineContainer('xpl-data-card', undefined, [
     'smallStatVariant',
     'tooltipTextSmallStat',
     'tooltipTextStat'
-]);
-export const XplDivider = defineContainer('xpl-divider', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-data-card',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'link': [Boolean, "link"],
+        'name': [String, "name"],
+        'stat': [String, "stat"],
+        'shortStat': [String, "short-stat"],
+        'variant': [String, "variant"],
+        'leadingIcon': [Boolean, "leading-icon"],
+        'icon': [String, "icon"],
+        'smallStat': [String, "small-stat"],
+        'smallStatIcon': [String, "small-stat-icon"],
+        'detail': [String, "detail"],
+        'smallStatVariant': [String, "small-stat-variant"],
+        'tooltipTextSmallStat': [String, "tooltip-text-small-stat"],
+        'tooltipTextStat': [String, "tooltip-text-stat"]
+    }
+});
+export const XplDivider = globalThis.window ? defineContainer('xpl-divider', undefined, [
     'tier'
-]);
-export const XplDropdown = defineContainer('xpl-dropdown', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-divider',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'tier': [Number, "tier"]
+    }
+});
+export const XplDropdown = globalThis.window ? defineContainer('xpl-dropdown', undefined, [
     'isOpen',
     'closeOnSelect',
     'mode',
@@ -165,54 +346,141 @@ export const XplDropdown = defineContainer('xpl-dropdown', undefined, [
     'isOpenChange'
 ], [
     'isOpenChange'
-]);
-export const XplDropdownGroup = defineContainer('xpl-dropdown-group', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-dropdown',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'isOpen': [Boolean, "open"],
+        'closeOnSelect': [Boolean, "close-on-select"],
+        'mode': [String, "mode"],
+        'anchorToTrigger': [Boolean, "anchor-to-trigger"],
+        'placement': [String, "placement"],
+        'selectedValues': [String, "selected-values"],
+        'selectOnFocus': [Boolean, "select-on-focus"],
+        'triggerId': [String, "trigger-id"],
+        'onIsOpenChange': [Function]
+    }
+});
+export const XplDropdownGroup = globalThis.window ? defineContainer('xpl-dropdown-group', undefined, [
     'groupName',
     'options'
-]);
-export const XplDropdownHeading = defineContainer('xpl-dropdown-heading', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-dropdown-group',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'groupName': [String, "label"]
+    }
+});
+export const XplDropdownHeading = globalThis.window ? defineContainer('xpl-dropdown-heading', undefined, [
     'label'
-]);
-export const XplDropdownOption = defineContainer('xpl-dropdown-option', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-dropdown-heading',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'label': [String, "label"]
+    }
+});
+export const XplDropdownOption = globalThis.window ? defineContainer('xpl-dropdown-option', undefined, [
     'isDisabled',
     'label',
     'value',
     'subtitle',
     'icon',
     'isSelected'
-]);
-export const XplDynamicTable = defineContainer('xpl-dynamic-table', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-dropdown-option',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'isDisabled': [Boolean, "disabled"],
+        'label': [String, "label"],
+        'value': [String, "value"],
+        'subtitle': [String, "subtitle"],
+        'icon': [String, "icon"],
+        'isSelected': [Boolean, "selected"]
+    }
+});
+export const XplDynamicTable = globalThis.window ? defineContainer('xpl-dynamic-table', undefined, [
     'selectedItemCountChange'
 ], [
     'selectedItemCountChange'
-]);
-export const XplDynamicTableCell = defineContainer('xpl-dynamic-table-cell', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-dynamic-table',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'onSelectedItemCountChange': [Function]
+    }
+});
+export const XplDynamicTableCell = globalThis.window ? defineContainer('xpl-dynamic-table-cell', undefined, [
     'disabled'
-]);
-export const XplDynamicTableRow = defineContainer('xpl-dynamic-table-row', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-dynamic-table-cell',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"]
+    }
+});
+export const XplDynamicTableRow = globalThis.window ? defineContainer('xpl-dynamic-table-row', undefined, [
     'disabled',
     'selected'
-]);
-export const XplGrid = defineContainer('xpl-grid', undefined);
-export const XplGridItem = defineContainer('xpl-grid-item', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-dynamic-table-row',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"],
+        'selected': [Boolean, "selected"]
+    }
+});
+export const XplGrid = globalThis.window ? defineContainer('xpl-grid', undefined) : defineStencilSSRComponent({
+    tagName: 'xpl-grid',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {}
+});
+export const XplGridItem = globalThis.window ? defineContainer('xpl-grid-item', undefined, [
     'xs',
     'sm',
     'md',
     'lg'
-]);
-export const XplHeaderAccordion = defineContainer('xpl-header-accordion', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-grid-item',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'xs': [Number, "xs"],
+        'sm': [Number, "sm"],
+        'md': [Number, "md"],
+        'lg': [Number, "lg"]
+    }
+});
+export const XplHeaderAccordion = globalThis.window ? defineContainer('xpl-header-accordion', undefined, [
     'contentId',
     'initialExpanded',
     'disabled',
     'selectedCount',
     'hasCheckbox'
-]);
-export const XplIcon = defineContainer('xpl-icon', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-header-accordion',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'contentId': [String, "content-id"],
+        'initialExpanded': [Boolean, "initial-expanded"],
+        'disabled': [Boolean, "disabled"],
+        'selectedCount': [Number, "selected-count"],
+        'hasCheckbox': [Boolean, "has-checkbox"]
+    }
+});
+export const XplIcon = globalThis.window ? defineContainer('xpl-icon', undefined, [
     'icon',
     'size',
     'backgroundColor'
-]);
-export const XplInput = defineContainer('xpl-input', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-icon',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'icon': [String, "icon"],
+        'size': [Number, "size"],
+        'backgroundColor': [String, "background-color"]
+    }
+});
+export const XplInput = globalThis.window ? defineContainer('xpl-input', undefined, [
     '_id',
     'description',
     'disabled',
@@ -258,8 +526,49 @@ export const XplInput = defineContainer('xpl-input', undefined, [
     'inputEvent',
     'search',
     'valueChange'
-], 'value', 'valueChange', 'detail');
-export const XplInputColor = defineContainer('xpl-input-color', undefined, [
+], 'value', 'valueChange', 'detail') : defineStencilSSRComponent({
+    tagName: 'xpl-input',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        '_id': [String, "_id"],
+        'description': [String, "description"],
+        'disabled': [Boolean, "disabled"],
+        'error': [String, "error"],
+        'label': [String, "label"],
+        'name': [String, "name"],
+        'required': [Boolean, "required"],
+        'readonly': [Boolean, "readonly"],
+        'value': [String, "value"],
+        'autocomplete': [String, "autocomplete"],
+        'placeholder': [String, "placeholder"],
+        'post': [String, "post"],
+        'pre': [String, "pre"],
+        'step': [Number, "step"],
+        'multiline': [Boolean, "multiline"],
+        'maxCharacterCount': [Number, "max-character-count"],
+        'dateFormat': [String, "date-format"],
+        'timeFormat': [String, "time-format"],
+        'allowCustomOption': [Boolean, "allow-custom-option"],
+        'mode': [String, "mode"],
+        'accept': [String, "accept"],
+        'multiple': [Boolean, "multiple"],
+        'hideTriggerOnSelect': [Boolean, "hide-trigger-on-select"],
+        'hideFileNames': [Boolean, "hide-file-names"],
+        'hideAcceptText': [Boolean, "hide-accept-text"],
+        'hideEyeDropper': [Boolean, "hide-eye-dropper"],
+        'defaultCountry': [String, "default-country"],
+        'isInternational': [Boolean, "is-international"],
+        'ariaLabel': [String, "aria-label"],
+        'shape': [String, "shape"],
+        'type': [String, "type"],
+        'onBlurEvent': [Function],
+        'onFocusEvent': [Function],
+        'onInputEvent': [Function],
+        'onSearch': [Function],
+        'onValueChange': [Function]
+    }
+});
+export const XplInputColor = globalThis.window ? defineContainer('xpl-input-color', undefined, [
     'value',
     'placeholder',
     'disabled',
@@ -270,8 +579,20 @@ export const XplInputColor = defineContainer('xpl-input-color', undefined, [
 ], [
     'inputChange',
     'hasErrorStateChanged'
-]);
-export const XplInputDate = defineContainer('xpl-input-date', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-input-color',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'value': [String, "value"],
+        'placeholder': [String, "placeholder"],
+        'disabled': [Boolean, "disabled"],
+        'required': [Boolean, "required"],
+        'hideEyeDropper': [Boolean, "hide-eye-dropper"],
+        'onInputChange': [Function],
+        'onHasErrorStateChanged': [Function]
+    }
+});
+export const XplInputDate = globalThis.window ? defineContainer('xpl-input-date', undefined, [
     'inputId',
     'disabled',
     'name',
@@ -292,8 +613,27 @@ export const XplInputDate = defineContainer('xpl-input-date', undefined, [
     'valueChange',
     'hasErrorStateChanged',
     'rangeSelected'
-]);
-export const XplInputFile = defineContainer('xpl-input-file', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-input-date',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'inputId': [String, "input-id"],
+        'disabled': [Boolean, "disabled"],
+        'name': [String, "name"],
+        'required': [Boolean, "required"],
+        'readonly': [Boolean, "readonly"],
+        'value': [String, "value"],
+        'placeholder': [String, "placeholder"],
+        'post': [String, "post"],
+        'pre': [String, "pre"],
+        'dateFormat': [String, "date-format"],
+        'mode': [String, "mode"],
+        'onValueChange': [Function],
+        'onHasErrorStateChanged': [Function],
+        'onRangeSelected': [Function]
+    }
+});
+export const XplInputFile = globalThis.window ? defineContainer('xpl-input-file', undefined, [
     'disabled',
     'name',
     '_id',
@@ -305,8 +645,22 @@ export const XplInputFile = defineContainer('xpl-input-file', undefined, [
     'inputChange'
 ], [
     'inputChange'
-]);
-export const XplInputPhone = defineContainer('xpl-input-phone', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-input-file',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"],
+        'name': [String, "name"],
+        '_id': [String, "_id"],
+        'accept': [String, "accept"],
+        'multiple': [Boolean, "multiple"],
+        'hideTriggerOnSelect': [Boolean, "hide-trigger-on-select"],
+        'hideFileNames': [Boolean, "hide-file-names"],
+        'hideAcceptText': [Boolean, "hide-accept-text"],
+        'onInputChange': [Function]
+    }
+});
+export const XplInputPhone = globalThis.window ? defineContainer('xpl-input-phone', undefined, [
     'defaultCountry',
     'disabled',
     'error',
@@ -323,8 +677,25 @@ export const XplInputPhone = defineContainer('xpl-input-phone', undefined, [
 ], [
     'hasErrorStateChanged',
     'valueChange'
-]);
-export const XplInputSearch = defineContainer('xpl-input-search', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-input-phone',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'defaultCountry': [String, "default-country"],
+        'disabled': [Boolean, "disabled"],
+        'error': [Boolean, "error"],
+        'inputId': [String, "input-id"],
+        'isInternational': [Boolean, "is-international"],
+        'name': [String, "name"],
+        'placeholder': [String, "placeholder"],
+        'readonly': [Boolean, "readonly"],
+        'required': [Boolean, "required"],
+        'value': [String, "value"],
+        'onHasErrorStateChanged': [Function],
+        'onValueChange': [Function]
+    }
+});
+export const XplInputSearch = globalThis.window ? defineContainer('xpl-input-search', undefined, [
     'ariaLabel',
     'autocomplete',
     'disabled',
@@ -349,8 +720,31 @@ export const XplInputSearch = defineContainer('xpl-input-search', undefined, [
     'inputEvent',
     'search',
     'valueChange'
-]);
-export const XplInputTime = defineContainer('xpl-input-time', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-input-search',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'ariaLabel': [String, "aria-label"],
+        'autocomplete': [String, "autocomplete"],
+        'disabled': [Boolean, "disabled"],
+        'errorMessageId': [String, "error-message-id"],
+        'hasError': [Boolean, "has-error"],
+        'hasVisibleLabel': [Boolean, "has-visible-label"],
+        'inputId': [String, "input-id"],
+        'name': [String, "name"],
+        'placeholder': [String, "placeholder"],
+        'readonly': [Boolean, "readonly"],
+        'required': [Boolean, "required"],
+        'shape': [String, "shape"],
+        'value': [String, "value"],
+        'onBlurEvent': [Function],
+        'onFocusEvent': [Function],
+        'onInputEvent': [Function],
+        'onSearch': [Function],
+        'onValueChange': [Function]
+    }
+});
+export const XplInputTime = globalThis.window ? defineContainer('xpl-input-time', undefined, [
     'inputId',
     'disabled',
     'name',
@@ -369,13 +763,39 @@ export const XplInputTime = defineContainer('xpl-input-time', undefined, [
 ], [
     'valueChange',
     'hasErrorStateChanged'
-]);
-export const XplLargeCard = defineContainer('xpl-large-card', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-input-time',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'inputId': [String, "input-id"],
+        'disabled': [Boolean, "disabled"],
+        'name': [String, "name"],
+        'required': [Boolean, "required"],
+        'readonly': [Boolean, "readonly"],
+        'value': [String, "value"],
+        'placeholder': [String, "placeholder"],
+        'step': [Number, "step"],
+        'mode': [String, "mode"],
+        'timeFormat': [String, "time-format"],
+        'allowCustomOption': [Boolean, "allow-custom-option"],
+        'onValueChange': [Function],
+        'onHasErrorStateChanged': [Function]
+    }
+});
+export const XplLargeCard = globalThis.window ? defineContainer('xpl-large-card', undefined, [
     'link',
     'name',
     'description'
-]);
-export const XplList = defineContainer('xpl-list', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-large-card',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'link': [Boolean, "link"],
+        'name': [String, "name"],
+        'description': [String, "description"]
+    }
+});
+export const XplList = globalThis.window ? defineContainer('xpl-list', undefined, [
     'items',
     'label',
     'labelledBy',
@@ -386,8 +806,19 @@ export const XplList = defineContainer('xpl-list', undefined, [
 ], [
     'itemSelect',
     'orderChange'
-]);
-export const XplListItem = defineContainer('xpl-list-item', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-list',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'label': [String, "label"],
+        'labelledBy': [String, "labelled-by"],
+        'reorderable': [Boolean, "reorderable"],
+        'selectable': [Boolean, "selectable"],
+        'onItemSelect': [Function],
+        'onOrderChange': [Function]
+    }
+});
+export const XplListItem = globalThis.window ? defineContainer('xpl-list-item', undefined, [
     'disabled',
     'error',
     'hidden',
@@ -410,32 +841,83 @@ export const XplListItem = defineContainer('xpl-list-item', undefined, [
     'itemDragStart',
     'itemDrop',
     'itemSelect'
-]);
-export const XplMainNav = defineContainer('xpl-main-nav', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-list-item',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"],
+        'error': [Boolean, "error"],
+        'hidden': [Boolean, "hidden"],
+        'href': [String, "href"],
+        'itemId': [String, "item-id"],
+        'keyboardActive': [Boolean, "keyboard-active"],
+        'radioName': [String, "radio-name"],
+        'reorderable': [Boolean, "reorderable"],
+        'selectable': [Boolean, "selectable"],
+        'selected': [Boolean, "selected"],
+        'showDivider': [Boolean, "show-divider"],
+        'titleBadgeVariant': [String, "title-badge-variant"],
+        'onItemDragEnd': [Function],
+        'onItemDragStart': [Function],
+        'onItemDrop': [Function],
+        'onItemSelect': [Function]
+    }
+});
+export const XplMainNav = globalThis.window ? defineContainer('xpl-main-nav', undefined, [
     'width',
     'navWidth'
 ], [
     'navWidth'
-]);
-export const XplModal = defineContainer('xpl-modal', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-main-nav',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'width': [String, "width"],
+        'onNavWidth': [Function]
+    }
+});
+export const XplModal = globalThis.window ? defineContainer('xpl-modal', undefined, [
     'isOpen',
     'size',
     'variant',
     'modalClosed'
 ], [
     'modalClosed'
-]);
-export const XplNavHeaderMenu = defineContainer('xpl-nav-header-menu', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-modal',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'isOpen': [Boolean, "is-open"],
+        'size': [String, "size"],
+        'variant': [String, "variant"],
+        'onModalClosed': [Function]
+    }
+});
+export const XplNavHeaderMenu = globalThis.window ? defineContainer('xpl-nav-header-menu', undefined, [
     'email',
     'username'
-]);
-export const XplNavItem = defineContainer('xpl-nav-item', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-nav-header-menu',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'email': [String, "email"],
+        'username': [String, "username"]
+    }
+});
+export const XplNavItem = globalThis.window ? defineContainer('xpl-nav-item', undefined, [
     'navControl',
     'navOpen'
 ], [
     'navOpen'
-]);
-export const XplPagination = defineContainer('xpl-pagination', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-nav-item',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'navControl': [Boolean, "nav-control"],
+        'onNavOpen': [Function]
+    }
+});
+export const XplPagination = globalThis.window ? defineContainer('xpl-pagination', undefined, [
     'totalPages',
     'withPageControl',
     'currentPage',
@@ -446,12 +928,31 @@ export const XplPagination = defineContainer('xpl-pagination', undefined, [
 ], [
     'pageChange',
     'rowsPerPageChange'
-]);
-export const XplPanel = defineContainer('xpl-panel', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-pagination',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'totalPages': [Number, "total-pages"],
+        'withPageControl': [Boolean, "with-page-control"],
+        'currentPage': [Number, "current-page"],
+        'rowsPerPageOptions': [String, "rows-per-page-options"],
+        'selectedRowsPerPage': [Number, "selected-rows-per-page"],
+        'onPageChange': [Function],
+        'onRowsPerPageChange': [Function]
+    }
+});
+export const XplPanel = globalThis.window ? defineContainer('xpl-panel', undefined, [
     'accent',
     'padding'
-]);
-export const XplPopover = defineContainer('xpl-popover', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-panel',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'accent': [String, "accent"],
+        'padding': [String, "padding"]
+    }
+});
+export const XplPopover = globalThis.window ? defineContainer('xpl-popover', undefined, [
     'isOpen',
     'disabled',
     'position',
@@ -459,23 +960,53 @@ export const XplPopover = defineContainer('xpl-popover', undefined, [
     'isOpenChange'
 ], [
     'isOpenChange'
-]);
-export const XplProgressBar = defineContainer('xpl-progress-bar', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-popover',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'isOpen': [Boolean, "is-open"],
+        'disabled': [Boolean, "disabled"],
+        'position': [String, "position"],
+        'display': [String, "display"],
+        'onIsOpenChange': [Function]
+    }
+});
+export const XplProgressBar = globalThis.window ? defineContainer('xpl-progress-bar', undefined, [
     'helperText',
     'label',
     'max',
     'size',
     'value',
     'variant'
-]);
-export const XplProgressIndicator = defineContainer('xpl-progress-indicator', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-progress-bar',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'helperText': [String, "helper-text"],
+        'label': [String, "label"],
+        'max': [Number, "max"],
+        'size': [String, "size"],
+        'value': [Number, "value"],
+        'variant': [String, "variant"]
+    }
+});
+export const XplProgressIndicator = globalThis.window ? defineContainer('xpl-progress-indicator', undefined, [
     'currentStep',
     'layout',
     'showLabels',
     'showNumbers',
     'steps'
-]);
-export const XplRadio = defineContainer('xpl-radio', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-progress-indicator',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'currentStep': [Number, "current-step"],
+        'layout': [String, "layout"],
+        'showLabels': [Boolean, "show-labels"],
+        'showNumbers': [Boolean, "show-numbers"]
+    }
+});
+export const XplRadio = globalThis.window ? defineContainer('xpl-radio', undefined, [
     'checked',
     'description',
     'disabled',
@@ -487,9 +1018,27 @@ export const XplRadio = defineContainer('xpl-radio', undefined, [
     'radioChange'
 ], [
     'radioChange'
-], 'selectedValue', 'radioChange', 'detail');
-export const XplSecondaryNav = defineContainer('xpl-secondary-nav', undefined);
-export const XplSelect = defineContainer('xpl-select', undefined, [
+], 'selectedValue', 'radioChange', 'detail') : defineStencilSSRComponent({
+    tagName: 'xpl-radio',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'checked': [Boolean, "checked"],
+        'description': [String, "description"],
+        'disabled': [Boolean, "disabled"],
+        'name': [String, "name"],
+        'value': [String, "value"],
+        'required': [Boolean, "required"],
+        'selectedValue': [String, "selected-value"],
+        'styled': [Boolean, "styled"],
+        'onRadioChange': [Function]
+    }
+});
+export const XplSecondaryNav = globalThis.window ? defineContainer('xpl-secondary-nav', undefined) : defineStencilSSRComponent({
+    tagName: 'xpl-secondary-nav',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {}
+});
+export const XplSelect = globalThis.window ? defineContainer('xpl-select', undefined, [
     'choices',
     'selectIcon',
     'description',
@@ -514,15 +1063,64 @@ export const XplSelect = defineContainer('xpl-select', undefined, [
     'changeEvent',
     'dropdownStateChange',
     'triggerDropdown'
-], 'selectedValues', 'changeEvent', 'detail');
-export const XplSideNav = defineContainer('xpl-side-nav', undefined, [
+], 'selectedValues', 'changeEvent', 'detail') : defineStencilSSRComponent({
+    tagName: 'xpl-select',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'selectIcon': [String, "select-icon"],
+        'description': [String, "description"],
+        'disabled': [Boolean, "disabled"],
+        'dropdownPlacement': [String, "dropdown-placement"],
+        'error': [String, "error"],
+        'label': [String, "label"],
+        'mode': [String, "mode"],
+        'name': [String, "name"],
+        'placeholder': [String, "placeholder"],
+        'truncate': [Boolean, "truncate"],
+        'customDisplayValue': [Boolean, "custom-display-value"],
+        'selectedValues': [String, "selected-values"],
+        'classNames': [String, "class-names"],
+        'onSelectChange': [Function],
+        'onChangeEvent': [Function],
+        'onDropdownStateChange': [Function],
+        'onTriggerDropdown': [Function]
+    }
+});
+export const XplSideNav = globalThis.window ? defineContainer('xpl-side-nav', undefined, [
     'label',
     'open',
     'openChange'
 ], [
     'openChange'
-]);
-export const XplSideNavItem = defineContainer('xpl-side-nav-item', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-side-nav',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'label': [String, "label"],
+        'open': [Boolean, "open"],
+        'onOpenChange': [Function]
+    }
+});
+export const XplSideNavHeaderItem = globalThis.window ? defineContainer('xpl-side-nav-header-item', undefined, [
+    'icon',
+    'label',
+    'selected',
+    'type',
+    'navigate'
+], [
+    'navigate'
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-side-nav-header-item',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'icon': [String, "icon"],
+        'label': [String, "label"],
+        'selected': [Boolean, "selected"],
+        'type': [String, "type"],
+        'onNavigate': [Function]
+    }
+});
+export const XplSideNavItem = globalThis.window ? defineContainer('xpl-side-nav-item', undefined, [
     'disabled',
     'expanded',
     'hasChildren',
@@ -532,12 +1130,44 @@ export const XplSideNavItem = defineContainer('xpl-side-nav-item', undefined, [
     'link',
     'selected',
     'expandedChange',
-    'navClick'
+    'navigate'
 ], [
     'expandedChange',
-    'navClick'
-]);
-export const XplSkeleton = defineContainer('xpl-skeleton', undefined, [
+    'navigate'
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-side-nav-item',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"],
+        'expanded': [Boolean, "expanded"],
+        'hasChildren': [Boolean, "has-children"],
+        'hidden': [Boolean, "hidden"],
+        'icon': [String, "icon"],
+        'label': [String, "label"],
+        'link': [Boolean, "link"],
+        'selected': [Boolean, "selected"],
+        'onExpandedChange': [Function],
+        'onNavigate': [Function]
+    }
+});
+export const XplSideNavSection = globalThis.window ? defineContainer('xpl-side-nav-section', undefined, [
+    'collapsible',
+    'expanded',
+    'heading',
+    'expandedChange'
+], [
+    'expandedChange'
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-side-nav-section',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'collapsible': [Boolean, "collapsible"],
+        'expanded': [Boolean, "expanded"],
+        'heading': [String, "heading"],
+        'onExpandedChange': [Function]
+    }
+});
+export const XplSkeleton = globalThis.window ? defineContainer('xpl-skeleton', undefined, [
     'classNames',
     'fullWidth',
     'height',
@@ -545,8 +1175,20 @@ export const XplSkeleton = defineContainer('xpl-skeleton', undefined, [
     'margin',
     'shape',
     'size'
-]);
-export const XplSlideout = defineContainer('xpl-slideout', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-skeleton',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'classNames': [String, "class-names"],
+        'fullWidth': [Boolean, "full-width"],
+        'height': [String, "height"],
+        'width': [String, "width"],
+        'margin': [String, "margin"],
+        'shape': [String, "shape"],
+        'size': [String, "size"]
+    }
+});
+export const XplSlideout = globalThis.window ? defineContainer('xpl-slideout', undefined, [
     'isOpen',
     'backdrop',
     'variant',
@@ -554,8 +1196,18 @@ export const XplSlideout = defineContainer('xpl-slideout', undefined, [
     'isOpenChange'
 ], [
     'isOpenChange'
-]);
-export const XplSpotlight = defineContainer('xpl-spotlight', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-slideout',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'isOpen': [Boolean, "is-open"],
+        'backdrop': [Boolean, "backdrop"],
+        'variant': [String, "variant"],
+        'showFooter': [Boolean, "show-footer"],
+        'onIsOpenChange': [Function]
+    }
+});
+export const XplSpotlight = globalThis.window ? defineContainer('xpl-spotlight', undefined, [
     'actionLayout',
     'anchorPosition',
     'body',
@@ -579,8 +1231,33 @@ export const XplSpotlight = defineContainer('xpl-spotlight', undefined, [
     'primaryAction',
     'secondaryAction',
     'targetClick'
-]);
-export const XplTab = defineContainer('xpl-tab', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-spotlight',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'actionLayout': [String, "action-layout"],
+        'anchorPosition': [String, "anchor-position"],
+        'body': [String, "body"],
+        'currentStep': [Number, "current-step"],
+        'heading': [String, "heading"],
+        'isDismissible': [Boolean, "is-dismissible"],
+        'isOpen': [Boolean, "is-open"],
+        'primaryActionLabel': [String, "primary-action-label"],
+        'secondaryActionLabel': [String, "secondary-action-label"],
+        'showActions': [Boolean, "show-actions"],
+        'showImage': [Boolean, "show-image"],
+        'showSteps': [Boolean, "show-steps"],
+        'target': [String, "target"],
+        'totalSteps': [Number, "total-steps"],
+        'onDismiss': [Function],
+        'onPrimaryAction': [Function],
+        'onSecondaryAction': [Function],
+        'onTargetClick': [Function]
+    }
+});
+export const XplTab = globalThis.window ? defineContainer('xpl-tab', undefined, [
+    'badge',
+    'badgeVariant',
     'disabled',
     'fullWidth',
     'groupDisabled',
@@ -592,12 +1269,35 @@ export const XplTab = defineContainer('xpl-tab', undefined, [
     'tabChange'
 ], [
     'tabChange'
-]);
-export const XplTabPanel = defineContainer('xpl-tab-panel', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-tab',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'badge': [String, "badge"],
+        'badgeVariant': [String, "badge-variant"],
+        'disabled': [Boolean, "disabled"],
+        'fullWidth': [Boolean, "full-width"],
+        'groupDisabled': [Boolean, "data-group-disabled"],
+        'icon': [String, "icon"],
+        'iconPosition': [String, "icon-position"],
+        'selected': [Boolean, "selected"],
+        'target': [String, "target"],
+        'variant': [String, "variant"],
+        'onTabChange': [Function]
+    }
+});
+export const XplTabPanel = globalThis.window ? defineContainer('xpl-tab-panel', undefined, [
     'selected',
     'target'
-]);
-export const XplTable = defineContainer('xpl-table', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-tab-panel',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'selected': [Boolean, "selected"],
+        'target': [String, "target"]
+    }
+});
+export const XplTable = globalThis.window ? defineContainer('xpl-table', undefined, [
     'columns',
     'data',
     'footer',
@@ -612,9 +1312,24 @@ export const XplTable = defineContainer('xpl-table', undefined, [
 ], [
     'tableSelect',
     'sortChanged'
-]);
-export const XplTableHeader = defineContainer('xpl-table-header', undefined);
-export const XplTableHeaderCell = defineContainer('xpl-table-header-cell', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-table',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'freeze': [Boolean, "freeze"],
+        'multiselect': [Boolean, "multiselect"],
+        'striped': [Boolean, "striped"],
+        'isSortable': [Boolean, "is-sortable"],
+        'onTableSelect': [Function],
+        'onSortChanged': [Function]
+    }
+});
+export const XplTableHeader = globalThis.window ? defineContainer('xpl-table-header', undefined) : defineStencilSSRComponent({
+    tagName: 'xpl-table-header',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {}
+});
+export const XplTableHeaderCell = globalThis.window ? defineContainer('xpl-table-header-cell', undefined, [
     'icon',
     'sortable',
     'label',
@@ -623,8 +1338,19 @@ export const XplTableHeaderCell = defineContainer('xpl-table-header-cell', undef
     'sortChanged'
 ], [
     'sortChanged'
-]);
-export const XplTabs = defineContainer('xpl-tabs', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-table-header-cell',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'icon': [String, "icon"],
+        'sortable': [Boolean, "sortable"],
+        'label': [String, "label"],
+        'type': [String, "type"],
+        'width': [Number, "width"],
+        'onSortChanged': [Function]
+    }
+});
+export const XplTabs = globalThis.window ? defineContainer('xpl-tabs', undefined, [
     'disabled',
     'fullWidth',
     'type',
@@ -632,8 +1358,18 @@ export const XplTabs = defineContainer('xpl-tabs', undefined, [
     'tabChange'
 ], [
     'tabChange'
-]);
-export const XplTag = defineContainer('xpl-tag', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-tabs',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"],
+        'fullWidth': [Boolean, "full-width"],
+        'type': [String, "type"],
+        'value': [String, "value"],
+        'onTabChange': [Function]
+    }
+});
+export const XplTag = globalThis.window ? defineContainer('xpl-tag', undefined, [
     'disabled',
     'dismissible',
     'isDraggable',
@@ -648,15 +1384,41 @@ export const XplTag = defineContainer('xpl-tag', undefined, [
     'tagDragEnd',
     'tagDragStart',
     'tagRemove'
-]);
-export const XplToast = defineContainer('xpl-toast', undefined, [
-    'variant',
-    'showIcon',
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-tag',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'disabled': [Boolean, "disabled"],
+        'dismissible': [Boolean, "dismissible"],
+        'isDraggable': [Boolean, "is-draggable"],
+        'size': [String, "size"],
+        'tagId': [String, "tag-id"],
+        'onClose': [Function],
+        'onTagDragEnd': [Function],
+        'onTagDragStart': [Function],
+        'onTagRemove': [Function]
+    }
+});
+export const XplToast = globalThis.window ? defineContainer('xpl-toast', undefined, [
     'caption',
     'dismissable',
-    'timeout'
-]);
-export const XplToggle = defineContainer('xpl-toggle', undefined, [
+    'dismissible',
+    'showIcon',
+    'timeout',
+    'variant'
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-toast',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'caption': [String, "caption"],
+        'dismissable': [Boolean, "dismissable"],
+        'dismissible': [Boolean, "dismissible"],
+        'showIcon': [Boolean, "show-icon"],
+        'timeout': [Number, "timeout"],
+        'variant': [String, "variant"]
+    }
+});
+export const XplToggle = globalThis.window ? defineContainer('xpl-toggle', undefined, [
     'checked',
     'description',
     'disabled',
@@ -667,16 +1429,43 @@ export const XplToggle = defineContainer('xpl-toggle', undefined, [
     'toggleChange'
 ], [
     'toggleChange'
-], 'checked', 'toggleChange', 'detail');
-export const XplToolbar = defineContainer('xpl-toolbar', undefined, [
+], 'checked', 'toggleChange', 'detail') : defineStencilSSRComponent({
+    tagName: 'xpl-toggle',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'checked': [Boolean, "checked"],
+        'description': [String, "description"],
+        'disabled': [Boolean, "disabled"],
+        'heading': [String, "heading"],
+        'label': [String, "label"],
+        'name': [String, "name"],
+        'variant': [String, "variant"],
+        'onToggleChange': [Function]
+    }
+});
+export const XplToolbar = globalThis.window ? defineContainer('xpl-toolbar', undefined, [
     'selectedItemCount'
-]);
-export const XplTooltip = defineContainer('xpl-tooltip', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-toolbar',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'selectedItemCount': [Number, "selected-item-count"]
+    }
+});
+export const XplTooltip = globalThis.window ? defineContainer('xpl-tooltip', undefined, [
     'text',
     'position',
     'hideArrow'
-]);
-export const XplTopNav = defineContainer('xpl-top-nav', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-tooltip',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'text': [String, "text"],
+        'position': [String, "position"],
+        'hideArrow': [Boolean, "hide-arrow"]
+    }
+});
+export const XplTopNav = globalThis.window ? defineContainer('xpl-top-nav', undefined, [
     'brandHref',
     'brandLogo',
     'brandName',
@@ -688,23 +1477,74 @@ export const XplTopNav = defineContainer('xpl-top-nav', undefined, [
 ], [
     'brandClick',
     'navOpen'
-]);
-export const XplTopNavItem = defineContainer('xpl-top-nav-item', undefined, [
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-top-nav',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'brandHref': [String, "brand-href"],
+        'brandLogo': [String, "brand-logo"],
+        'brandName': [String, "brand-name"],
+        'childAccountLabel': [String, "child-account-label"],
+        'label': [String, "label"],
+        'navControl': [Boolean, "nav-control"],
+        'onBrandClick': [Function],
+        'onNavOpen': [Function]
+    }
+});
+export const XplTopNavItem = globalThis.window ? defineContainer('xpl-top-nav-item', undefined, [
     'active',
+    'description',
     'href',
     'icon',
     'itemAriaLabel',
     'label',
+    'open',
+    'openMode',
     'selected',
-    'navItemClick'
+    'navItemClick',
+    'openChange'
 ], [
-    'navItemClick'
-]);
-export const XplUtilityBar = defineContainer('xpl-utility-bar', undefined, [
+    'navItemClick',
+    'openChange'
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-top-nav-item',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'active': [Boolean, "active"],
+        'description': [String, "description"],
+        'href': [String, "href"],
+        'icon': [String, "icon"],
+        'itemAriaLabel': [String, "item-aria-label"],
+        'label': [String, "label"],
+        'open': [Boolean, "open"],
+        'openMode': [String, "open-mode"],
+        'selected': [Boolean, "selected"],
+        'onNavItemClick': [Function],
+        'onOpenChange': [Function]
+    }
+});
+export const XplTopNavMenu = globalThis.window ? defineContainer('xpl-top-nav-menu', undefined, [
+    'label'
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-top-nav-menu',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'label': [String, "label"]
+    }
+});
+export const XplUtilityBar = globalThis.window ? defineContainer('xpl-utility-bar', undefined, [
     'navControl',
     'isNavOpenAtStartup',
     'navOpen'
 ], [
     'navOpen'
-]);
+]) : defineStencilSSRComponent({
+    tagName: 'xpl-utility-bar',
+    hydrateModule: import('@xplortech/apollo-core/hydrate'),
+    props: {
+        'navControl': [Boolean, "nav-control"],
+        'isNavOpenAtStartup': [Boolean, "is-nav-open-at-startup"],
+        'onNavOpen': [Function]
+    }
+});
 //# sourceMappingURL=components.js.map