@sellmate/design-system 0.0.8 → 0.0.9

package/dist/cjs/index.cjs.js

@@ -4,126 +4,5 @@ function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
 
-/**
- * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들
- */
-/**
- * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수
- */
-const defineCustomElements = async () => {
-    if (typeof window !== 'undefined') {
-        const { defineCustomElements } = await Promise.resolve().then(function () { return require('./index-DoEgM-7l.js'); });
-        await defineCustomElements();
-    }
-};
-/**
- * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수
- */
-const waitForStencilHydration = (element, timeout = 5000) => {
-    return new Promise(resolve => {
-        if (element.hasAttribute('hydrated')) {
-            resolve(true);
-            return;
-        }
-        const observer = new MutationObserver(() => {
-            if (element.hasAttribute('hydrated')) {
-                observer.disconnect();
-                resolve(true);
-            }
-        });
-        observer.observe(element, {
-            attributes: true,
-            attributeFilter: ['hydrated'],
-        });
-        // 타임아웃 설정
-        setTimeout(() => {
-            observer.disconnect();
-            resolve(false);
-        }, timeout);
-    });
-};
-/**
- * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정
- */
-const initStencilForNextjs = () => {
-    if (typeof window !== 'undefined') {
-        // 전역 설정
-        window.stencil = {
-            ...(window.stencil || {}),
-            hydrateFlag: 'hydrated',
-        };
-    }
-};
-/**
- * SSR에서 제외할 컴포넌트 목록
- */
-const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];
-/**
- * 컴포넌트가 클라이언트 전용인지 확인
- */
-const isClientOnlyComponent = (tagName) => {
-    return CLIENT_ONLY_COMPONENTS.includes(tagName);
-};
-
-/**
- * Next.js SSR을 위한 서버사이드 렌더링 함수
- * @param html HTML 문자열
- * @returns 렌더링된 HTML 문자열
- */
-async function renderStencilComponents(html) {
-    // 서버 환경에서만 hydrate 모듈을 동적으로 import
-    if (typeof window === 'undefined') {
-        try {
-            const { renderToString } = await Promise.resolve().then(function () { return require('./index-Cbd_FIth.js'); });
-            const results = await renderToString(html, {
-                prettyHtml: false,
-                removeUnusedStyles: true,
-                clientHydrateAnnotations: true,
-            });
-            return results.html || html;
-        }
-        catch (error) {
-            console.warn('Failed to render Stencil components on server:', error);
-            return html;
-        }
-    }
-    return html;
-}
-/**
- * Next.js 클라이언트사이드 하이드레이션 함수
- * @param document HTML 문서 객체
- */
-async function hydrateStencilComponents(document) {
-    // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import
-    if (typeof window !== 'undefined') {
-        try {
-            const { hydrateDocument } = await Promise.resolve().then(function () { return require('./index-Cbd_FIth.js'); });
-            await hydrateDocument(document, {
-                runtimeLogging: false,
-            });
-        }
-        catch (error) {
-            console.warn('Failed to hydrate Stencil components on client:', error);
-        }
-    }
-}
-/**
- * Next.js에서 Stencil 컴포넌트 사용을 위한 설정
- */
-const STENCIL_CONFIG = {
-    // 컴포넌트가 hydrate되었는지 확인하는 속성
-    hydratedAttribute: 'hydrated',
-    // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)
-    clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],
-};
-
-exports.CLIENT_ONLY_COMPONENTS = CLIENT_ONLY_COMPONENTS;
-exports.STENCIL_CONFIG = STENCIL_CONFIG;
-exports.defineCustomElements = defineCustomElements;
 exports.format = format;
