@sellmate/design-system-react 0.0.11 → 0.0.13

package/dist/components/sd-date-picker.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 SdDatePicker = /*@__PURE__*/ createComponent({
+    tagName: 'sd-date-picker',
+    properties: {
+        date: 'date',
+        label: 'label',
+        disabled: 'disabled'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdDatePicker,
+    serializeShadowRoot,
+});

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

package/dist/components/sd-date-range-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 { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

package/dist/components/sd-date-range-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 { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-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 SdDateRangePickerEvents = {
+    onSdChange: EventName<CustomEvent<[string, string]>>;
+};
+export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;

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

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

package/dist/components/sd-guide.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 { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

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

package/dist/components/sd-guide.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 SdGuide = /*@__PURE__*/ createComponent({
+    tagName: 'sd-guide',
+    properties: {
+        type: 'type',
+        popupTitle: 'popup-title',
+        message: 'message',
+        guideUrl: 'guide-url',
+        popupWidth: 'popup-width'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdGuide,
+    serializeShadowRoot,
+});

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

package/dist/components/sd-icon.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 { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

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

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

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

@@ -0,0 +1,15 @@
+/**
+ * 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 SdInputCustomEvent } from "@sellmate/design-system";
+import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+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>;

package/dist/components/sd-input.js

@@ -0,0 +1,18 @@
+'use client';
+import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

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

@@ -0,0 +1,17 @@
+/**
+ * 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 SdInputCustomEvent } from "@sellmate/design-system";
+import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.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 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>;

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

package/dist/components/sd-pagination.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 { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdPaginationEvents = {
+    onPageChange: EventName<CustomEvent<number>>;
+};
+export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents>;

package/dist/components/sd-pagination.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 { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

package/dist/components/sd-pagination.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 { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.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 SdPaginationEvents = {
+    onPageChange: EventName<CustomEvent<number>>;
+};
+export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents>;

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

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

package/dist/components/sd-popover.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 { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

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

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

@@ -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 { createComponent } from '@stencil/react-output-target/ssr';
+export const serializeShadowRoot = { default: "declarative-shadow-dom" };
+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,
+});

package/dist/components/sd-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 { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdPortalEvents = {
+    onSdClose: EventName<CustomEvent<void>>;
+};
+export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;

package/dist/components/sd-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 { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

package/dist/components/sd-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 { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-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 SdPortalEvents = {
+    onSdClose: EventName<CustomEvent<void>>;
+};
+export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;

package/dist/components/sd-portal.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 SdPortal = /*@__PURE__*/ createComponent({
+    tagName: 'sd-portal',
+    properties: {
+        to: 'to',
+        zIndex: 'z-index',
+        open: 'open'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdPortal,
+    serializeShadowRoot,
+});

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

@@ -0,0 +1,15 @@
+/**
+ * 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 SdSelectOptionCustomEvent, type SelectOption } from "@sellmate/design-system";
+import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdSelectOptionEvents = {
+    onOptionClick: EventName<SdSelectOptionCustomEvent<{
+        option: SelectOption;
+        index: number;
+        event: MouseEvent;
+    }>>;
+};
+export declare const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents>;

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

@@ -0,0 +1,12 @@
+'use client';
+import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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
+});

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

@@ -0,0 +1,17 @@
+/**
+ * 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 SdSelectOptionCustomEvent, type SelectOption } from "@sellmate/design-system";
+import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.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 SdSelectOptionEvents = {
+    onOptionClick: EventName<SdSelectOptionCustomEvent<{
+        option: SelectOption;
+        index: number;
+        event: MouseEvent;
+    }>>;
+};
+export declare const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents>;

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>;