@sellmate/design-system-react 0.0.52 → 0.0.54

package/README.md

@@ -1,57 +1,57 @@
-# Sellmate Design System - React
-
-React component wrappers for Sellmate Design System built with Stencil web components.
-
-## Installation
-
-```bash
-npm install @sellmate/design-system-react
-```
-
-or
-
-```bash
-yarn add @sellmate/design-system-react
-```
-
-## Quick Start
-
-### Basic Setup
-
-```tsx
-import { SdButton } from '@sellmate/design-system-react';
-
-export function App() {
-  return (
-    <SdButton 
-      label="Click me" 
-      onClick={() => console.log('clicked')}
-    >
-    </SdButton>
-  );
-}
-```
-
-## Available Components
-
-- `SdButton` - Button component
-- `SdInput` - Input component
-- `SdCheckbox` - Checkbox component
-- `SdSelect` - Select dropdown component
-- `SdTable` - Table component
-- `SdTag` - Tag component
-- `SdIcon` - Icon component
-- `SdTooltip` - Tooltip component
-- `SdPopover` - Popover component
-- `SdDatePicker` - Date picker component
-- `SdDateRangePicker` - Date range picker component
-- `SdPagination` - Pagination component
-
-## Requirements
-
-- React 16.8.0 or higher
-- React DOM 16.8.0 or higher
-
-## License
-
-MIT
+# Sellmate Design System - React
+
+React component wrappers for Sellmate Design System built with Stencil web components.
+
+## Installation
+
+```bash
+npm install @sellmate/design-system-react
+```
+
+or
+
+```bash
+yarn add @sellmate/design-system-react
+```
+
+## Quick Start
+
+### Basic Setup
+
+```tsx
+import { SdButton } from '@sellmate/design-system-react';
+
+export function App() {
+  return (
+    <SdButton 
+      label="Click me" 
+      onClick={() => console.log('clicked')}
+    >
+    </SdButton>
+  );
+}
+```
+
+## Available Components
+
+- `SdButton` - Button component
+- `SdInput` - Input component
+- `SdCheckbox` - Checkbox component
+- `SdSelect` - Select dropdown component
+- `SdTable` - Table component
+- `SdTag` - Tag component
+- `SdIcon` - Icon component
+- `SdTooltip` - Tooltip component
+- `SdPopover` - Popover component
+- `SdDatePicker` - Date picker component
+- `SdDateRangePicker` - Date range picker component
+- `SdPagination` - Pagination component
+
+## Requirements
+
+- React 16.8.0 or higher
+- React DOM 16.8.0 or higher
+
+## License
+
+MIT

package/dist/components/components.server.js