-exports.hydrateStencilComponents = hydrateStencilComponents;
-exports.initStencilForNextjs = initStencilForNextjs;
-exports.isClientOnlyComponent = isClientOnlyComponent;
-exports.renderStencilComponents = renderStencilComponents;
-exports.waitForStencilHydration = waitForStencilHydration;
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["src/utils/utils.ts","src/utils/next-react-wrapper.tsx","src/utils/next-hydrate.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n","/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들\r\n */\r\n\r\n/**\r\n * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수\r\n */\r\nexport const defineCustomElements = async () => {\r\n if (typeof window !== 'undefined') {\r\n  const { defineCustomElements } = await import('../../loader');\r\n  await defineCustomElements();\r\n }\r\n};\r\n\r\n/**\r\n * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수\r\n */\r\nexport const waitForStencilHydration = (element: HTMLElement, timeout = 5000): Promise<boolean> => {\r\n return new Promise(resolve => {\r\n  if (element.hasAttribute('hydrated')) {\r\n   resolve(true);\r\n   return;\r\n  }\r\n\r\n  const observer = new MutationObserver(() => {\r\n   if (element.hasAttribute('hydrated')) {\r\n    observer.disconnect();\r\n    resolve(true);\r\n   }\r\n  });\r\n\r\n  observer.observe(element, {\r\n   attributes: true,\r\n   attributeFilter: ['hydrated'],\r\n  });\r\n\r\n  // 타임아웃 설정\r\n  setTimeout(() => {\r\n   observer.disconnect();\r\n   resolve(false);\r\n  }, timeout);\r\n });\r\n};\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정\r\n */\r\nexport const initStencilForNextjs = () => {\r\n if (typeof window !== 'undefined') {\r\n  // 전역 설정\r\n  (window as any).stencil = {\r\n   ...((window as any).stencil || {}),\r\n   hydrateFlag: 'hydrated',\r\n  };\r\n }\r\n};\r\n\r\n/**\r\n * SSR에서 제외할 컴포넌트 목록\r\n */\r\nexport const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];\r\n\r\n/**\r\n * 컴포넌트가 클라이언트 전용인지 확인\r\n */\r\nexport const isClientOnlyComponent = (tagName: string): boolean => {\r\n return CLIENT_ONLY_COMPONENTS.includes(tagName);\r\n};\r\n","/**\r\n * Next.js SSR을 위한 서버사이드 렌더링 함수\r\n * @param html HTML 문자열\r\n * @returns 렌더링된 HTML 문자열\r\n */\r\nexport async function renderStencilComponents(html: string): Promise<string> {\r\n // 서버 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window === 'undefined') {\r\n  try {\r\n   const { renderToString } = await import('../../hydrate');\r\n   const results = await renderToString(html, {\r\n    prettyHtml: false,\r\n    removeUnusedStyles: true,\r\n    clientHydrateAnnotations: true,\r\n   });\r\n\r\n   return results.html || html;\r\n  } catch (error) {\r\n   console.warn('Failed to render Stencil components on server:', error);\r\n   return html;\r\n  }\r\n }\r\n\r\n return html;\r\n}\r\n\r\n/**\r\n * Next.js 클라이언트사이드 하이드레이션 함수\r\n * @param document HTML 문서 객체\r\n */\r\nexport async function hydrateStencilComponents(document: Document): Promise<void> {\r\n // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window !== 'undefined') {\r\n  try {\r\n   const { hydrateDocument } = await import('../../hydrate');\r\n   await hydrateDocument(document, {\r\n    runtimeLogging: false,\r\n   });\r\n  } catch (error) {\r\n   console.warn('Failed to hydrate Stencil components on client:', error);\r\n  }\r\n }\r\n}\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 설정\r\n */\r\nexport const STENCIL_CONFIG = {\r\n // 컴포넌트가 hydrate되었는지 확인하는 속성\r\n hydratedAttribute: 'hydrated',\r\n\r\n // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)\r\n clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],\r\n};\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n"],"names":[],"mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;"}

package/dist/collection/index.js

@@ -8,8 +8,4 @@
  * to consume components of this package as outlined in the `README.md`.
  */
 export { format } from './utils/utils';
