@wipco/sdui 0.7.0 → 0.8.0

package/dist/widgets/OrgChart.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react';
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 
 /**
  * OrgChart — 줌/팬 가능한 조직도 캔버스.
@@ -10,7 +11,6 @@ import { ReactNode } from 'react';
  * 상호작용: 휠 줌(커서 기준 0.35~1.8x), 포인터 드래그 패닝,
  * 확대/축소/초기화 버튼 + 배율 표시, 전체화면 토글, 노드 클릭 선택.
  */
-
 interface OrgNode {
     id: string;
     label: string;
@@ -27,6 +27,10 @@ interface OrgChartProps {
     /** 캔버스 높이(px). 기본 520. */
     height?: number;
 }
-declare function OrgChart({ root, onNodeClick, selectedId, height, }: OrgChartProps): ReactNode;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
 
 export { OrgChart, type OrgChartProps, type OrgNode };

package/dist/widgets/OrgChart.js

@@ -1,2 +1,3 @@
-export { OrgChart } from '../chunk-63U54JAG.js';
-import '../chunk-CRSY67TZ.js';
+export { OrgChart } from '../chunk-IKLBICOJ.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/PeriodFilter.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 
 /**
  * PeriodFilter — 복합 기간 선택기.
@@ -43,6 +44,10 @@ interface PeriodFilterProps {
      */
     modes?: Array<PeriodModeItem | PeriodMode>;
 }
-declare function PeriodFilter({ value, onChange, years, modes }: PeriodFilterProps): React.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
 
 export { type Period, PeriodFilter, type PeriodFilterProps, type PeriodMode, type PeriodModeItem };

package/dist/widgets/PeriodFilter.js

@@ -1,2 +1,3 @@
-export { PeriodFilter } from '../chunk-J2DSDERS.js';
-import '../chunk-CRSY67TZ.js';
+export { PeriodFilter } from '../chunk-7Y6UFAYZ.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/PrintSheet.d.ts

@@ -1,16 +1,6 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import React__default from 'react';
 