@@ -333,9 +333,8 @@ export const SdTableBackup = /*@__PURE__*/ createComponent({
         isLoading: 'is-loading',
         useInternalPagination: 'use-internal-pagination',
         useRowsPerPageSelect: 'use-rows-per-page-select',
-        useVirtualScroll: 'use-virtual-scroll',
         virtualRowHeight: 'virtual-row-height',
-        virtualBufferSize: 'virtual-buffer-size'
+        virtualColumnWidth: 'virtual-column-width'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdTableBackup,

package/lib/components/components.server.ts

@@ -480,9 +480,8 @@ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableB
         isLoading: 'is-loading',
         useInternalPagination: 'use-internal-pagination',
         useRowsPerPageSelect: 'use-rows-per-page-select',
-        useVirtualScroll: 'use-virtual-scroll',
         virtualRowHeight: 'virtual-row-height',
-        virtualBufferSize: 'virtual-buffer-size'
+        virtualColumnWidth: 'virtual-column-width'
     },
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdTableBackup as ReactWebComponent<SdTableBackupElement, SdTableBackupEvents>,

package/lib/index.ts

@@ -1,11 +1,11 @@
-'use strict';
-
-export * from './components/components.js';
-export { defineCustomElements } from '@sellmate/design-system/loader';
-
-// Export sd-table types for React usage
-export type {
- SdTableSortDir,
- SdTableColumn,
- Row as SdTableRow,
-} from '@sellmate/design-system';
+'use strict';
+
+export * from './components/components.js';
+export { defineCustomElements } from '@sellmate/design-system/loader';
+
+// Export sd-table types for React usage
+export type {
+ SdTableSortDir,
+ SdTableColumn,
+ Row as SdTableRow,
+} from '@sellmate/design-system';

package/package.json

@@ -1,72 +1,71 @@
-{
- "name": "@sellmate/design-system-react",
- "version": "0.0.52",
- "description": "Design System - React Component Wrappers",
- "keywords": [
-  "react",
-  "web-components",
-  "design-system",
-  "ui-library"
- ],
- "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
- "repository": {
-  "type": "git",
-  "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
- },
- "bugs": {
-  "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
- },
- "license": "MIT",
- "author": {
-  "name": "MeeKyeong Kim",
-  "email": "kmeijjing@gmail.com"
- },
- "main": "dist/index.js",
- "module": "dist/index.js",
- "types": "dist/index.d.ts",
- "exports": {
-  ".": {
-   "types": "./dist/index.d.ts",
-   "import": "./dist/index.js",
-   "require": "./dist/index.js"
-  },
-  "./next": {
-   "types": "./dist/components/components.server.d.ts",
-   "import": "./dist/components/components.server.js",
-   "require": "./dist/components/components.server.js"
-  }
- },
- "directories": {
-  "lib": "lib",
-  "test": "__tests__"
- },
- "files": [
-  "dist",
-  "lib"
- ],
- "publishConfig": {
-  "access": "public"
- },
- "scripts": {
-  "prebuild": "rimraf dist",
-  "build": "tsc",
-  "clean": "rimraf lib dist",
-  "dev": "tsc --watch"
- },
- "dependencies": {
-  "@sellmate/design-system": "^0.0.46",
-  "@stencil/react-output-target": "^1.2.0"
- },
- "peerDependencies": {
-  "react": ">=16.8.0",
-  "react-dom": ">=16.8.0"
- },
- "devDependencies": {
-  "@types/react": "^19.2.2",
-  "react": "^19.2.0",
-  "react-dom": "^19.2.0",
-  "rimraf": "^6.0.1",
-  "typescript": "^5.9.3"
- },
- "gitHead": "946db9f6e4be37f995d11b0017a3c838e063621d"
-}
+{
+ "name": "@sellmate/design-system-react",
+ "version": "0.0.54",
+ "description": "Design System - React Component Wrappers",
+ "keywords": [
+  "react",
+  "web-components",
+  "design-system",
+  "ui-library"
+ ],
+ "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
+ "repository": {
+  "type": "git",
+  "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
+ },
+ "bugs": {
+  "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
+ },
+ "license": "MIT",
+ "author": {
+  "name": "MeeKyeong Kim",
+  "email": "kmeijjing@gmail.com"
+ },
+ "main": "dist/index.js",
+ "module": "dist/index.js",
+ "types": "dist/index.d.ts",
+ "exports": {
+  ".": {
+   "types": "./dist/index.d.ts",
+   "import": "./dist/index.js",
+   "require": "./dist/index.js"
+  },
+  "./next": {
+   "types": "./dist/components/components.server.d.ts",
+   "import": "./dist/components/components.server.js",
+   "require": "./dist/components/components.server.js"
+  }
+ },
+ "directories": {
+  "lib": "lib",
+  "test": "__tests__"
+ },
+ "files": [
+  "dist",
+  "lib"
+ ],
+ "publishConfig": {
+  "access": "public"
+ },
+ "scripts": {
+  "prebuild": "rimraf dist",
+  "build": "tsc",
+  "clean": "rimraf lib dist",
+  "dev": "tsc --watch"
+ },
+ "dependencies": {
+  "@sellmate/design-system": "^0.0.48",
+  "@stencil/react-output-target": "^1.2.0"
+ },
+ "peerDependencies": {
+  "react": ">=16.8.0",
+  "react-dom": ">=16.8.0"
+ },
+ "devDependencies": {
+  "@types/react": "^19.2.2",
+  "react": "^19.2.0",
+  "react-dom": "^19.2.0",
+  "rimraf": "^6.0.1",
+  "typescript": "^5.9.3"
+ }
+}

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

@@ -1,8 +0,0 @@
-/**
- * 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

@@ -1,17 +0,0 @@
-'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

@@ -1,10 +0,0 @@
-/**
- * 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

@@ -1,20 +0,0 @@
-/**
- * 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

@@ -1,11 +0,0 @@
-/**
- * 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

@@ -1,12 +0,0 @@
-'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

@@ -1,13 +0,0 @@
-/**
- * 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

@@ -1,29 +0,0 @@
-/**
- * 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',
-        class: 'class'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdButton,
-    serializeShadowRoot,
-});

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

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

package/dist/components/sd-card.js

@@ -1,17 +0,0 @@
-'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 { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-export const SdCard = /*@__PURE__*/ createComponent({
-    tagName: 'sd-card',
-    elementClass: SdCardElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineSdCard
-});

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

@@ -1,10 +0,0 @@
-/**
- * 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 { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.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 SdCardEvents = NonNullable<unknown>;
-export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;

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

@@ -1,19 +0,0 @@
-/**
- * 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 SdCard = /*@__PURE__*/ createComponent({
-    tagName: 'sd-card',
-    properties: {
-        bordered: 'bordered',
-        class: 'class'
-    },
-    hydrateModule: import('@sellmate/design-system/hydrate'),
-    clientModule: clientComponents.SdCard,
-    serializeShadowRoot,
-});

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

@@ -1,11 +0,0 @@
-/**
- * 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 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';
-export type SdCheckboxEvents = {
-    onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>>;
-};
-export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;

package/dist/components/sd-checkbox.js

@@ -1,12 +0,0 @@
-'use client';
-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

@@ -1,13 +0,0 @@
-/**
- * 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 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 { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
-export declare const serializeShadowRoot: SerializeShadowRootOptions;
-export type SdCheckboxEvents = {
-    onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>>;
-};
-export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;

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

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

@@ -1,11 +0,0 @@
-/**
- * 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

@@ -1,20 +0,0 @@
-'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

@@ -1,13 +0,0 @@
-/**
- * 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

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