-// Export Next.js utilities
-export { defineCustomElements, waitForStencilHydration, initStencilForNextjs, CLIENT_ONLY_COMPONENTS, isClientOnlyComponent, } from './utils/next-react-wrapper';
-// Export hydration utilities
-export { renderStencilComponents, hydrateStencilComponents, STENCIL_CONFIG, } from './utils/next-hydrate';
 //# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,2BAA2B;AAC3B,OAAO,EACN,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,GACrB,MAAM,4BAA4B,CAAC;AAEpC,6BAA6B;AAC7B,OAAO,EACN,uBAAuB,EACvB,wBAAwB,EACxB,cAAc,GACd,MAAM,sBAAsB,CAAC","sourcesContent":["/**\r\n * @fileoverview entry point for your component library\r\n *\r\n * This is the entry point for your component library. Use this file to export utilities,\r\n * constants or data structure that accompany your components.\r\n *\r\n * DO NOT use this file to export your components. Instead, use the recommended approaches\r\n * to consume components of this package as outlined in the `README.md`.\r\n */\r\n\r\nexport { format } from './utils/utils';\r\nexport type * from './components.d.ts';\r\n\r\n// Export sd-table types\r\nexport type { SdTableSortDir, SdTableColumn, Row } from './components/sd-table/sd-table';\r\n\r\n// Export Next.js utilities\r\nexport {\r\n defineCustomElements,\r\n waitForStencilHydration,\r\n initStencilForNextjs,\r\n CLIENT_ONLY_COMPONENTS,\r\n isClientOnlyComponent,\r\n} from './utils/next-react-wrapper';\r\n\r\n// Export hydration utilities\r\nexport {\r\n renderStencilComponents,\r\n hydrateStencilComponents,\r\n STENCIL_CONFIG,\r\n} from './utils/next-hydrate';\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\r\n * @fileoverview entry point for your component library\r\n *\r\n * This is the entry point for your component library. Use this file to export utilities,\r\n * constants or data structure that accompany your components.\r\n *\r\n * DO NOT use this file to export your components. Instead, use the recommended approaches\r\n * to consume components of this package as outlined in the `README.md`.\r\n */\r\n\r\nexport { format } from './utils/utils';\r\nexport type * from './components.d.ts';\r\n\r\n// Export sd-table types\r\nexport type { SdTableSortDir, SdTableColumn, Row } from './components/sd-table/sd-table';\r\n"]}

package/dist/components/index.js

@@ -4,120 +4,7 @@ function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
 
