@sellmate/design-system-react 0.0.11 → 0.0.13

package/dist/components/components.d.ts

@@ -2,91 +2,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.
  */
-import { type Row, type SdButtonCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectOptionCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectOption } from "@sellmate/design-system";
-import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
-import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
-import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
-import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
-import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
-import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
-import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
-import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
-import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
-import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
-import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
-import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
-import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
-import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
-import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
-import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
-import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-export type SdButtonEvents = {
-    onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
-};
-export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents>;
-export type SdCheckboxEvents = {
-    onSdChange: EventName<CustomEvent<any | any[]>>;
-};
-export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
-export type SdDateBoxEvents = {
-    onSdClick: EventName<CustomEvent<number | string | null>>;
-    onSdMouseOver: EventName<CustomEvent<number | string | null>>;
-};
-export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;
-export type SdDatePickerEvents = {
-    onSdChange: EventName<CustomEvent<string | null>>;
-};
-export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;
-export type SdDateRangePickerEvents = {
-    onSdChange: EventName<CustomEvent<[string, string]>>;
-};
-export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
-export type SdGuideEvents = NonNullable<unknown>;
-export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
-export type SdIconEvents = NonNullable<unknown>;
-export declare const SdIcon: StencilReactComponent<SdIconElement, SdIconEvents>;
-export type SdInputEvents = {
-    onSdClick: EventName<CustomEvent<string | number | null>>;
-    onSdInput: EventName<CustomEvent<string | number | null>>;
-    onSdChange: EventName<CustomEvent<string | number | null>>;
-    onSdFocus: EventName<SdInputCustomEvent<Event>>;
-    onSdBlur: EventName<SdInputCustomEvent<Event>>;
-};
-export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
-export type SdPaginationEvents = {
-    onPageChange: EventName<CustomEvent<number>>;
-};
-export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents>;
-export type SdPopoverEvents = NonNullable<unknown>;
-export declare const SdPopover: StencilReactComponent<SdPopoverElement, SdPopoverEvents>;
-export type SdPortalEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
-};
-export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
-export type SdSelectEvents = {
-    onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
-    onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
-};
-export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
-export type SdSelectOptionEvents = {
-    onOptionClick: EventName<SdSelectOptionCustomEvent<{
-        option: SelectOption;
-        index: number;
-        event: MouseEvent;
-    }>>;
-};
-export declare const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents>;
-export type SdTableEvents = {
-    onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
-    onSdPageChange: EventName<CustomEvent<number>>;
-};
-export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
-export type SdTagEvents = NonNullable<unknown>;
-export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
-export type SdTooltipEvents = NonNullable<unknown>;
-export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
-export type SdTooltipPortalEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
-};
-export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;
+export { SdBadge } from "./sd-badge.js";
+export { SdButton } from "./sd-button.js";
+export { SdCheckbox } from "./sd-checkbox.js";
+export { SdDateBox } from "./sd-date-box.js";
+export { SdDatePicker } from "./sd-date-picker.js";
+export { SdDateRangePicker } from "./sd-date-range-picker.js";
+export { SdGuide } from "./sd-guide.js";
+export { SdIcon } from "./sd-icon.js";
+export { SdInput } from "./sd-input.js";
+export { SdPagination } from "./sd-pagination.js";
+export { SdPopover } from "./sd-popover.js";
+export { SdPortal } from "./sd-portal.js";
+export { SdSelectOption } from "./sd-select-option.js";
+export { SdSelect } from "./sd-select.js";
+export { SdTable } from "./sd-table.js";
+export { SdTag } from "./sd-tag.js";
+export { SdTooltipPortal } from "./sd-tooltip-portal.js";
+export { SdTooltip } from "./sd-tooltip.js";

package/dist/components/components.js

