@sellmate/design-system-react 0.0.49 → 0.0.51

package/dist/components/sd-select-option.server.js

@@ -0,0 +1,22 @@
+/**
+ * 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 */
+// @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 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,
+});

package/dist/components/sd-select.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+import { type SdSelectCustomEvent, type SelectEvents } from "@sellmate/design-system";
+import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdSelectEvents = {
+    onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
+    onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
+};
+export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;

package/dist/components/sd-select.js

@@ -0,0 +1,15 @@
+'use client';
+import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdSelect = /*@__PURE__*/ createComponent({
+    tagName: 'sd-select',
+    elementClass: SdSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdChange: 'sdChange',
+        onDropDownShow: 'dropDownShow'
+    },
+    defineCustomElement: defineSdSelect
+});

package/dist/components/sd-select.server.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+import { type SdSelectCustomEvent, type SelectEvents } from "@sellmate/design-system";
+import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+export declare const serializeShadowRoot: SerializeShadowRootOptions;
+export type SdSelectEvents = {
+    onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
+    onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
+};
+export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;

package/dist/components/sd-select.server.js

@@ -0,0 +1,26 @@
+/**
+ * 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 */
+// @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 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,
+});

package/dist/components/sd-table.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+import { type Row, type SdTableCustomEvent } from "@sellmate/design-system";
+import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdTableEvents = {
+    onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
+    onSdPageChange: EventName<CustomEvent<number>>;
+};
+export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;

package/dist/components/sd-table.js

@@ -0,0 +1,15 @@
+'use client';
+import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdTable = /*@__PURE__*/ createComponent({
+    tagName: 'sd-table',
+    elementClass: SdTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdSelectChange: 'sdSelectChange',
+        onSdPageChange: 'sdPageChange'
+    },
+    defineCustomElement: defineSdTable
+});

package/dist/components/sd-table.server.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+import { type Row, type SdTableCustomEvent } from "@sellmate/design-system";
+import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+export declare const serializeShadowRoot: SerializeShadowRootOptions;
+export type SdTableEvents = {
+    onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
+    onSdPageChange: EventName<CustomEvent<number>>;
+};
+export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;

package/dist/components/sd-table.server.js

@@ -0,0 +1,24 @@
+/**
+ * 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 */
+// @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 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,
+});

package/dist/components/sd-tag.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdTagEvents = NonNullable<unknown>;
+export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;

package/dist/components/sd-tag.js

@@ -0,0 +1,17 @@
+'use client';
+/**
+ * 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 */
+import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdTag = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tag',
+    elementClass: SdTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdTag
+});

package/dist/components/sd-tag.server.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+export declare const serializeShadowRoot: SerializeShadowRootOptions;
+export type SdTagEvents = NonNullable<unknown>;
+export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;

package/dist/components/sd-tag.server.js

@@ -0,0 +1,23 @@
+/**
+ * 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 */
+// @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 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,
+});

package/dist/components/sd-tooltip-portal.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdTooltipPortalEvents = {
+    onSdClose: EventName<CustomEvent<void>>;
+};
+export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;

package/dist/components/sd-tooltip-portal.js

@@ -0,0 +1,17 @@
+'use client';
+/**
+ * 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 */
+import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdTooltipPortal = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tooltip-portal',
+    elementClass: SdTooltipPortalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdClose: 'sdClose' },
+    defineCustomElement: defineSdTooltipPortal
+});

package/dist/components/sd-tooltip-portal.server.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+export declare const serializeShadowRoot: SerializeShadowRootOptions;
+export type SdTooltipPortalEvents = {
+    onSdClose: EventName<CustomEvent<void>>;
+};
+export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;

package/dist/components/sd-tooltip-portal.server.js

@@ -0,0 +1,21 @@
+/**
+ * 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 */
+// @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 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,
+});

package/dist/components/sd-tooltip.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdTooltipEvents = NonNullable<unknown>;
+export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;

package/dist/components/sd-tooltip.js

@@ -0,0 +1,17 @@
+'use client';
+/**
+ * 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 */
+import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tooltip',
+    elementClass: SdTooltipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdTooltip
+});

package/dist/components/sd-tooltip.server.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+export declare const serializeShadowRoot: SerializeShadowRootOptions;
+export type SdTooltipEvents = NonNullable<unknown>;
+export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;

package/dist/components/sd-tooltip.server.js

@@ -0,0 +1,27 @@
+/**
+ * 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 */
+// @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 SdTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tooltip',
+    properties: {
+        trigger: 'trigger',
+        placement: 'placement',
+        color: 'color',
+        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,
+});

package/lib/components/sd-badge.server.ts