-/**
- * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들
- */
-/**
- * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수
- */
-const defineCustomElements = async () => {
-    if (typeof window !== 'undefined') {
-        const { defineCustomElements } = await import('./p-dBol_ZO8.js');
-        await defineCustomElements();
-    }
-};
-/**
- * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수
- */
-const waitForStencilHydration = (element, timeout = 5000) => {
-    return new Promise(resolve => {
-        if (element.hasAttribute('hydrated')) {
-            resolve(true);
-            return;
-        }
-        const observer = new MutationObserver(() => {
-            if (element.hasAttribute('hydrated')) {
-                observer.disconnect();
-                resolve(true);
-            }
-        });
-        observer.observe(element, {
-            attributes: true,
-            attributeFilter: ['hydrated'],
-        });
-        // 타임아웃 설정
-        setTimeout(() => {
-            observer.disconnect();
-            resolve(false);
-        }, timeout);
-    });
-};
-/**
- * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정
- */
-const initStencilForNextjs = () => {
-    if (typeof window !== 'undefined') {
-        // 전역 설정
-        window.stencil = {
-            ...(window.stencil || {}),
-            hydrateFlag: 'hydrated',
-        };
-    }
-};
-/**
- * SSR에서 제외할 컴포넌트 목록
- */
-const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];
-/**
- * 컴포넌트가 클라이언트 전용인지 확인
- */
-const isClientOnlyComponent = (tagName) => {
-    return CLIENT_ONLY_COMPONENTS.includes(tagName);
-};
-
-/**
- * Next.js SSR을 위한 서버사이드 렌더링 함수
- * @param html HTML 문자열
- * @returns 렌더링된 HTML 문자열
- */
-async function renderStencilComponents(html) {
-    // 서버 환경에서만 hydrate 모듈을 동적으로 import
-    if (typeof window === 'undefined') {
-        try {
-            const { renderToString } = await import('./p-BjTJkvEh.js');
-            const results = await renderToString(html, {
-                prettyHtml: false,
-                removeUnusedStyles: true,
-                clientHydrateAnnotations: true,
-            });
-            return results.html || html;
-        }
-        catch (error) {
-            console.warn('Failed to render Stencil components on server:', error);
-            return html;
-        }
-    }
-    return html;
-}
-/**
- * Next.js 클라이언트사이드 하이드레이션 함수
- * @param document HTML 문서 객체
- */
-async function hydrateStencilComponents(document) {
-    // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import
-    if (typeof window !== 'undefined') {
-        try {
-            const { hydrateDocument } = await import('./p-BjTJkvEh.js');
-            await hydrateDocument(document, {
-                runtimeLogging: false,
-            });
-        }
-        catch (error) {
-            console.warn('Failed to hydrate Stencil components on client:', error);
-        }
-    }
-}
-/**
- * Next.js에서 Stencil 컴포넌트 사용을 위한 설정
- */
-const STENCIL_CONFIG = {
-    // 컴포넌트가 hydrate되었는지 확인하는 속성
-    hydratedAttribute: 'hydrated',
-    // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)
-    clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],
-};
-
-export { CLIENT_ONLY_COMPONENTS, STENCIL_CONFIG, defineCustomElements, format, hydrateStencilComponents, initStencilForNextjs, isClientOnlyComponent, renderStencilComponents, waitForStencilHydration };
+export { format };
 //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;ACFA;;AAEG;AAEH;;AAEG;AACU,MAAA,oBAAoB,GAAG,YAAW;AAC9C,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAClC,MAAM,EAAE,oBAAoB,EAAE,GAAG,MAAM,OAAO,iBAAc,CAAC;QAC7D,MAAM,oBAAoB,EAAE;;AAE9B;AAEA;;AAEG;AACU,MAAA,uBAAuB,GAAG,CAAC,OAAoB,EAAE,OAAO,GAAG,IAAI,KAAsB;AACjG,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC5B,QAAA,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YACrC,OAAO,CAAC,IAAI,CAAC;YACb;;AAGD,QAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;AAC1C,YAAA,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;gBACrC,QAAQ,CAAC,UAAU,EAAE;gBACrB,OAAO,CAAC,IAAI,CAAC;;AAEf,SAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE;AACzB,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,UAAU,CAAC;AAC7B,SAAA,CAAC;;QAGF,UAAU,CAAC,MAAK;YACf,QAAQ,CAAC,UAAU,EAAE;YACrB,OAAO,CAAC,KAAK,CAAC;SACd,EAAE,OAAO,CAAC;AACZ,KAAC,CAAC;AACH;AAEA;;AAEG;AACI,MAAM,oBAAoB,GAAG,MAAK;AACxC,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;;QAEjC,MAAc,CAAC,OAAO,GAAG;AACzB,YAAA,IAAK,MAAc,CAAC,OAAO,IAAI,EAAE,CAAC;AAClC,YAAA,WAAW,EAAE,UAAU;SACvB;;AAEH;AAEA;;AAEG;MACU,sBAAsB,GAAG,CAAC,gBAAgB,EAAE,sBAAsB;AAE/E;;AAEG;AACU,MAAA,qBAAqB,GAAG,CAAC,OAAe,KAAa;AACjE,IAAA,OAAO,sBAAsB,CAAC,QAAQ,CAAC,OAAO,CAAC;AAChD;;ACnEA;;;;AAIG;AACI,eAAe,uBAAuB,CAAC,IAAY,EAAA;;AAEzD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAClC,QAAA,IAAI;YACH,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,OAAO,iBAAe,CAAC;AACxD,YAAA,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,IAAI,EAAE;AAC1C,gBAAA,UAAU,EAAE,KAAK;AACjB,gBAAA,kBAAkB,EAAE,IAAI;AACxB,gBAAA,wBAAwB,EAAE,IAAI;AAC9B,aAAA,CAAC;AAEF,YAAA,OAAO,OAAO,CAAC,IAAI,IAAI,IAAI;;QAC1B,OAAO,KAAK,EAAE;AACf,YAAA,OAAO,CAAC,IAAI,CAAC,gDAAgD,EAAE,KAAK,CAAC;AACrE,YAAA,OAAO,IAAI;;;AAIb,IAAA,OAAO,IAAI;AACZ;AAEA;;;AAGG;AACI,eAAe,wBAAwB,CAAC,QAAkB,EAAA;;AAEhE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAClC,QAAA,IAAI;YACH,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,OAAO,iBAAe,CAAC;YACzD,MAAM,eAAe,CAAC,QAAQ,EAAE;AAC/B,gBAAA,cAAc,EAAE,KAAK;AACrB,aAAA,CAAC;;QACD,OAAO,KAAK,EAAE;AACf,YAAA,OAAO,CAAC,IAAI,CAAC,iDAAiD,EAAE,KAAK,CAAC;;;AAGzE;AAEA;;AAEG;AACU,MAAA,cAAc,GAAG;;AAE7B,IAAA,iBAAiB,EAAE,UAAU;;AAG7B,IAAA,oBAAoB,EAAE,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;;;;;","names":[],"sources":["src/utils/utils.ts","src/utils/next-react-wrapper.tsx","src/utils/next-hydrate.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n","/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들\r\n */\r\n\r\n/**\r\n * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수\r\n */\r\nexport const defineCustomElements = async () => {\r\n if (typeof window !== 'undefined') {\r\n  const { defineCustomElements } = await import('../../loader');\r\n  await defineCustomElements();\r\n }\r\n};\r\n\r\n/**\r\n * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수\r\n */\r\nexport const waitForStencilHydration = (element: HTMLElement, timeout = 5000): Promise<boolean> => {\r\n return new Promise(resolve => {\r\n  if (element.hasAttribute('hydrated')) {\r\n   resolve(true);\r\n   return;\r\n  }\r\n\r\n  const observer = new MutationObserver(() => {\r\n   if (element.hasAttribute('hydrated')) {\r\n    observer.disconnect();\r\n    resolve(true);\r\n   }\r\n  });\r\n\r\n  observer.observe(element, {\r\n   attributes: true,\r\n   attributeFilter: ['hydrated'],\r\n  });\r\n\r\n  // 타임아웃 설정\r\n  setTimeout(() => {\r\n   observer.disconnect();\r\n   resolve(false);\r\n  }, timeout);\r\n });\r\n};\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정\r\n */\r\nexport const initStencilForNextjs = () => {\r\n if (typeof window !== 'undefined') {\r\n  // 전역 설정\r\n  (window as any).stencil = {\r\n   ...((window as any).stencil || {}),\r\n   hydrateFlag: 'hydrated',\r\n  };\r\n }\r\n};\r\n\r\n/**\r\n * SSR에서 제외할 컴포넌트 목록\r\n */\r\nexport const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];\r\n\r\n/**\r\n * 컴포넌트가 클라이언트 전용인지 확인\r\n */\r\nexport const isClientOnlyComponent = (tagName: string): boolean => {\r\n return CLIENT_ONLY_COMPONENTS.includes(tagName);\r\n};\r\n","/**\r\n * Next.js SSR을 위한 서버사이드 렌더링 함수\r\n * @param html HTML 문자열\r\n * @returns 렌더링된 HTML 문자열\r\n */\r\nexport async function renderStencilComponents(html: string): Promise<string> {\r\n // 서버 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window === 'undefined') {\r\n  try {\r\n   const { renderToString } = await import('../../hydrate');\r\n   const results = await renderToString(html, {\r\n    prettyHtml: false,\r\n    removeUnusedStyles: true,\r\n    clientHydrateAnnotations: true,\r\n   });\r\n\r\n   return results.html || html;\r\n  } catch (error) {\r\n   console.warn('Failed to render Stencil components on server:', error);\r\n   return html;\r\n  }\r\n }\r\n\r\n return html;\r\n}\r\n\r\n/**\r\n * Next.js 클라이언트사이드 하이드레이션 함수\r\n * @param document HTML 문서 객체\r\n */\r\nexport async function hydrateStencilComponents(document: Document): Promise<void> {\r\n // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window !== 'undefined') {\r\n  try {\r\n   const { hydrateDocument } = await import('../../hydrate');\r\n   await hydrateDocument(document, {\r\n    runtimeLogging: false,\r\n   });\r\n  } catch (error) {\r\n   console.warn('Failed to hydrate Stencil components on client:', error);\r\n  }\r\n }\r\n}\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 설정\r\n */\r\nexport const STENCIL_CONFIG = {\r\n // 컴포넌트가 hydrate되었는지 확인하는 속성\r\n hydratedAttribute: 'hydrated',\r\n\r\n // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)\r\n clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],\r\n};\r\n"],"version":3}
