@sellmate/design-system-react 0.0.23 → 0.0.26

package/dist/components/components.server.js

@@ -1,23 +1,325 @@
 /**
- * This file exports all server-side React components for use with Next.js SSR.
- * These components support hydration with the @stencil/react-output-target SSR functionality.
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 /* eslint-disable */
-export { SdBadge } from './sd-badge.server.js';
-export { SdButton } from './sd-button.server.js';
-export { SdCheckbox } from './sd-checkbox.server.js';
-export { SdDateBox } from './sd-date-box.server.js';
-export { SdDatePicker } from './sd-date-picker.server.js';
-export { SdDateRangePicker } from './sd-date-range-picker.server.js';
-export { SdGuide } from './sd-guide.server.js';
-export { SdIcon } from './sd-icon.server.js';
-export { SdInput } from './sd-input.server.js';
-export { SdPagination } from './sd-pagination.server.js';
-export { SdPopover } from './sd-popover.server.js';
-export { SdPortal } from './sd-portal.server.js';
-export { SdSelectOption } from './sd-select-option.server.js';
-export { SdSelect } from './sd-select.server.js';
-export { SdTable } from './sd-table.server.js';
-export { SdTag } from './sd-tag.server.js';
-export { SdTooltipPortal } from './sd-tooltip-portal.server.js';
-export { SdTooltip } from './sd-tooltip.server.js';
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+import { createComponent } from '@stencil/react-output-target/ssr';
+export const serializeShadowRoot = { default: "declarative-shadow-dom" };
+export const SdBadge = /*@__PURE__*/ createComponent({
+    tagName: 'sd-badge',
+    properties: {
+        size: 'size',
+        color: 'color',
+        label: 'label'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdBadge,
+    serializeShadowRoot,
+});
+export const SdButton = /*@__PURE__*/ createComponent({
+    tagName: 'sd-button',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        color: 'color',
+        label: 'label',
+        disabled: 'disabled',
+        type: 'type',
+        icon: 'icon',
+        iconColor: 'icon-color',
+        iconSize: 'icon-size',
+        iconRight: 'icon-right',
+        noHover: 'no-hover',
+        class: 'class'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdButton,
+    serializeShadowRoot,
+});
+export const SdCard = /*@__PURE__*/ createComponent({
+    tagName: 'sd-card',
+    properties: {
+        bordered: 'bordered',
+        class: 'class'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdCard,
+    serializeShadowRoot,
+});
+export const SdCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'sd-checkbox',
+    properties: {
+        checked: 'checked',
+        val: 'val',
+        disabled: 'disabled',
+        label: 'label'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdCheckbox,
+    serializeShadowRoot,
+});
+export const SdDateBox = /*@__PURE__*/ createComponent({
+    tagName: 'sd-date-box',
+    properties: {
+        date: 'date',
+        disabled: 'disabled',
+        selected: 'selected',
+        isStartDate: 'is-start-date',
+        isEndDate: 'is-end-date',
+        isToday: 'is-today',
+        inRange: 'in-range',
+        type: 'type'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdDateBox,
+    serializeShadowRoot,
+});
+export const SdDatePicker = /*@__PURE__*/ createComponent({
+    tagName: 'sd-date-picker',
+    properties: {
+        date: 'date',
+        label: 'label',
+        disabled: 'disabled'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdDatePicker,
+    serializeShadowRoot,
+});
+export const SdDateRangePicker = /*@__PURE__*/ createComponent({
+    tagName: 'sd-date-range-picker',
+    properties: {
+        label: 'label',
+        maxRange: 'max-range',
+        disabled: 'disabled'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdDateRangePicker,
+    serializeShadowRoot,
+});
+export const SdGuide = /*@__PURE__*/ createComponent({
+    tagName: 'sd-guide',
+    properties: {
+        type: 'type',
+        label: 'label',
+        message: 'message',
+        guideUrl: 'guide-url',
+        popupWidth: 'popup-width'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdGuide,
+    serializeShadowRoot,
+});
+export const SdIcon = /*@__PURE__*/ createComponent({
+    tagName: 'sd-icon',
+    properties: {
+        name: 'name',
+        size: 'size',
+        color: 'color',
+        rotate: 'rotate',
+        label: 'label'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdIcon,
+    serializeShadowRoot,
+});
+export const SdInput = /*@__PURE__*/ createComponent({
+    tagName: 'sd-input',
+    properties: {
+        value: 'value',
+        label: 'label',
+        placeholder: 'placeholder',
+        disabled: 'disabled',
+        clearable: 'clearable',
+        width: 'width',
+        barcode: 'barcode',
+        autoFocus: 'auto-focus',
+        status: 'status',
+        inputClass: 'input-class',
+        readonly: 'readonly'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdInput,
+    serializeShadowRoot,
+});
+export const SdPagination = /*@__PURE__*/ createComponent({
+    tagName: 'sd-pagination',
+    properties: {
+        currentPage: 'current-page',
+        lastPage: 'last-page',
+        simple: 'simple'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdPagination,
+    serializeShadowRoot,
+});
+export const SdPopover = /*@__PURE__*/ createComponent({
+    tagName: 'sd-popover',
+    properties: {
+        show: 'show',
+        placement: 'placement',
+        color: 'color',
+        icon: 'icon',
+        iconSize: 'icon-size',
+        label: 'label',
+        buttonSize: 'button-size',
+        buttonVariant: 'button-variant',
+        menuTitle: 'title',
+        menuClass: 'menu-class',
+        noHover: 'no-hover',
+        useClose: 'use-close'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdPopover,
+    serializeShadowRoot,
+});
+export const SdPortal = /*@__PURE__*/ createComponent({
+    tagName: 'sd-portal',
+    properties: {
+        to: 'to',
+        zIndex: 'z-index',
+        open: 'open'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdPortal,
+    serializeShadowRoot,
+});
+export const SdSelect = /*@__PURE__*/ createComponent({
+    tagName: 'sd-select',
+    properties: {
+        value: 'value',
+        label: 'label',
+        placeholder: 'placeholder',
+        optionPlaceholder: 'option-placeholder',
+        width: 'width',
+        dropdownHeight: 'dropdown-height',
+        disabled: 'disabled',
+        clearable: 'clearable',
+        searchable: 'searchable'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdSelect,
+    serializeShadowRoot,
+});
+export const SdSelectMultiple = /*@__PURE__*/ createComponent({
+    tagName: 'sd-select-multiple',
+    properties: {
+        label: 'label',
+        placeholder: 'placeholder',
+        optionPlaceholder: 'option-placeholder',
+        width: 'width',
+        dropdownHeight: 'dropdown-height',
+        disabled: 'disabled',
+        clearable: 'clearable',
+        searchable: 'searchable',
+        useCheckbox: 'use-checkbox'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdSelectMultiple,
+    serializeShadowRoot,
+});
+export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sd-select-multiple-group',
+    properties: {
+        label: 'label',
+        placeholder: 'placeholder',
+        optionPlaceholder: 'option-placeholder',
+        width: 'width',
+        dropdownHeight: 'dropdown-height',
+        disabled: 'disabled',
+        clearable: 'clearable',
+        searchable: 'searchable',
+        useCheckbox: 'use-checkbox'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdSelectMultipleGroup,
+    serializeShadowRoot,
+});
+export const SdSelectOption = /*@__PURE__*/ createComponent({
+    tagName: 'sd-select-option',
+    properties: {
+        index: 'index',
+        isSelected: 'is-selected',
+        isFocused: 'is-focused',
+        disabled: 'disabled',
+        useCheckbox: 'use-checkbox'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdSelectOption,
+    serializeShadowRoot,
+});
+export const SdSelectOptionGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sd-select-option-group',
+    properties: {
+        index: 'index',
+        isSelected: 'is-selected',
+        isFocused: 'is-focused',
+        disabled: 'disabled',
+        useCheckbox: 'use-checkbox',
+        useIndicator: 'use-indicator'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdSelectOptionGroup,
+    serializeShadowRoot,
+});
+export const SdTable = /*@__PURE__*/ createComponent({
+    tagName: 'sd-table',
+    properties: {
+        rowKey: 'row-key',
+        selectable: 'selectable',
+        resizable: 'resizable',
+        width: 'width',
+        height: 'height',
+        stickyHeader: 'sticky-header',
+        noDataLabel: 'no-data-label'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdTable,
+    serializeShadowRoot,
+});
+export const SdTag = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tag',
+    properties: {
+        size: 'size',
+        color: 'color',
+        rounded: 'rounded',
+        label: 'label',
+        bgColor: 'bg-color',
+        textColor: 'text-color'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdTag,
+    serializeShadowRoot,
+});
+export const SdTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tooltip',
+    properties: {
+        trigger: 'trigger',
+        placement: 'placement',
+        color: 'color',
+        type: 'type',
+        icon: 'icon',
+        iconSize: 'icon-size',
+        label: 'label',
+        buttonSize: 'button-size',
+        buttonVariant: 'button-variant',
+        noHover: 'no-hover',
+        useClose: 'use-close'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdTooltip,
+    serializeShadowRoot,
+});
+export const SdTooltipPortal = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tooltip-portal',
+    properties: {
+        to: 'to',
+        zIndex: 'z-index',
+        placement: 'placement',
+        open: 'open'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdTooltipPortal,
+    serializeShadowRoot,
+});