@sellmate/design-system-react 0.0.23 → 0.0.26

package/lib/components/components.ts

@@ -1,28 +1,332 @@
+'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 */
-export { SdBadge } from "./sd-badge.js";
-export { SdButton } from "./sd-button.js";
-export { SdCard } from "./sd-card.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 { SdSelectMultipleGroup } from "./sd-select-multiple-group.js";
-export { SdSelectMultiple } from "./sd-select-multiple.js";
-export { SdSelectOptionGroup } from "./sd-select-option-group.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";
+
+import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
+import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
+import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
+import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.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 { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
+import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
+import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.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 type { EventName, 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
+});
+
+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
+});
+
+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
+});
+
+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
+});
+
+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',
+    elementClass: SdDateBoxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdClick: 'sdClick',
+        onSdMouseOver: 'sdMouseOver'
+    } as SdDateBoxEvents,
+    defineCustomElement: defineSdDateBox
+});
+
+export type SdDatePickerEvents = { onSdChange: EventName<CustomEvent<string | null>> };
+
+export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents> = /*@__PURE__*/ createComponent<SdDatePickerElement, SdDatePickerEvents>({
+    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' } as SdDatePickerEvents,
+    defineCustomElement: defineSdDatePicker
+});
+
+export type SdDateRangePickerEvents = { onSdChange: EventName<CustomEvent<[string, string]>> };
+
+export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents> = /*@__PURE__*/ createComponent<SdDateRangePickerElement, SdDateRangePickerEvents>({
+    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' } as SdDateRangePickerEvents,
+    defineCustomElement: defineSdDateRangePicker
+});
+
+export type SdGuideEvents = NonNullable<unknown>;
+
+export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@__PURE__*/ createComponent<SdGuideElement, SdGuideEvents>({
+    tagName: 'sd-guide',
+    elementClass: SdGuideElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdGuideEvents,
+    defineCustomElement: defineSdGuide
+});
+
+export type SdIconEvents = NonNullable<unknown>;
+
+export const SdIcon: StencilReactComponent<SdIconElement, SdIconEvents> = /*@__PURE__*/ createComponent<SdIconElement, SdIconEvents>({
+    tagName: 'sd-icon',
+    elementClass: SdIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdIconEvents,
+    defineCustomElement: defineSdIcon
+});
+
+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 const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@__PURE__*/ createComponent<SdInputElement, SdInputEvents>({
+    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'
+    } as SdInputEvents,
+    defineCustomElement: defineSdInput
+});
+
+export type SdPaginationEvents = { onPageChange: EventName<CustomEvent<number>> };
+
+export const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents> = /*@__PURE__*/ createComponent<SdPaginationElement, SdPaginationEvents>({
+    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' } as SdPaginationEvents,
+    defineCustomElement: defineSdPagination
+});
+
+export type SdPopoverEvents = NonNullable<unknown>;
+
+export const SdPopover: StencilReactComponent<SdPopoverElement, SdPopoverEvents> = /*@__PURE__*/ createComponent<SdPopoverElement, SdPopoverEvents>({
+    tagName: 'sd-popover',
+    elementClass: SdPopoverElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdPopoverEvents,
+    defineCustomElement: defineSdPopover
+});
+
+export type SdPortalEvents = { onSdClose: EventName<CustomEvent<void>> };
+
+export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> = /*@__PURE__*/ createComponent<SdPortalElement, SdPortalEvents>({
+    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' } as SdPortalEvents,
+    defineCustomElement: defineSdPortal
+});
+
+export type SdSelectEvents = {
+    onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
+    onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
+};
+
+export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> = /*@__PURE__*/ createComponent<SdSelectElement, SdSelectEvents>({
+    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'
+    } as SdSelectEvents,
+    defineCustomElement: defineSdSelect
+});
+
+export type SdSelectMultipleEvents = {
+    onSdChange: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>>,
+    onDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
+};
+
+export const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleElement, SdSelectMultipleEvents>({
+    tagName: 'sd-select-multiple',
+    elementClass: SdSelectMultipleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdChange: 'sdChange',
+        onDropDownShow: 'dropDownShow'
+    } as SdSelectMultipleEvents,
+    defineCustomElement: defineSdSelectMultiple
+});
+
+export type SdSelectMultipleGroupEvents = {
+    onSdChange: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdChange']>>,
+    onDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>
+};
+
+export const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>({
+    tagName: 'sd-select-multiple-group',
+    elementClass: SdSelectMultipleGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdChange: 'sdChange',
+        onDropDownShow: 'dropDownShow'
+    } as SdSelectMultipleGroupEvents,
+    defineCustomElement: defineSdSelectMultipleGroup
+});
+
+export type SdSelectOptionEvents = {
+    onOptionClick: EventName<SdSelectOptionCustomEvent<{
+        option: SelectOption;
+        index: number;
+        event: MouseEvent;
+    }>>
+};
+
+export const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents> = /*@__PURE__*/ createComponent<SdSelectOptionElement, SdSelectOptionEvents>({
+    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' } as SdSelectOptionEvents,
+    defineCustomElement: defineSdSelectOption
+});
+
+export type SdSelectOptionGroupEvents = {
+    onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
+        option: SelectOptionGroup;
+        isSelected: boolean | null;
+        index: number;
+        event: MouseEvent;
+    }>>
+};
+
+export const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents> = /*@__PURE__*/ createComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>({
+    tagName: 'sd-select-option-group',
+    elementClass: SdSelectOptionGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onOptionClick: 'optionClick' } as SdSelectOptionGroupEvents,
+    defineCustomElement: defineSdSelectOptionGroup
+});
+
+export type SdTableEvents = {
+    onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>,
+    onSdPageChange: EventName<CustomEvent<number>>
+};
+
+export const SdTable: StencilReactComponent<SdTableElement, SdTableEvents> = /*@__PURE__*/ createComponent<SdTableElement, SdTableEvents>({
+    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'
+    } as SdTableEvents,
+    defineCustomElement: defineSdTable
+});
+
+export type SdTagEvents = NonNullable<unknown>;
+
+export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
+    tagName: 'sd-tag',
+    elementClass: SdTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdTagEvents,
+    defineCustomElement: defineSdTag
+});
+
+export type SdTooltipEvents = NonNullable<unknown>;
+
+export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
+    tagName: 'sd-tooltip',
+    elementClass: SdTooltipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdTooltipEvents,
+    defineCustomElement: defineSdTooltip
+});
+
+export type SdTooltipPortalEvents = { onSdClose: EventName<CustomEvent<void>> };
+
+export const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents> = /*@__PURE__*/ createComponent<SdTooltipPortalElement, SdTooltipPortalEvents>({
+    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' } as SdTooltipPortalEvents,
+    defineCustomElement: defineSdTooltipPortal
+});

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-react",
- "version": "0.0.23",
+ "version": "0.0.26",
  "description": "Design System - React Component Wrappers",
  "keywords": [
   "react",
@@ -32,7 +32,8 @@
   },
   "./next": {
    "types": "./dist/components/components.server.d.ts",
-   "import": "./dist/components/components.server.js"
+   "import": "./dist/components/components.server.js",
+   "require": "./dist/components/components.server.js"
   }
  },
  "directories": {
@@ -53,7 +54,7 @@
   "dev": "tsc --watch"
  },
  "dependencies": {
-  "@sellmate/design-system": "^0.0.18",
+  "@sellmate/design-system": "^0.0.21",
   "@stencil/react-output-target": "^1.2.0"
  },
  "peerDependencies": {
@@ -67,5 +68,5 @@
   "rimraf": "^6.0.1",
   "typescript": "^5.9.3"
  },
- "gitHead": "73ed23ebe16ac99135bdb4b3075a3c9d18ff7988"
+ "gitHead": "3232efb342ad9215fb626d50837092dc047b5c5f"
 }