@@ -1,171 +1,23 @@
-'use client';
-import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
-import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
-import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
-import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
-import { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
-import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
-import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
-import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
-import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
-import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
-import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
-import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
-import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
-import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
-import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
-import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
-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 SdButton = /*@__PURE__*/ createComponent({
-    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' },
-    defineCustomElement: defineSdButton
-});
-export const SdCheckbox = /*@__PURE__*/ createComponent({
-    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' },
-    defineCustomElement: defineSdCheckbox
-});
-export const SdDateBox = /*@__PURE__*/ createComponent({
-    tagName: 'sd-date-box',
-    elementClass: SdDateBoxElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onSdClick: 'sdClick',
-        onSdMouseOver: 'sdMouseOver'
-    },
-    defineCustomElement: defineSdDateBox
-});
-export const SdDatePicker = /*@__PURE__*/ createComponent({
-    tagName: 'sd-date-picker',
-    elementClass: SdDatePickerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSdChange: 'sdChange' },
-    defineCustomElement: defineSdDatePicker
-});
-export const SdDateRangePicker = /*@__PURE__*/ createComponent({
-    tagName: 'sd-date-range-picker',
-    elementClass: SdDateRangePickerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSdChange: 'sdChange' },
-    defineCustomElement: defineSdDateRangePicker
-});
-export const SdGuide = /*@__PURE__*/ createComponent({
-    tagName: 'sd-guide',
-    elementClass: SdGuideElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineSdGuide
-});
-export const SdIcon = /*@__PURE__*/ createComponent({
-    tagName: 'sd-icon',
-    elementClass: SdIconElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineSdIcon
-});
-export const SdInput = /*@__PURE__*/ createComponent({
-    tagName: 'sd-input',
-    elementClass: SdInputElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onSdClick: 'sdClick',
-        onSdInput: 'sdInput',
-        onSdChange: 'sdChange',
-        onSdFocus: 'sdFocus',
-        onSdBlur: 'sdBlur'
-    },
-    defineCustomElement: defineSdInput
-});
-export const SdPagination = /*@__PURE__*/ createComponent({
-    tagName: 'sd-pagination',
-    elementClass: SdPaginationElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onPageChange: 'pageChange' },
-    defineCustomElement: defineSdPagination
-});
-export const SdPopover = /*@__PURE__*/ createComponent({
-    tagName: 'sd-popover',
-    elementClass: SdPopoverElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineSdPopover
-});
-export const SdPortal = /*@__PURE__*/ createComponent({
-    tagName: 'sd-portal',
-    elementClass: SdPortalElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSdClose: 'sdClose' },
-    defineCustomElement: defineSdPortal
-});
-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
-});
-export const SdSelectOption = /*@__PURE__*/ createComponent({
-    tagName: 'sd-select-option',
-    elementClass: SdSelectOptionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onOptionClick: 'optionClick' },
-    defineCustomElement: defineSdSelectOption
-});
-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
-});
-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
-});
-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
-});
-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
-});
+/**
+ * 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.js";
+export { SdButton } from "./sd-button.js";
+export { SdCheckbox } from "./sd-checkbox.js";
+export { SdDateBox } from "./sd-date-box.js";
+export { SdDatePicker } from "./sd-date-picker.js";
+export { SdDateRangePicker } from "./sd-date-range-picker.js";
+export { SdGuide } from "./sd-guide.js";
+export { SdIcon } from "./sd-icon.js";
+export { SdInput } from "./sd-input.js";
+export { SdPagination } from "./sd-pagination.js";
+export { SdPopover } from "./sd-popover.js";
+export { SdPortal } from "./sd-portal.js";
+export { SdSelectOption } from "./sd-select-option.js";
+export { SdSelect } from "./sd-select.js";
+export { SdTable } from "./sd-table.js";
+export { SdTag } from "./sd-tag.js";
+export { SdTooltipPortal } from "./sd-tooltip-portal.js";
+export { SdTooltip } from "./sd-tooltip.js";

package/dist/components/sd-badge.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 { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdBadgeEvents = NonNullable<unknown>;
+export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;

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

package/dist/components/sd-badge.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 { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.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 SdBadgeEvents = NonNullable<unknown>;
+export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;

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

@@ -0,0 +1,20 @@
+/**
+ * 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 SdBadge = /*@__PURE__*/ createComponent({
+    tagName: 'sd-badge',
+    properties: {
+        size: 'size',
+        color: 'color',
+        label: 'label'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdBadge,
+    serializeShadowRoot,
+});

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

@@ -0,0 +1,11 @@
+/**
+ * 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 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';
+export type SdButtonEvents = {
+    onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
+};
+export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents>;

package/dist/components/sd-button.js

@@ -0,0 +1,12 @@
+'use client';
+import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdButton = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineSdButton
+});

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

@@ -0,0 +1,13 @@
+/**
+ * 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 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 { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+export declare const serializeShadowRoot: SerializeShadowRootOptions;
+export type SdButtonEvents = {
+    onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
+};
+export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents>;

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

@@ -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 { createComponent } from '@stencil/react-output-target/ssr';
+export const serializeShadowRoot = { default: "declarative-shadow-dom" };
+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'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdButton,
+    serializeShadowRoot,
+});

package/dist/components/sd-checkbox.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 { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdCheckboxEvents = {
+    onSdChange: EventName<CustomEvent<any | any[]>>;
+};
+export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;

package/dist/components/sd-checkbox.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 { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdCheckbox = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineSdCheckbox
+});

package/dist/components/sd-checkbox.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 { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.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 SdCheckboxEvents = {
+    onSdChange: EventName<CustomEvent<any | any[]>>;
+};
+export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;

package/dist/components/sd-checkbox.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 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,
+});

package/dist/components/sd-date-box.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdDateBoxEvents = {
+    onSdClick: EventName<CustomEvent<number | string | null>>;
+    onSdMouseOver: EventName<CustomEvent<number | string | null>>;
+};
+export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;

package/dist/components/sd-date-box.js

@@ -0,0 +1,20 @@
+'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 { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdDateBox = /*@__PURE__*/ createComponent({
+    tagName: 'sd-date-box',
+    elementClass: SdDateBoxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdClick: 'sdClick',
+        onSdMouseOver: 'sdMouseOver'
+    },
+    defineCustomElement: defineSdDateBox
+});

package/dist/components/sd-date-box.server.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.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 SdDateBoxEvents = {
+    onSdClick: EventName<CustomEvent<number | string | null>>;
+    onSdMouseOver: EventName<CustomEvent<number | string | null>>;
+};
+export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;

package/dist/components/sd-date-box.server.js

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

package/dist/components/sd-date-picker.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 { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdDatePickerEvents = {
+    onSdChange: EventName<CustomEvent<string | null>>;
+};
+export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;

package/dist/components/sd-date-picker.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 { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdDatePicker = /*@__PURE__*/ createComponent({
+    tagName: 'sd-date-picker',
+    elementClass: SdDatePickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdChange: 'sdChange' },
+    defineCustomElement: defineSdDatePicker
+});

package/dist/components/sd-date-picker.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 { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.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 SdDatePickerEvents = {
+    onSdChange: EventName<CustomEvent<string | null>>;
+};
+export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;