@baloise/ds-react 19.11.0 → 20.0.0-next.11

package/dist/generated/components.server.js

@@ -0,0 +1,1197 @@
+import { createComponent } from '../ssr-create-component.js';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+const clientComponents = typeof window === "undefined" ? {} : await import("./components.js");
+export const serializeShadowRoot = "declarative-shadow-dom";
+export const DsAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'ds-accordion',
+    properties: {
+        open: 'open',
+        group: 'group',
+        summaryLevel: 'summary-level',
+        summaryVisualLevel: 'summary-visual-level',
+        summaryTitle: 'summary-title',
+        marker: 'marker',
+        markerPosition: 'marker-position',
+        button: 'button',
+        buttonWide: 'button-wide',
+        buttonColor: 'button-color',
+        buttonSize: 'button-size',
+        buttonLabelOpen: 'button-label-open',
+        buttonIconOpen: 'button-icon-open',
+        buttonLabelClose: 'button-label-close',
+        buttonIconClose: 'button-icon-close'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsAccordion,
+    serializeShadowRoot
+});
+export const DsAlertContainer = /*@__PURE__*/ createComponent({
+    tagName: 'ds-alert-container',
+    properties: {
+        animated: 'animated',
+        container: 'container',
+        type: 'type'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsAlertContainer,
+    serializeShadowRoot
+});
+export const DsAppFooter = /*@__PURE__*/ createComponent({
+    tagName: 'ds-app-footer',
+    properties: {
+        container: 'container',
+        hideLanguageSelection: 'hide-language-selection',
+        disableDefaultLinks: 'disable-default-links',
+        disableDefaultSocialLinks: 'disable-default-social-links',
+        legalText: 'legal-text'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsAppFooter,
+    serializeShadowRoot
+});
+export const DsAppNavbar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-app-navbar',
+    properties: {
+        open: 'open',
+        light: 'light',
+        container: 'container'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsAppNavbar,
+    serializeShadowRoot
+});
+export const DsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'ds-badge',
+    properties: {
+        icon: 'icon',
+        size: 'size',
+        color: 'color',
+        position: 'position',
+        pulse: 'pulse'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsBadge,
+    serializeShadowRoot
+});
+export const DsBrandIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ds-brand-icon',
+    properties: {
+        svg: 'svg',
+        src: 'src',
+        size: 'size',
+        color: 'color',
+        tile: 'tile',
+        disabled: 'disabled',
+        invalid: 'invalid'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsBrandIcon,
+    serializeShadowRoot
+});
+export const DsButton = /*@__PURE__*/ createComponent({
+    tagName: 'ds-button',
+    properties: {
+        color: 'color',
+        elementType: 'element-type',
+        disabled: 'disabled',
+        size: 'size',
+        href: 'href',
+        target: 'target',
+        rel: 'rel',
+        download: 'download',
+        shadow: 'shadow',
+        square: 'square',
+        wide: 'wide',
+        flat: 'flat',
+        outlined: 'outlined',
+        inverted: 'inverted',
+        loading: 'loading',
+        icon: 'icon',
+        iconTurn: 'icon-turn',
+        iconRight: 'icon-right',
+        brandIcon: 'brand-icon',
+        brandSize: 'brand-size',
+        noWrap: 'no-wrap',
+        name: 'name',
+        value: 'value',
+        a11yControls: 'a-1-1y-controls',
+        a11yTitle: 'a-1-1y-title',
+        a11yLabel: 'a-1-1y-label',
+        a11yHaspopup: 'a-1-1y-haspopup'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsButton,
+    serializeShadowRoot
+});
+export const DsButtonGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-button-group',
+    properties: {
+        align: 'align',
+        direction: 'direction',
+        reverse: 'reverse',
+        wide: 'wide'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsButtonGroup,
+    serializeShadowRoot
+});
+export const DsCard = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card',
+    properties: {
+        flat: 'flat',
+        tile: 'tile',
+        dense: 'dense',
+        imageTeaser: 'image-teaser',
+        inverted: 'inverted',
+        clickable: 'clickable',
+        selected: 'selected',
+        fullheight: 'fullheight',
+        align: 'align',
+        space: 'space',
+        color: 'color'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCard,
+    serializeShadowRoot
+});
+export const DsCardActions = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-actions',
+    properties: { align: 'align' },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCardActions,
+    serializeShadowRoot
+});
+export const DsCardContent = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-content',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCardContent,
+    serializeShadowRoot
+});
+export const DsCardHeader = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-header',
+    properties: { direction: 'direction' },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCardHeader,
+    serializeShadowRoot
+});
+export const DsCardSubtitle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-subtitle',
+    properties: {
+        inverted: 'inverted',
+        bold: 'bold',
+        color: 'color'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCardSubtitle,
+    serializeShadowRoot
+});
+export const DsCardTitle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-title',
+    properties: {
+        inverted: 'inverted',
+        level: 'level',
+        visualLevel: 'visual-level'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCardTitle,
+    serializeShadowRoot
+});
+export const DsCarousel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-carousel',
+    properties: {
+        controls: 'controls',
+        variant: 'variant',
+        itemsPerView: 'items-per-view',
+        label: 'label',
+        steps: 'steps',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCarousel,
+    serializeShadowRoot
+});
+export const DsCarouselItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-carousel-item',
+    properties: {
+        color: 'color',
+        carouselVariant: 'carousel-variant',
+        navigation: 'navigation',
+        index: 'index',
+        name: 'name',
+        selected: 'selected',
+        src: 'src'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCarouselItem,
+    serializeShadowRoot
+});
+export const DsCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'ds-checkbox',
+    properties: {
+        name: 'name',
+        label: 'label',
+        labelPosition: 'label-position',
+        value: 'value',
+        checked: 'checked',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        autoInvalidOff: 'auto-invalid-off',
+        invalid: 'invalid',
+        tileColor: 'tile-color',
+        tile: 'tile',
+        hideTrigger: 'hide-trigger',
+        cols: 'cols',
+        colsTablet: 'cols-tablet',
+        colsMobile: 'cols-mobile'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCheckbox,
+    serializeShadowRoot
+});
+export const DsCheckboxGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-checkbox-group',
+    properties: {
+        autoInvalidOff: 'auto-invalid-off',
+        color: 'color',
+        cols: 'cols',
+        colsMobile: 'cols-mobile',
+        colsTablet: 'cols-tablet',
+        control: 'control',
+        description: 'description',
+        disabled: 'disabled',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        label: 'label',
+        labelPosition: 'label-position',
+        loading: 'loading',
+        name: 'name',
+        readonly: 'readonly',
+        required: 'required',
+        tile: 'tile',
+        hideTrigger: 'hide-trigger',
+        tileColor: 'tile-color',
+        vertical: 'vertical'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCheckboxGroup,
+    serializeShadowRoot
+});
+export const DsClose = /*@__PURE__*/ createComponent({
+    tagName: 'ds-close',
+    properties: {
+        size: 'size',
+        inverted: 'inverted',
+        disabled: 'disabled',
+        button: 'button',
+        buttonColor: 'button-color',
+        buttonSize: 'button-size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsClose,
+    serializeShadowRoot
+});
+export const DsContent = /*@__PURE__*/ createComponent({
+    tagName: 'ds-content',
+    properties: {
+        layout: 'layout',
+        direction: 'direction',
+        align: 'align',
+        textAlign: 'text-align',
+        space: 'space',
+        alignment: 'alignment'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsContent,
+    serializeShadowRoot
+});
+export const DsCounter = /*@__PURE__*/ createComponent({
+    tagName: 'ds-counter',
+    properties: {
+        value: 'value',
+        name: 'name',
+        label: 'label',
+        description: 'description',
+        color: 'color',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        min: 'min',
+        max: 'max',
+        step: 'step',
+        debounce: 'debounce',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        autoInvalidOff: 'auto-invalid-off'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsCounter,
+    serializeShadowRoot
+});
+export const DsData = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data',
+    properties: { horizontal: 'horizontal' },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsData,
+    serializeShadowRoot
+});
+export const DsDataItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-item',
+    properties: {
+        disabled: 'disabled',
+        multiline: 'multiline',
+        editable: 'editable',
+        editLabel: 'edit-label'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsDataItem,
+    serializeShadowRoot
+});
+export const DsDataLabel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-label',
+    properties: { required: 'required' },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsDataLabel,
+    serializeShadowRoot
+});
+export const DsDataValue = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-value',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsDataValue,
+    serializeShadowRoot
+});
+export const DsDatepicker = /*@__PURE__*/ createComponent({
+    tagName: 'ds-datepicker',
+    properties: {
+        value: 'value',
+        name: 'name',
+        label: 'label',
+        description: 'description',
+        color: 'color',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        required: 'required',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        placeholder: 'placeholder',
+        autofocus: 'autofocus',
+        autocomplete: 'autocomplete',
+        debounce: 'debounce',
+        autoInvalidOff: 'auto-invalid-off',
+        inline: 'inline',
+        loading: 'loading',
+        min: 'min',
+        max: 'max',
+        minYearProp: 'min-year',
+        maxYearProp: 'max-year',
+        defaultDate: 'default-date',
+        freeSolo: 'free-solo'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsDatepicker,
+    serializeShadowRoot
+});
+export const DsDivider = /*@__PURE__*/ createComponent({
+    tagName: 'ds-divider',
+    properties: {
+        layout: 'layout',
+        space: 'space',
+        color: 'color',
+        dashed: 'dashed'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsDivider,
+    serializeShadowRoot
+});
+export const DsDrawer = /*@__PURE__*/ createComponent({
+    tagName: 'ds-drawer',
+    properties: {
+        open: 'open',
+        closable: 'closable',
+        backdropDismiss: 'backdrop-dismiss',
+        label: 'label',
+        container: 'container'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsDrawer,
+    serializeShadowRoot
+});
+export const DsFileUpload = /*@__PURE__*/ createComponent({
+    tagName: 'ds-file-upload',
+    properties: {
+        name: 'name',
+        label: 'label',
+        dropZoneLabel: 'drop-zone-label',
+        description: 'description',
+        invalidText: 'invalid-text',
+        color: 'color',
+        invalid: 'invalid',
+        multiple: 'multiple',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        loading: 'loading',
+        required: 'required',
+        accept: 'accept',
+        maxFiles: 'max-files',
+        maxFileSize: 'max-file-size',
+        maxBundleSize: 'max-bundle-size',
+        hasFileList: 'has-file-list',
+        autoInvalidOff: 'auto-invalid-off'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsFileUpload,
+    serializeShadowRoot
+});
+export const DsHeading = /*@__PURE__*/ createComponent({
+    tagName: 'ds-heading',
+    properties: {
+        level: 'level',
+        visualLevel: 'visual-level',
+        autoLevel: 'auto-level',
+        noWrap: 'no-wrap',
+        subtitle: 'subtitle',
+        space: 'space',
+        color: 'color',
+        inverted: 'inverted',
+        shadow: 'shadow'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsHeading,
+    serializeShadowRoot
+});
+export const DsHint = /*@__PURE__*/ createComponent({
+    tagName: 'ds-hint',
+    properties: {
+        placement: 'placement',
+        label: 'label',
+        closeLabel: 'close-label',
+        triggerLabel: 'trigger-label'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsHint,
+    serializeShadowRoot
+});
+export const DsHintText = /*@__PURE__*/ createComponent({
+    tagName: 'ds-hint-text',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsHintText,
+    serializeShadowRoot
+});
+export const DsHintTitle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-hint-title',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsHintTitle,
+    serializeShadowRoot
+});
+export const DsIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ds-icon',
+    properties: {
+        name: 'name',
+        svg: 'svg',
+        src: 'src',
+        size: 'size',
+        color: 'color',
+        inline: 'inline',
+        inverted: 'inverted',
+        turn: 'turn',
+        shadow: 'shadow',
+        disabled: 'disabled',
+        invalid: 'invalid'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsIcon,
+    serializeShadowRoot
+});
+export const DsInput = /*@__PURE__*/ createComponent({
+    tagName: 'ds-input',
+    properties: {
+        value: 'value',
+        name: 'name',
+        label: 'label',
+        description: 'description',
+        color: 'color',
+        loading: 'loading',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        type: 'type',
+        accept: 'accept',
+        autocapitalize: 'autocapitalize',
+        autocomplete: 'autocomplete',
+        autocorrect: 'autocorrect',
+        autofocus: 'autofocus',
+        debounce: 'debounce',
+        placeholder: 'placeholder',
+        max: 'max',
+        maxLength: 'max-length',
+        min: 'min',
+        minLength: 'min-length',
+        multiple: 'multiple',
+        pattern: 'pattern',
+        allowedKeyPress: 'allowed-key-press',
+        required: 'required',
+        spellcheck: 'spellcheck',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        suffix: 'suffix',
+        inputmode: 'inputmode',
+        mask: 'mask',
+        autoInvalidOff: 'auto-invalid-off'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsInput,
+    serializeShadowRoot
+});
+export const DsInputPhone = /*@__PURE__*/ createComponent({
+    tagName: 'ds-input-phone',
+    properties: {
+        value: 'value',
+        name: 'name',
+        countries: 'countries',
+        initialCountry: 'initial-country',
+        country: 'country',
+        label: 'label',
+        description: 'description',
+        color: 'color',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        required: 'required',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        placeholder: 'placeholder'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsInputPhone,
+    serializeShadowRoot
+});
+export const DsItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-item',
+    properties: {
+        accordionGroup: 'accordion-group',
+        accordionMarker: 'accordion-marker',
+        accordionMarkerPosition: 'accordion-marker-position',
+        accordionOpen: 'accordion-open',
+        actionIcon: 'action-icon',
+        description: 'description',
+        disabled: 'disabled',
+        inverted: 'inverted',
+        download: 'download',
+        href: 'href',
+        label: 'label',
+        labelLevel: 'label-level',
+        labelSize: 'label-size',
+        rel: 'rel',
+        size: 'size',
+        target: 'target',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsItem,
+    serializeShadowRoot
+});
+export const DsLabel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-label',
+    properties: {
+        disabled: 'disabled',
+        htmlFor: 'html-for',
+        htmlId: 'html-id',
+        invalid: 'invalid',
+        noWrap: 'no-wrap',
+        required: 'required',
+        size: 'size',
+        valid: 'valid'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsLabel,
+    serializeShadowRoot
+});
+export const DsList = /*@__PURE__*/ createComponent({
+    tagName: 'ds-list',
+    properties: {
+        inverted: 'inverted',
+        ordered: 'ordered',
+        size: 'size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsList,
+    serializeShadowRoot
+});
+export const DsLogo = /*@__PURE__*/ createComponent({
+    tagName: 'ds-logo',
+    properties: {
+        animated: 'animated',
+        brand: 'brand',
+        color: 'color',
+        size: 'size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsLogo,
+    serializeShadowRoot
+});
+export const DsModal = /*@__PURE__*/ createComponent({
+    tagName: 'ds-modal',
+    properties: {
+        open: 'open',
+        closable: 'closable',
+        modalWidth: 'modal-width',
+        fullscreen: 'fullscreen'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsModal,
+    serializeShadowRoot
+});
+export const DsModalBody = /*@__PURE__*/ createComponent({
+    tagName: 'ds-modal-body',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsModalBody,
+    serializeShadowRoot
+});
+export const DsModalHeader = /*@__PURE__*/ createComponent({
+    tagName: 'ds-modal-header',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsModalHeader,
+    serializeShadowRoot
+});
+export const DsNotification = /*@__PURE__*/ createComponent({
+    tagName: 'ds-notification',
+    properties: {
+        alert: 'alert',
+        closable: 'closable',
+        color: 'color',
+        heading: 'heading',
+        noIcon: 'no-icon',
+        size: 'size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsNotification,
+    serializeShadowRoot
+});
+export const DsNumberInput = /*@__PURE__*/ createComponent({
+    tagName: 'ds-number-input',
+    properties: {
+        autoInvalidOff: 'auto-invalid-off',
+        color: 'color',
+        debounce: 'debounce',
+        decimal: 'decimal',
+        description: 'description',
+        disabled: 'disabled',
+        exactNumber: 'exact-number',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        label: 'label',
+        max: 'max',
+        min: 'min',
+        name: 'name',
+        onlyPositive: 'only-positive',
+        pattern: 'pattern',
+        placeholder: 'placeholder',
+        readonly: 'readonly',
+        required: 'required',
+        suffix: 'suffix',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsNumberInput,
+    serializeShadowRoot
+});
+export const DsPagination = /*@__PURE__*/ createComponent({
+    tagName: 'ds-pagination',
+    properties: {
+        align: 'align',
+        disabled: 'disabled',
+        label: 'label',
+        pageRange: 'page-range',
+        size: 'size',
+        sticky: 'sticky',
+        textNext: 'text-next',
+        textPrevious: 'text-previous',
+        top: 'top',
+        totalPages: 'total-pages',
+        value: 'value',
+        variant: 'variant'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsPagination,
+    serializeShadowRoot
+});
+export const DsPopup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-popup',
+    properties: {
+        open: 'open',
+        placement: 'placement',
+        offset: 'offset',
+        role: 'role',
+        closable: 'closable',
+        backdropDismiss: 'backdrop-dismiss',
+        backdrop: 'backdrop',
+        group: 'group',
+        label: 'label',
+        arrow: 'arrow',
+        trapFocus: 'trap-focus'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsPopup,
+    serializeShadowRoot
+});
+export const DsProgressBar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-progress-bar',
+    properties: {
+        background: 'background',
+        color: 'color',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsProgressBar,
+    serializeShadowRoot
+});
+export const DsRadio = /*@__PURE__*/ createComponent({
+    tagName: 'ds-radio',
+    properties: {
+        autoInvalidOff: 'auto-invalid-off',
+        checked: 'checked',
+        cols: 'cols',
+        colsMobile: 'cols-mobile',
+        colsTablet: 'cols-tablet',
+        disabled: 'disabled',
+        invalid: 'invalid',
+        label: 'label',
+        labelPosition: 'label-position',
+        name: 'name',
+        readonly: 'readonly',
+        required: 'required',
+        tile: 'tile',
+        hideTrigger: 'hide-trigger',
+        tileColor: 'tile-color',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsRadio,
+    serializeShadowRoot
+});
+export const DsRadioGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-radio-group',
+    properties: {
+        allowEmptySelection: 'allow-empty-selection',
+        autoInvalidOff: 'auto-invalid-off',
+        color: 'color',
+        cols: 'cols',
+        colsMobile: 'cols-mobile',
+        colsTablet: 'cols-tablet',
+        description: 'description',
+        disabled: 'disabled',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        label: 'label',
+        labelPosition: 'label-position',
+        loading: 'loading',
+        name: 'name',
+        readonly: 'readonly',
+        required: 'required',
+        tile: 'tile',
+        hideTrigger: 'hide-trigger',
+        tileColor: 'tile-color',
+        value: 'value',
+        vertical: 'vertical'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsRadioGroup,
+    serializeShadowRoot
+});
+export const DsRoot = /*@__PURE__*/ createComponent({
+    tagName: 'ds-root',
+    properties: {
+        animated: 'animated',
+        brand: 'brand',
+        region: 'region',
+        language: 'language',
+        allowedLanguages: 'allowed-languages',
+        fallbackLanguage: 'fallback-language',
+        ready: 'ready',
+        logger: 'logger'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsRoot,
+    serializeShadowRoot
+});
+export const DsSegment = /*@__PURE__*/ createComponent({
+    tagName: 'ds-segment',
+    properties: {
+        allowEmptySelection: 'allow-empty-selection',
+        autoInvalidOff: 'auto-invalid-off',
+        description: 'description',
+        disabled: 'disabled',
+        iconOnly: 'icon-only',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        label: 'label',
+        loading: 'loading',
+        name: 'name',
+        readonly: 'readonly',
+        required: 'required',
+        value: 'value',
+        vertical: 'vertical',
+        verticalOnMobile: 'vertical-on-mobile',
+        wide: 'wide'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSegment,
+    serializeShadowRoot
+});
+export const DsSegmentItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-segment-item',
+    properties: {
+        description: 'description',
+        icon: 'icon',
+        label: 'label',
+        svg: 'svg',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSegmentItem,
+    serializeShadowRoot
+});
+export const DsSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select',
+    properties: {
+        value: 'value',
+        name: 'name',
+        label: 'label',
+        description: 'description',
+        color: 'color',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        required: 'required',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        multiple: 'multiple',
+        searchable: 'searchable',
+        clearable: 'clearable',
+        placeholder: 'placeholder',
+        autoInvalidOff: 'auto-invalid-off'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSelect,
+    serializeShadowRoot
+});
+export const DsSelectOptgroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select-optgroup',
+    properties: { label: 'label' },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSelectOptgroup,
+    serializeShadowRoot
+});
+export const DsSelectOption = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select-option',
+    properties: {
+        value: 'value',
+        disabled: 'disabled'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSelectOption,
+    serializeShadowRoot
+});
+export const DsShape = /*@__PURE__*/ createComponent({
+    tagName: 'ds-shape',
+    properties: {
+        color: 'color',
+        rotation: 'rotation',
+        variation: 'variation'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsShape,
+    serializeShadowRoot
+});
+export const DsSheet = /*@__PURE__*/ createComponent({
+    tagName: 'ds-sheet',
+    properties: { containerSize: 'container-size' },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSheet,
+    serializeShadowRoot
+});
+export const DsSlider = /*@__PURE__*/ createComponent({
+    tagName: 'ds-slider',
+    properties: {
+        value: 'value',
+        name: 'name',
+        label: 'label',
+        description: 'description',
+        color: 'color',
+        brandColor: 'brand-color',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        min: 'min',
+        max: 'max',
+        step: 'step',
+        debounce: 'debounce',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        autoInvalidOff: 'auto-invalid-off'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSlider,
+    serializeShadowRoot
+});
+export const DsSnackbar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-snackbar',
+    properties: {
+        color: 'color',
+        closable: 'closable',
+        heading: 'heading',
+        message: 'message',
+        icon: 'icon',
+        svg: 'svg',
+        action: 'action',
+        actionIcon: 'action-icon',
+        actionTarget: 'action-target',
+        actionHref: 'action-href',
+        alertId: 'alert-id',
+        visible: 'visible'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSnackbar,
+    serializeShadowRoot
+});
+export const DsSpinner = /*@__PURE__*/ createComponent({
+    tagName: 'ds-spinner',
+    properties: {
+        deactivated: 'deactivated',
+        inverted: 'inverted',
+        size: 'size',
+        label: 'label',
+        labelPosition: 'label-position',
+        variation: 'variation'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSpinner,
+    serializeShadowRoot
+});
+export const DsStack = /*@__PURE__*/ createComponent({
+    tagName: 'ds-stack',
+    properties: {
+        align: 'align',
+        alignment: 'alignment',
+        direction: 'direction',
+        fitContent: 'fit-content',
+        p: 'p',
+        px: 'px',
+        py: 'py',
+        space: 'space',
+        spaceColumn: 'space-column',
+        spaceRow: 'space-row',
+        useWrap: 'use-wrap'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsStack,
+    serializeShadowRoot
+});
+export const DsStep = /*@__PURE__*/ createComponent({
+    tagName: 'ds-step',
+    properties: {
+        activeIndex: 'active-index',
+        disabled: 'disabled',
+        done: 'done',
+        hidden: 'hidden',
+        index: 'index',
+        invalid: 'invalid',
+        label: 'label',
+        name: 'name',
+        navigation: 'navigation',
+        selected: 'selected',
+        vertical: 'vertical'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsStep,
+    serializeShadowRoot
+});
+export const DsStepPanel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-step-panel',
+    properties: {
+        for: 'for',
+        selected: 'selected'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsStepPanel,
+    serializeShadowRoot
+});
+export const DsSteps = /*@__PURE__*/ createComponent({
+    tagName: 'ds-steps',
+    properties: {
+        color: 'color',
+        label: 'label',
+        value: 'value',
+        vertical: 'vertical'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsSteps,
+    serializeShadowRoot
+});
+export const DsTab = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tab',
+    properties: {
+        fullwidth: 'fullwidth',
+        inverted: 'inverted',
+        name: 'name',
+        navigation: 'navigation',
+        selected: 'selected',
+        vertical: 'vertical'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsTab,
+    serializeShadowRoot
+});
+export const DsTabPanel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tab-panel',
+    properties: {
+        for: 'for',
+        selected: 'selected'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsTabPanel,
+    serializeShadowRoot
+});
+export const DsTabs = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tabs',
+    properties: {
+        color: 'color',
+        fullwidth: 'fullwidth',
+        inverted: 'inverted',
+        label: 'label',
+        value: 'value',
+        vertical: 'vertical',
+        verticalColSize: 'vertical-col-size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsTabs,
+    serializeShadowRoot
+});
+export const DsTag = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tag',
+    properties: {
+        closable: 'closable',
+        color: 'color',
+        disabled: 'disabled',
+        invalid: 'invalid',
+        position: 'position',
+        size: 'size'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsTag,
+    serializeShadowRoot
+});
+export const DsTagGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tag-group',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsTagGroup,
+    serializeShadowRoot
+});
+export const DsText = /*@__PURE__*/ createComponent({
+    tagName: 'ds-text',
+    properties: {
+        align: 'align',
+        bold: 'bold',
+        color: 'color',
+        disabled: 'disabled',
+        heading: 'heading',
+        inline: 'inline',
+        invalid: 'invalid',
+        inverted: 'inverted',
+        noWrap: 'no-wrap',
+        shadow: 'shadow',
+        size: 'size',
+        space: 'space',
+        subtitle: 'subtitle'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsText,
+    serializeShadowRoot
+});
+export const DsTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'ds-textarea',
+    properties: {
+        autocapitalize: 'autocapitalize',
+        autocomplete: 'autocomplete',
+        autofocus: 'autofocus',
+        autoInvalidOff: 'auto-invalid-off',
+        color: 'color',
+        cols: 'cols',
+        debounce: 'debounce',
+        description: 'description',
+        disabled: 'disabled',
+        inputmode: 'inputmode',
+        invalid: 'invalid',
+        invalidText: 'invalid-text',
+        label: 'label',
+        maxLength: 'max-length',
+        minLength: 'min-length',
+        name: 'name',
+        placeholder: 'placeholder',
+        readonly: 'readonly',
+        required: 'required',
+        rows: 'rows',
+        value: 'value',
+        wrap: 'wrap'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsTextarea,
+    serializeShadowRoot
+});
+export const DsToast = /*@__PURE__*/ createComponent({
+    tagName: 'ds-toast',
+    properties: {
+        color: 'color',
+        closable: 'closable',
+        heading: 'heading',
+        message: 'message',
+        icon: 'icon',
+        svg: 'svg',
+        action: 'action',
+        actionIcon: 'action-icon',
+        actionTarget: 'action-target',
+        actionHref: 'action-href',
+        alertId: 'alert-id',
+        duration: 'duration',
+        visible: 'visible'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsToast,
+    serializeShadowRoot
+});
+export const DsToggle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-toggle',
+    properties: {
+        autoInvalidOff: 'auto-invalid-off',
+        checked: 'checked',
+        dense: 'dense',
+        disabled: 'disabled',
+        invalid: 'invalid',
+        label: 'label',
+        labelPosition: 'label-position',
+        name: 'name',
+        readonly: 'readonly',
+        required: 'required',
+        value: 'value'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsToggle,
+    serializeShadowRoot
+});
+export const DsTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tooltip',
+    properties: {
+        reference: 'reference',
+        placement: 'placement',
+        offset: 'offset',
+        contentWidth: 'content-width',
+        open: 'open'
+    },
+    hydrateModule: typeof window === 'undefined' ? import('@baloise/ds-core/hydrate') : undefined,
+    clientModule: clientComponents.DsTooltip,
+    serializeShadowRoot
+});