+{"file":"index.js","mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n"],"version":3}

package/dist/design-system/index.esm.js

@@ -1,2 +1,2 @@
-function t(t,e,n){return(t||"")+(e?` ${e}`:"")+(n?` ${n}`:"")}const e=async()=>{if(typeof window!=="undefined"){const{defineCustomElements:t}=await import("./p-dBol_ZO8.js");await t()}};const n=(t,e=5e3)=>new Promise((n=>{if(t.hasAttribute("hydrated")){n(true);return}const r=new MutationObserver((()=>{if(t.hasAttribute("hydrated")){r.disconnect();n(true)}}));r.observe(t,{attributes:true,attributeFilter:["hydrated"]});setTimeout((()=>{r.disconnect();n(false)}),e)}));const r=()=>{if(typeof window!=="undefined"){window.stencil={...window.stencil||{},hydrateFlag:"hydrated"}}};const o=["sd-date-picker","sd-date-range-picker"];const i=t=>o.includes(t);async function d(t){if(typeof window==="undefined"){try{const{renderToString:e}=await import("./p-BjTJkvEh.js");const n=await e(t,{prettyHtml:false,removeUnusedStyles:true,clientHydrateAnnotations:true});return n.html||t}catch(e){console.warn("Failed to render Stencil components on server:",e);return t}}return t}async function a(t){if(typeof window!=="undefined"){try{const{hydrateDocument:e}=await import("./p-BjTJkvEh.js");await e(t,{runtimeLogging:false})}catch(t){console.warn("Failed to hydrate Stencil components on client:",t)}}}const s={hydratedAttribute:"hydrated",clientOnlyComponents:["sd-date-picker","sd-date-range-picker"]};export{o as CLIENT_ONLY_COMPONENTS,s as STENCIL_CONFIG,e as defineCustomElements,t as format,a as hydrateStencilComponents,r as initStencilForNextjs,i as isClientOnlyComponent,d as renderStencilComponents,n as waitForStencilHydration};
+function n(n,r,t){return(n||"")+(r?` ${r}`:"")+(t?` ${t}`:"")}export{n as format};
 //# sourceMappingURL=index.esm.js.map