-/**
- * PrintSheet — 인쇄 레이아웃 래퍼.
- *
- * - 화면에서는 A4 폭(210mm)의 흰 종이 카드 + 상단 툴바(인쇄하기/닫기)를 보여주고,
- *   인쇄 시에는 @page A4·1cm 여백, 12pt 기준 서체로 종이에 맞게 펼친다.
- * - 표 테두리는 화면에서 var(--wp-border-default), 인쇄에서는 토큰을 검정 계열로
- *   재정의해 흐린 회색 선이 프린터에서 사라지지 않게 한다.
- * - .erp-print-hidden 은 @media print 에서 숨겨진다(툴바 등 화면 전용 요소).
- * - autoPrint: 새 창(window.opener 존재)으로 열린 경우에만 마운트 500ms 후 자동 인쇄.
- */
-
 interface PrintSheetProps {
     /** 시트 상단 제목(예: 거래명세서) */
     title?: string;
@@ -18,6 +8,10 @@ interface PrintSheetProps {
     /** window.opener 감지 시(새 창으로 열림) 500ms 후 자동으로 window.print() 호출 */
     autoPrint?: boolean;
 }
-declare function PrintSheet({ title, children, autoPrint }: PrintSheetProps): React__default.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const PrintSheet: React__default.FC<PrintSheetProps & SduiBoxProps>;
 
 export { PrintSheet, type PrintSheetProps };

package/dist/widgets/PrintSheet.js

@@ -1,2 +1,3 @@
-export { PrintSheet } from '../chunk-5O6PFLFJ.js';
-import '../chunk-CRSY67TZ.js';
+export { PrintSheet } from '../chunk-6ZUWN2QX.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/SearchableMultiPicker.d.ts

@@ -1,15 +1,6 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import React__default from 'react';
 
-/**
- * SearchableMultiPicker — 모달(다이얼로그) 다중 선택기.
- *
- * - 트리거 버튼 → DS Dialog. SduiDialog와 같은 방식으로 뷰포트 고정 래퍼를 두어
- *   스크림이 사이드바·탑바까지 전체 화면을 덮는다(배경 클릭·Escape로 닫힘 = 취소).
- * - 검색 Input(느슨한 포함 검색) + 선택된 항목이 먼저 오는 Checkbox 목록(스크롤)
- *   + 선택 개수/칩 행 + 하단 [전체 해제 / 완료].
- * - 다이얼로그 안에서는 초안(draft)만 바뀌고, '완료'를 눌러야 onChange로 확정된다.
- */
-
 interface MultiPickerOption {
     value: string;
     label: string;
@@ -24,6 +15,10 @@ interface SearchableMultiPickerProps {
     trigger?: React__default.ReactNode;
     disabled?: boolean;
 }
-declare function SearchableMultiPicker({ title, options, values, onChange, trigger, disabled, }: SearchableMultiPickerProps): React__default.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const SearchableMultiPicker: React__default.FC<SearchableMultiPickerProps & SduiBoxProps>;
 
 export { type MultiPickerOption, SearchableMultiPicker, type SearchableMultiPickerProps };

package/dist/widgets/SearchableMultiPicker.js

@@ -1,3 +1,4 @@
-export { SearchableMultiPicker } from '../chunk-H32WQHB7.js';
-import '../chunk-TKB7H5DB.js';
-import '../chunk-CRSY67TZ.js';
+export { SearchableMultiPicker } from '../chunk-H7V35NC2.js';
+import '../chunk-WUTCZCQH.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/SecureScreen.d.ts

@@ -1,18 +1,6 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import React__default from 'react';
 
-/**
- * SecureScreen — 개인정보 보호 래퍼.
- *
- * enabled(기본 true)일 때:
- * - 래퍼 내부의 contextmenu / copy / cut / dragstart / selectstart 차단 + user-select:none
- * - document keydown에서 Ctrl/Cmd+(A|C|P|S|U|X) 차단, PrintScreen 감지 시
- *   클립보드를 경고 문구로 덮어쓴다(캡처 이미지 대신 경고가 붙게).
- * - 탭 전환(visibilitychange)·창 blur 시 전체 가림막(스크림 + 블러) 표시, 재포커스까지 유지
- * - beforeprint 시 인쇄 경고 오버레이 표시(@media print에서는 콘텐츠 자체를 숨기고
- *   경고만 인쇄되게 한다), afterprint에 해제
- * - 모든 리스너는 언마운트/비활성화 시 정리된다.
- */
-
 interface SecureScreenProps {
     /** 보호 동작 활성화 여부. 기본 true. */
     enabled?: boolean;
@@ -20,6 +8,10 @@ interface SecureScreenProps {
     notice?: string;
     children: React__default.ReactNode;
 }
-declare function SecureScreen({ enabled, notice, children }: SecureScreenProps): React__default.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const SecureScreen: React__default.FC<SecureScreenProps & SduiBoxProps>;
 
 export { SecureScreen, type SecureScreenProps };

package/dist/widgets/SecureScreen.js

@@ -1,2 +1,3 @@
-export { SecureScreen } from '../chunk-562QK2G3.js';
-import '../chunk-CRSY67TZ.js';
+export { SecureScreen } from '../chunk-YMWU4F7E.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/StackedMeter.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react';
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 
 /**
  * StackedMeter — CSS로 그리는 누적 비율 막대.
@@ -7,7 +8,6 @@ import { ReactNode } from 'react';
  * var(--wp-surface-sunken), 세그먼트는 --wp-series 토큰을 고정
  * 순서로 순환하며, 범례 행에 색 점 + 라벨 + 값 + 백분율을 함께 적는다.
  */
-
 interface StackedMeterSegment {
     label: string;
     value: number;
@@ -21,6 +21,10 @@ interface StackedMeterProps {
     /** 트랙 높이(px). 기본 10. */
     height?: number;
 }
-declare function StackedMeter({ segments, showLegend, height, }: StackedMeterProps): ReactNode;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const StackedMeter: React.FC<StackedMeterProps & SduiBoxProps>;
 
 export { StackedMeter, type StackedMeterProps, type StackedMeterSegment };

package/dist/widgets/StackedMeter.js

@@ -1 +1,2 @@
-export { StackedMeter } from '../chunk-7Y4J7EOK.js';
+export { StackedMeter } from '../chunk-BMZKZGJF.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/Strip.d.ts

@@ -1,13 +1,5 @@
+import { c as SduiGapScale, S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import React__default from 'react';
-import { f as SduiGapScale } from '../layout-BnYUuWC2.js';
-
-/**
- * Strip — 가로 스크롤 스트립.
- *
- * - 자식들을 flex-shrink:0 래퍼로 감싸 한 줄로 늘어놓고 overflow-x로 스크롤한다.
- * - 스크롤바는 얇게(scrollbar-width:thin + webkit 폴백).
- * - snap이면 scroll-snap-type:x mandatory, 각 항목 scroll-snap-align:start.
- */
 
 interface StripProps {
     children: React__default.ReactNode;
@@ -22,6 +14,10 @@ interface StripProps {
     /** 항목 시작점에 스크롤 스냅 */
     snap?: boolean;
 }
-declare function Strip({ children, gap, snap }: StripProps): React__default.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const Strip: React__default.FC<StripProps & SduiBoxProps>;
 
 export { Strip, type StripProps };

package/dist/widgets/Strip.js

@@ -1,2 +1,2 @@
-export { Strip } from '../chunk-PJRXPMI3.js';
-import '../chunk-QBIVW7E6.js';
+export { Strip } from '../chunk-ZH5MLOZS.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/SummaryTable.d.ts

@@ -1,13 +1,6 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import React__default from 'react';
 
-/**
- * SummaryTable — 합계 푸터 행이 있는 테이블.
- *
- * DS Table은 tfoot을 지원하지 않아, 컬럼 정렬이 어긋나지 않도록
- * .wp-table 구조(src/styles/css/data.css)를 그대로 미러링한 단일
- * <table>로 직접 렌더링한다. 푸터 행: var(--wp-surface-sunken) 배경 + strong 텍스트.
- */
-
 interface SummaryTableColumn {
     key: string;
     header: React__default.ReactNode;
@@ -26,6 +19,10 @@ interface SummaryTableProps {
     /** 32px 행(.wp-table--dense) */
     dense?: boolean;
 }
-declare function SummaryTable({ columns, rows, footer, dense }: SummaryTableProps): React__default.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const SummaryTable: React__default.FC<SummaryTableProps & SduiBoxProps>;
 
 export { SummaryTable, type SummaryTableColumn, type SummaryTableProps };

package/dist/widgets/SummaryTable.js

@@ -1 +1,2 @@
-export { SummaryTable } from '../chunk-USKRM22W.js';
+export { SummaryTable } from '../chunk-O4U7Y3XL.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/TagMultiSelect.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 
 /**
  * TagMultiSelect — 인라인 토글 배지 다중 선택.
@@ -20,6 +21,10 @@ interface TagMultiSelectProps {
     /** 옵션이 하나도 없을 때 보여줄 안내 문구. */
     emptyText?: string;
 }
-declare function TagMultiSelect({ options, values, onChange, disabled, emptyText, }: TagMultiSelectProps): React.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const TagMultiSelect: React.FC<TagMultiSelectProps & SduiBoxProps>;
 
 export { TagMultiSelect, type TagMultiSelectOption, type TagMultiSelectProps };

package/dist/widgets/TagMultiSelect.js

@@ -1,2 +1,3 @@
-export { TagMultiSelect } from '../chunk-2ARNY7WZ.js';
-import '../chunk-CRSY67TZ.js';
+export { TagMultiSelect } from '../chunk-KPDUJFVD.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/Timeline.d.ts

@@ -1,14 +1,6 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import React__default from 'react';
 
-/**
- * Timeline — 변경 이력/활동 피드.
- *
- * - 좌측 아이콘 컬럼: 유형별 틴트 원(생성=success/plus, 수정=info/pencil,
- *   삭제=danger/trash-2, 정보=neutral/info) + 항목 사이 연결선(var(--wp-border-subtle)).
- * - payload가 있으면 Disclosure 접기 버튼 아래 wp-mono-xs <pre> JSON 블록으로 보여준다.
- * - actions는 본문 하단 우측 정렬.
- */
-
 interface TimelineItem {
     id: string;
     /** create=success · update=info · delete=danger · info(기본)=neutral */
@@ -25,6 +17,10 @@ interface TimelineProps {
     /** 지정 시 이 높이를 넘으면 세로 스크롤 */
     maxHeight?: string;
 }
-declare function Timeline({ items, maxHeight }: TimelineProps): React__default.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const Timeline: React__default.FC<TimelineProps & SduiBoxProps>;
 
 export { Timeline, type TimelineItem, type TimelineProps };

package/dist/widgets/Timeline.js

@@ -1,3 +1,4 @@
-export { Timeline } from '../chunk-DN5YNPJS.js';
-import '../chunk-TAFUDHIX.js';
-import '../chunk-CRSY67TZ.js';
+export { Timeline } from '../chunk-I5GNJDHQ.js';
+import '../chunk-CEFOZOOM.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreePicker.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import { TreeNode } from './TreeView.js';
 
 interface TreePickerProps {
@@ -16,6 +17,10 @@ interface TreePickerProps {
     allowEmpty?: boolean;
     disabled?: boolean;
 }
-declare function TreePicker({ nodes, value, valueLabel, onChange, label, placeholder, excludeIds, allowEmpty, disabled, }: TreePickerProps): React.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const TreePicker: React.FC<TreePickerProps & SduiBoxProps>;
 
 export { TreePicker, type TreePickerProps };

package/dist/widgets/TreePicker.js

@@ -1,3 +1,4 @@
-export { TreePicker } from '../chunk-GWVK3BHB.js';
-import '../chunk-Y3HYEWSY.js';
-import '../chunk-CRSY67TZ.js';
+export { TreePicker } from '../chunk-6ALDY64N.js';
+import '../chunk-5RWAK5QO.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreeView.d.ts

@@ -1,3 +1,4 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import React__default from 'react';
 
 /** 트리 노드. children이 있으면 폴더, 없으면 리프로 그린다. */
@@ -21,6 +22,10 @@ interface TreeViewProps {
     /** 스크롤 컨테이너 최대 높이 (예: "320px"). */
     maxHeight?: string;
 }
-declare function TreeView({ nodes, selectedId, onSelect, searchable, defaultExpandedDepth, excludeIds, maxHeight, }: TreeViewProps): React__default.JSX.Element;
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const TreeView: React__default.FC<TreeViewProps & SduiBoxProps>;
 
 export { type TreeNode, TreeView, type TreeViewProps };

package/dist/widgets/TreeView.js

@@ -1,2 +1,3 @@
-export { TreeView } from '../chunk-Y3HYEWSY.js';
-import '../chunk-CRSY67TZ.js';
+export { TreeView } from '../chunk-5RWAK5QO.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.d.ts

@@ -1,46 +1,46 @@
-import * as React from 'react';
+import { TreeViewProps } from './TreeView.js';
+export { TreeNode, TreeView } from './TreeView.js';
+import { TreePickerProps } from './TreePicker.js';
+export { TreePicker } from './TreePicker.js';
+import { TimelineProps } from './Timeline.js';
+export { Timeline, TimelineItem } from './Timeline.js';
+import { TagMultiSelectProps } from './TagMultiSelect.js';
+export { TagMultiSelect, TagMultiSelectOption } from './TagMultiSelect.js';
+import { SummaryTableProps } from './SummaryTable.js';
+export { SummaryTable, SummaryTableColumn } from './SummaryTable.js';
+import { StripProps } from './Strip.js';
+export { Strip } from './Strip.js';
+import { StackedMeterProps } from './StackedMeter.js';
+export { StackedMeter, StackedMeterSegment } from './StackedMeter.js';
+import { SecureScreenProps } from './SecureScreen.js';
+export { SecureScreen } from './SecureScreen.js';
+import { SearchableMultiPickerProps } from './SearchableMultiPicker.js';
+export { MultiPickerOption, SearchableMultiPicker } from './SearchableMultiPicker.js';
+import { PrintSheetProps } from './PrintSheet.js';
+export { PrintSheet } from './PrintSheet.js';
+import { PeriodFilterProps } from './PeriodFilter.js';
+export { Period, PeriodFilter, PeriodMode, PeriodModeItem } from './PeriodFilter.js';
+import { OrgChartProps } from './OrgChart.js';
+export { OrgChart, OrgNode } from './OrgChart.js';
+import { LiveClockProps } from './LiveClock.js';
+export { LiveClock } from './LiveClock.js';
+import { JsonFieldProps } from './JsonField.js';
+export { JsonField } from './JsonField.js';
+import { InlineEditProps } from './InlineEdit.js';
+export { InlineEdit } from './InlineEdit.js';
+import { ImageLightboxProps } from './ImageLightbox.js';
+export { ImageLightbox } from './ImageLightbox.js';
 import { EventCalendarProps } from './EventCalendar.js';
 export { EventCalendar, EventCalendarEvent, EventCalendarTypeOption, EventCalendarView, EventCalendarViewItem } from './EventCalendar.js';
-import { ColumnBoard } from './ColumnBoard.js';
-export { ColumnBoardColumn, ColumnBoardItem, ColumnBoardProps, ColumnBoardTone } from './ColumnBoard.js';
-import { DiffView } from './DiffView.js';
-export { DiffField, DiffList, DiffViewProps } from './DiffView.js';
-import { Disclosure } from './Disclosure.js';
-export { DisclosureProps } from './Disclosure.js';
-import { ImageLightbox } from './ImageLightbox.js';
-export { ImageLightboxProps } from './ImageLightbox.js';
-import { InlineEdit } from './InlineEdit.js';
-export { InlineEditProps } from './InlineEdit.js';
-import { JsonField } from './JsonField.js';
-export { JsonFieldProps } from './JsonField.js';
-import { LiveClock } from './LiveClock.js';
-export { LiveClockProps } from './LiveClock.js';
-import { OrgChart } from './OrgChart.js';
-export { OrgChartProps, OrgNode } from './OrgChart.js';
-import { PeriodFilter } from './PeriodFilter.js';
-export { Period, PeriodFilterProps, PeriodMode, PeriodModeItem } from './PeriodFilter.js';
-import { PrintSheet } from './PrintSheet.js';
-export { PrintSheetProps } from './PrintSheet.js';
-import { SearchableMultiPicker } from './SearchableMultiPicker.js';
-export { MultiPickerOption, SearchableMultiPickerProps } from './SearchableMultiPicker.js';
-import { SecureScreen } from './SecureScreen.js';
-export { SecureScreenProps } from './SecureScreen.js';
-import { StackedMeter } from './StackedMeter.js';
-export { StackedMeterProps, StackedMeterSegment } from './StackedMeter.js';
-import { Strip } from './Strip.js';
-export { StripProps } from './Strip.js';
-import { SummaryTable } from './SummaryTable.js';
-export { SummaryTableColumn, SummaryTableProps } from './SummaryTable.js';
-import { TagMultiSelect } from './TagMultiSelect.js';
-export { TagMultiSelectOption, TagMultiSelectProps } from './TagMultiSelect.js';
-import { Timeline } from './Timeline.js';
-export { TimelineItem, TimelineProps } from './Timeline.js';
-import { TreePicker } from './TreePicker.js';
-export { TreePickerProps } from './TreePicker.js';
-import { TreeView } from './TreeView.js';
-export { TreeNode, TreeViewProps } from './TreeView.js';
+import { DisclosureProps } from './Disclosure.js';
+export { Disclosure } from './Disclosure.js';
+import { DiffViewProps } from './DiffView.js';
+export { DiffField, DiffList, DiffView } from './DiffView.js';
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import { ColumnBoardProps } from './ColumnBoard.js';
+export { ColumnBoard, ColumnBoardColumn, ColumnBoardItem, ColumnBoardTone } from './ColumnBoard.js';
 export { AutocompleteField, AutocompleteFieldProps, AutocompleteOption, AutocompleteSearchFn, AutocompleteSearchResult, toAutocompleteOptions } from './AutocompleteField.js';
-import '../layout-BnYUuWC2.js';
 
 /**
  * `createRegistry(widgetComponents)`로 어휘에 얹는 묶음.
@@ -50,28 +50,28 @@ import '../layout-BnYUuWC2.js';
  * `SduiWidgetComponentName`이 어휘 목록이 되게 한다.
  */
 declare const widgetComponents: {
-    ColumnBoard: typeof ColumnBoard;
-    DiffView: typeof DiffView;
-    Disclosure: typeof Disclosure;
-    EventCalendar: ({ events, view, onViewChange, views, date, onDateChange, types, onEventClick, selectedId, }: EventCalendarProps) => React.JSX.Element;
-    ImageLightbox: typeof ImageLightbox;
-    InlineEdit: typeof InlineEdit;
-    JsonField: typeof JsonField;
-    LiveClock: typeof LiveClock;
-    OrgChart: typeof OrgChart;
-    PeriodFilter: typeof PeriodFilter;
-    PrintSheet: typeof PrintSheet;
-    SearchableMultiPicker: typeof SearchableMultiPicker;
-    SecureScreen: typeof SecureScreen;
-    StackedMeter: typeof StackedMeter;
-    Strip: typeof Strip;
-    SummaryTable: typeof SummaryTable;
-    TagMultiSelect: typeof TagMultiSelect;
-    Timeline: typeof Timeline;
-    TreePicker: typeof TreePicker;
-    TreeView: typeof TreeView;
+    ColumnBoard: React.FC<ColumnBoardProps & SduiBoxProps>;
+    DiffView: React.FC<DiffViewProps & SduiBoxProps>;
+    Disclosure: React.FC<DisclosureProps & SduiBoxProps>;
+    EventCalendar: React.FC<EventCalendarProps & SduiBoxProps>;
+    ImageLightbox: React.FC<ImageLightboxProps & SduiBoxProps>;
+    InlineEdit: React.FC<InlineEditProps & SduiBoxProps>;
+    JsonField: React.FC<JsonFieldProps & SduiBoxProps>;
+    LiveClock: React.FC<LiveClockProps & SduiBoxProps>;
+    OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
+    PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
+    PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
+    SearchableMultiPicker: React.FC<SearchableMultiPickerProps & SduiBoxProps>;
+    SecureScreen: React.FC<SecureScreenProps & SduiBoxProps>;
+    StackedMeter: React.FC<StackedMeterProps & SduiBoxProps>;
+    Strip: React.FC<StripProps & SduiBoxProps>;
+    SummaryTable: React.FC<SummaryTableProps & SduiBoxProps>;
+    TagMultiSelect: React.FC<TagMultiSelectProps & SduiBoxProps>;
+    Timeline: React.FC<TimelineProps & SduiBoxProps>;
+    TreePicker: React.FC<TreePickerProps & SduiBoxProps>;
+    TreeView: React.FC<TreeViewProps & SduiBoxProps>;
 };
 /** 위젯 어휘의 컴포넌트 이름 union — 메타데이터 대조에 쓴다(`@wipco/sdui/meta`). */
 type SduiWidgetComponentName = keyof typeof widgetComponents;
 
-export { ColumnBoard, DiffView, Disclosure, EventCalendarProps, ImageLightbox, InlineEdit, JsonField, LiveClock, OrgChart, PeriodFilter, PrintSheet, type SduiWidgetComponentName, SearchableMultiPicker, SecureScreen, StackedMeter, Strip, SummaryTable, TagMultiSelect, Timeline, TreePicker, TreeView, widgetComponents };
+export { ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };

package/dist/widgets/index.js

@@ -1,47 +1,47 @@
-import { SearchableMultiPicker } from '../chunk-H32WQHB7.js';
-export { SearchableMultiPicker } from '../chunk-H32WQHB7.js';
-import { SecureScreen } from '../chunk-562QK2G3.js';
-export { SecureScreen } from '../chunk-562QK2G3.js';
-import { StackedMeter } from '../chunk-7Y4J7EOK.js';
-export { StackedMeter } from '../chunk-7Y4J7EOK.js';
-import { Strip } from '../chunk-PJRXPMI3.js';
-export { Strip } from '../chunk-PJRXPMI3.js';
-import { SummaryTable } from '../chunk-USKRM22W.js';
-export { SummaryTable } from '../chunk-USKRM22W.js';
-import { TagMultiSelect } from '../chunk-2ARNY7WZ.js';
-export { TagMultiSelect } from '../chunk-2ARNY7WZ.js';
-import { Timeline } from '../chunk-DN5YNPJS.js';
-export { Timeline } from '../chunk-DN5YNPJS.js';
-import { TreePicker } from '../chunk-GWVK3BHB.js';
-export { TreePicker } from '../chunk-GWVK3BHB.js';
-import { TreeView } from '../chunk-Y3HYEWSY.js';
-export { TreeView } from '../chunk-Y3HYEWSY.js';
-import { EventCalendar } from '../chunk-XMMYJSRV.js';
-export { EventCalendar } from '../chunk-XMMYJSRV.js';
-import { ImageLightbox } from '../chunk-XY2JKFAV.js';
-export { ImageLightbox } from '../chunk-XY2JKFAV.js';
-import { InlineEdit } from '../chunk-B4A4KY4K.js';
-export { InlineEdit } from '../chunk-B4A4KY4K.js';
-import { JsonField } from '../chunk-L4ORCIVN.js';
-export { JsonField } from '../chunk-L4ORCIVN.js';
-import { LiveClock } from '../chunk-QZQDHSMD.js';
-export { LiveClock } from '../chunk-QZQDHSMD.js';
-import { OrgChart } from '../chunk-63U54JAG.js';
-export { OrgChart } from '../chunk-63U54JAG.js';
-import { PeriodFilter } from '../chunk-J2DSDERS.js';
-export { PeriodFilter } from '../chunk-J2DSDERS.js';
-import { PrintSheet } from '../chunk-5O6PFLFJ.js';
-export { PrintSheet } from '../chunk-5O6PFLFJ.js';
-import '../chunk-QBIVW7E6.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-57LLG32F.js';
-import '../chunk-TKB7H5DB.js';
-import { ColumnBoard } from '../chunk-HGFYXY7F.js';
-export { ColumnBoard } from '../chunk-HGFYXY7F.js';
-import { DiffView } from '../chunk-73ZMMJRX.js';
-export { DiffView } from '../chunk-73ZMMJRX.js';
-import { Disclosure } from '../chunk-TAFUDHIX.js';
-export { Disclosure } from '../chunk-TAFUDHIX.js';
-import '../chunk-CRSY67TZ.js';
+import { SearchableMultiPicker } from '../chunk-H7V35NC2.js';
+export { SearchableMultiPicker } from '../chunk-H7V35NC2.js';
+import { SecureScreen } from '../chunk-YMWU4F7E.js';
+export { SecureScreen } from '../chunk-YMWU4F7E.js';
+import { StackedMeter } from '../chunk-BMZKZGJF.js';
+export { StackedMeter } from '../chunk-BMZKZGJF.js';
+import { Strip } from '../chunk-ZH5MLOZS.js';
+export { Strip } from '../chunk-ZH5MLOZS.js';
+import { SummaryTable } from '../chunk-O4U7Y3XL.js';
+export { SummaryTable } from '../chunk-O4U7Y3XL.js';
+import { TagMultiSelect } from '../chunk-KPDUJFVD.js';
+export { TagMultiSelect } from '../chunk-KPDUJFVD.js';
+import { Timeline } from '../chunk-I5GNJDHQ.js';
+export { Timeline } from '../chunk-I5GNJDHQ.js';
+import { TreePicker } from '../chunk-6ALDY64N.js';
+export { TreePicker } from '../chunk-6ALDY64N.js';
+import { TreeView } from '../chunk-5RWAK5QO.js';
+export { TreeView } from '../chunk-5RWAK5QO.js';
+import { EventCalendar } from '../chunk-KL554MEM.js';
+export { EventCalendar } from '../chunk-KL554MEM.js';
+import { ImageLightbox } from '../chunk-7MRAY6UD.js';
+export { ImageLightbox } from '../chunk-7MRAY6UD.js';
+import { InlineEdit } from '../chunk-VPVCVSFH.js';
+export { InlineEdit } from '../chunk-VPVCVSFH.js';
+import { JsonField } from '../chunk-VCX2XEF6.js';
+export { JsonField } from '../chunk-VCX2XEF6.js';
+import { LiveClock } from '../chunk-Z3WGIFJP.js';
+export { LiveClock } from '../chunk-Z3WGIFJP.js';
+import { OrgChart } from '../chunk-IKLBICOJ.js';
+export { OrgChart } from '../chunk-IKLBICOJ.js';
+import { PeriodFilter } from '../chunk-7Y6UFAYZ.js';
+export { PeriodFilter } from '../chunk-7Y6UFAYZ.js';
+import { PrintSheet } from '../chunk-6ZUWN2QX.js';
+export { PrintSheet } from '../chunk-6ZUWN2QX.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-OM63D4UH.js';
+import '../chunk-WUTCZCQH.js';
+import { ColumnBoard } from '../chunk-QTNIUMSM.js';
+export { ColumnBoard } from '../chunk-QTNIUMSM.js';
+import { DiffView } from '../chunk-RQ2FWV24.js';
+export { DiffView } from '../chunk-RQ2FWV24.js';
+import { Disclosure } from '../chunk-CEFOZOOM.js';
+export { Disclosure } from '../chunk-CEFOZOOM.js';
+import '../chunk-6FADQ2SU.js';
+import '../chunk-SAN4IX6N.js';
 
 // src/widgets/index.ts
 var widgetComponents = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",