@@ -0,0 +1,29 @@
+/**
+ * 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 */
+
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+
+import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type SdBadgeEvents = NonNullable<unknown>;
+
+export const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents> = /*@__PURE__*/ createComponent<SdBadgeElement, SdBadgeEvents>({
+    tagName: 'sd-badge',
+    properties: {
+        size: 'size',
+        color: 'color',
+        label: 'label'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
+    clientModule: clientComponents.SdBadge as ReactWebComponent<SdBadgeElement, SdBadgeEvents>,
+    serializeShadowRoot,
+});

package/lib/components/sd-badge.ts

@@ -0,0 +1,24 @@
+'use client';
+
+/**
+ * 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 */
+
+import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+export type SdBadgeEvents = NonNullable<unknown>;
+
+export const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents> = /*@__PURE__*/ createComponent<SdBadgeElement, SdBadgeEvents>({
+    tagName: 'sd-badge',
+    elementClass: SdBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdBadgeEvents,
+    defineCustomElement: defineSdBadge
+});

package/lib/components/sd-button.server.ts

@@ -0,0 +1,39 @@
+/**
+ * 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 */
+
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+
+import { type SdButtonCustomEvent } from "@sellmate/design-system";
+import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type SdButtonEvents = { onSdClick: EventName<SdButtonCustomEvent<MouseEvent>> };
+
+export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents> = /*@__PURE__*/ createComponent<SdButtonElement, SdButtonEvents>({
+    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') as Promise<HydrateModule>,
+    clientModule: clientComponents.SdButton as ReactWebComponent<SdButtonElement, SdButtonEvents>,
+    serializeShadowRoot,
+});

package/lib/components/sd-button.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * 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 */
+
+import { type SdButtonCustomEvent } from "@sellmate/design-system";
+import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+export type SdButtonEvents = { onSdClick: EventName<SdButtonCustomEvent<MouseEvent>> };
+
+export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents> = /*@__PURE__*/ createComponent<SdButtonElement, SdButtonEvents>({
+    tagName: 'sd-button',
+    elementClass: SdButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdClick: 'sdClick' } as SdButtonEvents,
+    defineCustomElement: defineSdButton
+});

package/lib/components/sd-card.server.ts

@@ -0,0 +1,28 @@
+/**
+ * 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 */
+
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+
+import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type SdCardEvents = NonNullable<unknown>;
+
+export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
+    tagName: 'sd-card',
+    properties: {
+        bordered: 'bordered',
+        class: 'class'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
+    clientModule: clientComponents.SdCard as ReactWebComponent<SdCardElement, SdCardEvents>,
+    serializeShadowRoot,
+});

package/lib/components/sd-card.ts

@@ -0,0 +1,24 @@
+'use client';
+
+/**
+ * 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 */
+
+import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+export type SdCardEvents = NonNullable<unknown>;
+
+export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
+    tagName: 'sd-card',
+    elementClass: SdCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdCardEvents,
+    defineCustomElement: defineSdCard
+});

package/lib/components/sd-checkbox.server.ts

@@ -0,0 +1,31 @@
+/**
+ * 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 */
+
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+
+import { type CheckedType, type SdCheckboxCustomEvent } from "@sellmate/design-system";
+import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type SdCheckboxEvents = { onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>> };
+
+export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents> = /*@__PURE__*/ createComponent<SdCheckboxElement, SdCheckboxEvents>({
+    tagName: 'sd-checkbox',
+    properties: {
+        checked: 'checked',
+        val: 'val',
+        disabled: 'disabled',
+        label: 'label'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
+    clientModule: clientComponents.SdCheckbox as ReactWebComponent<SdCheckboxElement, SdCheckboxEvents>,
+    serializeShadowRoot,
+});

package/lib/components/sd-checkbox.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * 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 */
+
+import { type CheckedType, type SdCheckboxCustomEvent } from "@sellmate/design-system";
+import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+export type SdCheckboxEvents = { onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>> };
+
+export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents> = /*@__PURE__*/ createComponent<SdCheckboxElement, SdCheckboxEvents>({
+    tagName: 'sd-checkbox',
+    elementClass: SdCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdChange: 'sdChange' } as SdCheckboxEvents,
+    defineCustomElement: defineSdCheckbox
+});

package/lib/components/sd-date-box.server.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 */
+
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+
+import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type SdDateBoxEvents = {
+    onSdClick: EventName<CustomEvent<number | string | null>>,
+    onSdMouseOver: EventName<CustomEvent<number | string | null>>
+};
+
+export const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents> = /*@__PURE__*/ createComponent<SdDateBoxElement, SdDateBoxEvents>({
+    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') as Promise<HydrateModule>,
+    clientModule: clientComponents.SdDateBox as ReactWebComponent<SdDateBoxElement, SdDateBoxEvents>,
+    serializeShadowRoot,
+});