package/dist/design-system/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["src/utils/utils.ts","src/utils/next-react-wrapper.tsx","src/utils/next-hydrate.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n","/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들\r\n */\r\n\r\n/**\r\n * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수\r\n */\r\nexport const defineCustomElements = async () => {\r\n if (typeof window !== 'undefined') {\r\n  const { defineCustomElements } = await import('../../loader');\r\n  await defineCustomElements();\r\n }\r\n};\r\n\r\n/**\r\n * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수\r\n */\r\nexport const waitForStencilHydration = (element: HTMLElement, timeout = 5000): Promise<boolean> => {\r\n return new Promise(resolve => {\r\n  if (element.hasAttribute('hydrated')) {\r\n   resolve(true);\r\n   return;\r\n  }\r\n\r\n  const observer = new MutationObserver(() => {\r\n   if (element.hasAttribute('hydrated')) {\r\n    observer.disconnect();\r\n    resolve(true);\r\n   }\r\n  });\r\n\r\n  observer.observe(element, {\r\n   attributes: true,\r\n   attributeFilter: ['hydrated'],\r\n  });\r\n\r\n  // 타임아웃 설정\r\n  setTimeout(() => {\r\n   observer.disconnect();\r\n   resolve(false);\r\n  }, timeout);\r\n });\r\n};\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정\r\n */\r\nexport const initStencilForNextjs = () => {\r\n if (typeof window !== 'undefined') {\r\n  // 전역 설정\r\n  (window as any).stencil = {\r\n   ...((window as any).stencil || {}),\r\n   hydrateFlag: 'hydrated',\r\n  };\r\n }\r\n};\r\n\r\n/**\r\n * SSR에서 제외할 컴포넌트 목록\r\n */\r\nexport const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];\r\n\r\n/**\r\n * 컴포넌트가 클라이언트 전용인지 확인\r\n */\r\nexport const isClientOnlyComponent = (tagName: string): boolean => {\r\n return CLIENT_ONLY_COMPONENTS.includes(tagName);\r\n};\r\n","/**\r\n * Next.js SSR을 위한 서버사이드 렌더링 함수\r\n * @param html HTML 문자열\r\n * @returns 렌더링된 HTML 문자열\r\n */\r\nexport async function renderStencilComponents(html: string): Promise<string> {\r\n // 서버 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window === 'undefined') {\r\n  try {\r\n   const { renderToString } = await import('../../hydrate');\r\n   const results = await renderToString(html, {\r\n    prettyHtml: false,\r\n    removeUnusedStyles: true,\r\n    clientHydrateAnnotations: true,\r\n   });\r\n\r\n   return results.html || html;\r\n  } catch (error) {\r\n   console.warn('Failed to render Stencil components on server:', error);\r\n   return html;\r\n  }\r\n }\r\n\r\n return html;\r\n}\r\n\r\n/**\r\n * Next.js 클라이언트사이드 하이드레이션 함수\r\n * @param document HTML 문서 객체\r\n */\r\nexport async function hydrateStencilComponents(document: Document): Promise<void> {\r\n // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window !== 'undefined') {\r\n  try {\r\n   const { hydrateDocument } = await import('../../hydrate');\r\n   await hydrateDocument(document, {\r\n    runtimeLogging: false,\r\n   });\r\n  } catch (error) {\r\n   console.warn('Failed to hydrate Stencil components on client:', error);\r\n  }\r\n }\r\n}\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 설정\r\n */\r\nexport const STENCIL_CONFIG = {\r\n // 컴포넌트가 hydrate되었는지 확인하는 속성\r\n hydratedAttribute: 'hydrated',\r\n\r\n // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)\r\n clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],\r\n};\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n"],"names":[],"mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;"}

