@sellmate/design-system-react 0.0.12 → 0.0.13

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

@@ -0,0 +1,36 @@
+/**
+ * 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 { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type SdTooltipEvents = NonNullable<unknown>;
+
+export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
+    tagName: 'sd-tooltip',
+    properties: {
+        trigger: 'trigger',
+        placement: 'placement',
+        color: 'color',
+        icon: 'icon',
+        iconSize: 'icon-size',
+        label: 'label',
+        buttonSize: 'button-size',
+        buttonVariant: 'button-variant',
+        noHover: 'no-hover',
+        useClose: 'use-close'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
+    clientModule: clientComponents.SdTooltip as ReactWebComponent<SdTooltipElement, SdTooltipEvents>,
+    serializeShadowRoot,
+});

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-react",
- "version": "0.0.12",
+ "version": "0.0.13",
  "description": "Design System - React Component Wrappers",
  "keywords": [
   "react",
@@ -30,10 +30,9 @@
    "import": "./dist/index.js",
    "require": "./dist/index.js"
   },
-  "./hydrate": {
-   "types": "./dist/hydrate.d.ts",
-   "import": "./dist/hydrate.js",
-   "require": "./dist/hydrate.js"
+  "./next": {
+   "types": "./dist/components.server.d.ts",
+   "import": "./dist/components.server.js"
   }
  },
  "directories": {
@@ -54,7 +53,7 @@
   "dev": "tsc --watch"
  },
  "dependencies": {
-  "@sellmate/design-system": "^0.0.10",
+  "@sellmate/design-system": "^0.0.11",
   "@stencil/react-output-target": "^1.2.0"
  },
  "peerDependencies": {
@@ -68,5 +67,5 @@
   "rimraf": "^6.0.1",
   "typescript": "^5.9.3"
  },
- "gitHead": "7d797d8d330432e8a5a567082ea997fb7527fe26"
+ "gitHead": "6423e809f1dfa0530fb3dcbe4f07d2dad13859d4"
 }

package/dist/hydrate.d.ts

@@ -1,2 +0,0 @@
-export declare function renderStencilToString(html: string): Promise<string>;
-export declare function registerStencilForNextjs(): void;

package/dist/hydrate.js

@@ -1,45 +0,0 @@
-import { hydrateDocument, } from '@sellmate/design-system/hydrate';
-// -------------------------------
-// SSR용 서버사이드 렌더링 함수
-// -------------------------------
-export async function renderStencilToString(html) {
-    try {
-        const results = await hydrateDocument(html, {
-            staticComponents: [
-                'sd-badge',
-                'sd-button',
-                'sd-input',
-                'sd-select',
-                'sd-table',
-                'sd-icon',
-                'sd-checkbox',
-                'sd-tag',
-                'sd-pagination',
-                'sd-tooltip',
-                'sd-popover',
-                'sd-guide',
-                'sd-date-picker',
-                'sd-date-range-picker',
-                'sd-date-box',
-                'sd-portal',
-                'sd-tooltip-portal',
-            ],
-        });
-        return results.html;
-    }
-    catch (error) {
-        console.warn('Stencil SSR failed, falling back to client-side rendering:', error);
-        return html;
-    }
-}
-// ----------------------------------------------
-//  클라이언트 사이드 등록 함수
-// ----------------------------------------------
-export function registerStencilForNextjs() {
-    if (typeof window === 'undefined')
-        return;
-    // router 변경 시에도 재등록
-    import('@sellmate/design-system/loader').then(({ defineCustomElements }) => {
-        defineCustomElements(window);
-    });
-}

package/lib/hydrate.ts

@@ -1,53 +0,0 @@
-import {
- renderToString,
- hydrateDocument,
-} from '@sellmate/design-system/hydrate';
-
-// -------------------------------
-// SSR용 서버사이드 렌더링 함수
-// -------------------------------
-export async function renderStencilToString(html: string) {
- try {
-  const results = await hydrateDocument(html, {
-   staticComponents: [
-    'sd-badge',
-    'sd-button',
-    'sd-input',
-    'sd-select',
-    'sd-table',
-    'sd-icon',
-    'sd-checkbox',
-    'sd-tag',
-    'sd-pagination',
-    'sd-tooltip',
-    'sd-popover',
-    'sd-guide',
-    'sd-date-picker',
-    'sd-date-range-picker',
-    'sd-date-box',
-    'sd-portal',
-    'sd-tooltip-portal',
-   ],
-  });
-
-  return results.html;
- } catch (error) {
-  console.warn(
-   'Stencil SSR failed, falling back to client-side rendering:',
-   error
-  );
-  return html;
- }
-}
-
-// ----------------------------------------------
-//  클라이언트 사이드 등록 함수
-// ----------------------------------------------
-export function registerStencilForNextjs() {
- if (typeof window === 'undefined') return;
-
- // router 변경 시에도 재등록
- import('@sellmate/design-system/loader').then(({ defineCustomElements }) => {
-  defineCustomElements(window);
- });
-}