package/dist/esm/index.js

@@ -2,118 +2,5 @@ function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
 
-/**
- * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들
- */
-/**
- * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수
- */
-const defineCustomElements = async () => {
-    if (typeof window !== 'undefined') {
-        const { defineCustomElements } = await import('./index-dBol_ZO8.js');
-        await defineCustomElements();
-    }
-};
-/**
- * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수
- */
-const waitForStencilHydration = (element, timeout = 5000) => {
-    return new Promise(resolve => {
-        if (element.hasAttribute('hydrated')) {
-            resolve(true);
-            return;
-        }
-        const observer = new MutationObserver(() => {
-            if (element.hasAttribute('hydrated')) {
-                observer.disconnect();
-                resolve(true);
-            }
-        });
-        observer.observe(element, {
-            attributes: true,
-            attributeFilter: ['hydrated'],
-        });
-        // 타임아웃 설정
-        setTimeout(() => {
-            observer.disconnect();
-            resolve(false);
-        }, timeout);
-    });
-};
-/**
- * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정
- */
-const initStencilForNextjs = () => {
-    if (typeof window !== 'undefined') {
-        // 전역 설정
-        window.stencil = {
-            ...(window.stencil || {}),
-            hydrateFlag: 'hydrated',
-        };
-    }
-};
-/**
- * SSR에서 제외할 컴포넌트 목록
- */
-const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];
-/**
- * 컴포넌트가 클라이언트 전용인지 확인
- */
-const isClientOnlyComponent = (tagName) => {
-    return CLIENT_ONLY_COMPONENTS.includes(tagName);
-};
-
-/**
- * Next.js SSR을 위한 서버사이드 렌더링 함수
- * @param html HTML 문자열
- * @returns 렌더링된 HTML 문자열
- */
-async function renderStencilComponents(html) {
-    // 서버 환경에서만 hydrate 모듈을 동적으로 import
-    if (typeof window === 'undefined') {
-        try {
-            const { renderToString } = await import('./index-BjTJkvEh.js');
-            const results = await renderToString(html, {
-                prettyHtml: false,
-                removeUnusedStyles: true,
-                clientHydrateAnnotations: true,
-            });
-            return results.html || html;
-        }
-        catch (error) {
-            console.warn('Failed to render Stencil components on server:', error);
-            return html;
-        }
-    }
-    return html;
-}
-/**
- * Next.js 클라이언트사이드 하이드레이션 함수
- * @param document HTML 문서 객체
- */
-async function hydrateStencilComponents(document) {
-    // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import
-    if (typeof window !== 'undefined') {
-        try {
-            const { hydrateDocument } = await import('./index-BjTJkvEh.js');
-            await hydrateDocument(document, {
-                runtimeLogging: false,
-            });
-        }
-        catch (error) {
-            console.warn('Failed to hydrate Stencil components on client:', error);
-        }
-    }
-}
-/**
- * Next.js에서 Stencil 컴포넌트 사용을 위한 설정
- */
-const STENCIL_CONFIG = {
-    // 컴포넌트가 hydrate되었는지 확인하는 속성
-    hydratedAttribute: 'hydrated',
-    // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)
-    clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],
-};
-
-export { CLIENT_ONLY_COMPONENTS, STENCIL_CONFIG, defineCustomElements, format, hydrateStencilComponents, initStencilForNextjs, isClientOnlyComponent, renderStencilComponents, waitForStencilHydration };
+export { format };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["src/utils/utils.ts","src/utils/next-react-wrapper.tsx","src/utils/next-hydrate.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n","/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들\r\n */\r\n\r\n/**\r\n * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수\r\n */\r\nexport const defineCustomElements = async () => {\r\n if (typeof window !== 'undefined') {\r\n  const { defineCustomElements } = await import('../../loader');\r\n  await defineCustomElements();\r\n }\r\n};\r\n\r\n/**\r\n * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수\r\n */\r\nexport const waitForStencilHydration = (element: HTMLElement, timeout = 5000): Promise<boolean> => {\r\n return new Promise(resolve => {\r\n  if (element.hasAttribute('hydrated')) {\r\n   resolve(true);\r\n   return;\r\n  }\r\n\r\n  const observer = new MutationObserver(() => {\r\n   if (element.hasAttribute('hydrated')) {\r\n    observer.disconnect();\r\n    resolve(true);\r\n   }\r\n  });\r\n\r\n  observer.observe(element, {\r\n   attributes: true,\r\n   attributeFilter: ['hydrated'],\r\n  });\r\n\r\n  // 타임아웃 설정\r\n  setTimeout(() => {\r\n   observer.disconnect();\r\n   resolve(false);\r\n  }, timeout);\r\n });\r\n};\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정\r\n */\r\nexport const initStencilForNextjs = () => {\r\n if (typeof window !== 'undefined') {\r\n  // 전역 설정\r\n  (window as any).stencil = {\r\n   ...((window as any).stencil || {}),\r\n   hydrateFlag: 'hydrated',\r\n  };\r\n }\r\n};\r\n\r\n/**\r\n * SSR에서 제외할 컴포넌트 목록\r\n */\r\nexport const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];\r\n\r\n/**\r\n * 컴포넌트가 클라이언트 전용인지 확인\r\n */\r\nexport const isClientOnlyComponent = (tagName: string): boolean => {\r\n return CLIENT_ONLY_COMPONENTS.includes(tagName);\r\n};\r\n","/**\r\n * Next.js SSR을 위한 서버사이드 렌더링 함수\r\n * @param html HTML 문자열\r\n * @returns 렌더링된 HTML 문자열\r\n */\r\nexport async function renderStencilComponents(html: string): Promise<string> {\r\n // 서버 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window === 'undefined') {\r\n  try {\r\n   const { renderToString } = await import('../../hydrate');\r\n   const results = await renderToString(html, {\r\n    prettyHtml: false,\r\n    removeUnusedStyles: true,\r\n    clientHydrateAnnotations: true,\r\n   });\r\n\r\n   return results.html || html;\r\n  } catch (error) {\r\n   console.warn('Failed to render Stencil components on server:', error);\r\n   return html;\r\n  }\r\n }\r\n\r\n return html;\r\n}\r\n\r\n/**\r\n * Next.js 클라이언트사이드 하이드레이션 함수\r\n * @param document HTML 문서 객체\r\n */\r\nexport async function hydrateStencilComponents(document: Document): Promise<void> {\r\n // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window !== 'undefined') {\r\n  try {\r\n   const { hydrateDocument } = await import('../../hydrate');\r\n   await hydrateDocument(document, {\r\n    runtimeLogging: false,\r\n   });\r\n  } catch (error) {\r\n   console.warn('Failed to hydrate Stencil components on client:', error);\r\n  }\r\n }\r\n}\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 설정\r\n */\r\nexport const STENCIL_CONFIG = {\r\n // 컴포넌트가 hydrate되었는지 확인하는 속성\r\n hydratedAttribute: 'hydrated',\r\n\r\n // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)\r\n clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],\r\n};\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n"],"names":[],"mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;"}

package/dist/types/index.d.ts

@@ -10,5 +10,3 @@
 export { format } from './utils/utils';
 export type * from './components.d.ts';
 export type { SdTableSortDir, SdTableColumn, Row } from './components/sd-table/sd-table';
-export { defineCustomElements, waitForStencilHydration, initStencilForNextjs, CLIENT_ONLY_COMPONENTS, isClientOnlyComponent, } from './utils/next-react-wrapper';
-export { renderStencilComponents, hydrateStencilComponents, STENCIL_CONFIG, } from './utils/next-hydrate';

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system",
- "version": "0.0.8",
+ "version": "0.0.9",
  "description": "Sellmate Design System - Web Components Library built with Stencil",
  "keywords": [
   "web-components",
@@ -90,5 +90,5 @@
   "@stencil/react-output-target": "^1.2.0",
   "@stencil/vue-output-target": "^0.11.8"
  },
- "gitHead": "9236856fa7c2a368ebd0972b685598cad95e4de2"
+ "gitHead": "b0ff5a50812d0d336ed4ec7d44ad000c78cab377"
 }