@wipco/sdui 1.5.0 → 1.6.1

package/dist/styles.css

@@ -326,11 +326,20 @@
 .wp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .wp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .wp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
-@media (max-width: 900px) {
-  .wp-grid--3, .wp-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+/* 반응형 경계는 LAYOUT_CSS(layout.ts)·env.ts 와 같은 계약 — mobile ≤767.98 · tablet ≤1023.98.
+   `screen and` 는 인쇄 용지 폭이 max-width 에 걸리지 않게 한다. 예전 900/600 은 이 계약 이전 값. */
+/* `.wp-grid--nocollapse`(Grid collapse:false) 는 어느 폭에서도 열을 지킨다 — 접힘 규칙 전부가 비켜선다(LAYOUT_CSS·ERP §1 과 같은 계약). */
+@media screen and (max-width: 1023.98px) {
+  .wp-grid--3:where(:not(.wp-grid--nocollapse)), .wp-grid--4:where(:not(.wp-grid--nocollapse)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
-@media (max-width: 600px) {
-  .wp-grid--2, .wp-grid--3, .wp-grid--4 { grid-template-columns: minmax(0, 1fr); }
+@media screen and (max-width: 767.98px) {
+  .wp-grid--2:where(:not(.wp-grid--nocollapse)), .wp-grid--3:where(:not(.wp-grid--nocollapse)), .wp-grid--4:where(:not(.wp-grid--nocollapse)) { grid-template-columns: minmax(0, 1fr); }
+}
+/* Grid template(.wp-grid--custom)·nocollapse·5/6열·KV 블록·카드 포커스 링은 렌더러가 LAYOUT_CSS 로 들고
+   다닌다(SduiRenderer 가 hoist). 여기 사본은 렌더러 없이 컴포넌트를 직접 쓰는 소비자용이다. */
+.wp-grid--custom { grid-template-columns: var(--wp-grid-template); }
+@media screen and (max-width: 767.98px) {
+  .wp-grid--custom:where(:not(.wp-grid--nocollapse)) { grid-template-columns: minmax(0, 1fr); }
 }
 .wp-spacer { flex: 1; }
 /*
@@ -361,6 +370,7 @@
 .wp-kv { display: grid; grid-template-columns: minmax(96px, auto) 1fr; gap: 7px var(--wp-space-4); align-items: baseline; }
 .wp-kv__k { font-size: 12px; font-weight: 600; color: var(--wp-text-muted); }
 .wp-kv__v { font-size: 13px; color: var(--wp-text-default); min-width: 0; overflow-wrap: anywhere; }
+.wp-kv > .wp-kv__v--block { grid-column: 1 / -1; text-align: left; white-space: pre-wrap; }
 .wp-kv__tags, .wp-cell-tags { display: inline-flex; flex-wrap: wrap; gap: 4px; vertical-align: middle; }
 
 /* ---------- 버튼 ---------- */
@@ -572,6 +582,9 @@
 .wp-card--selected { border-color: var(--wp-navy-600); }
 .wp-card--interactive { cursor: pointer; transition: box-shadow 0.12s, transform 0.12s; }
 .wp-card--interactive:hover { box-shadow: var(--wp-shadow-md); transform: translateY(-1px); }
+.wp-card--interactive[role=button]:focus-visible { outline: none; box-shadow: var(--wp-ring-focus); }
+/* 목록 카드 보기의 강조 카드(SearchResults.selectedIds, 1.6.1) — hover 가 테두리·그림자를 바꿔도 고리를 유지한다. */
+.wp-card.is-selected, .wp-card.is-selected:hover { border-color: var(--wp-navy-600); box-shadow: var(--wp-ring-selected); }
 /* 표지 — 머리 위에 꽉 차게 깔린다. 카드가 overflow를 자르지 않으므로 위 두 모서리는
    여기서 직접 깎는다(카드 곡률에서 테두리 1px을 뺀 값). */
 .wp-card__cover {
@@ -620,6 +633,9 @@
 .wp-badge--danger { background: var(--wp-status-danger-bg); border-color: var(--wp-status-danger-border); color: var(--wp-status-danger-fg); }
 .wp-badge--brand { background: var(--wp-navy-50); border-color: var(--wp-navy-200); color: var(--wp-navy-600); }
 .wp-badge--dot::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
+/* 줄바꿈 배지(Badge.wrap, 1.6.1) — 스펙이 style 로 박던 값 그대로. 가로 여백은 크기(md/lg)의 것을 둔다. */
+.wp-badge--wrap { height: auto; min-height: 20px; max-width: 100%; padding-top: 2px; padding-bottom: 2px; white-space: normal; }
+.wp-badge--lg.wp-badge--wrap { min-height: 24px; }
 
 .wp-tag {
   display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px;
@@ -711,6 +727,11 @@
 .wp-table--dense td { padding: 6px 12px; }
 .wp-table--hover tbody tr:hover { background: var(--wp-surface-hover); }
 .wp-table tbody tr[aria-selected='true'] { background: var(--wp-surface-selected); }
+/* 강조 행(SearchResults.selectedIds, 1.6.1) — 체크 선택과 같은 바탕에 왼쪽 막대를 더해 둘을 가른다.
+   강조 행은 aria-selected 가 아니라 aria-current 라 바탕도 클래스로 칠한다.
+   tr 에는 그림자가 안정적으로 그려지지 않아 첫 칸 안쪽에 긋는다. */
+.wp-table tbody tr.wp-row--selected { background: var(--wp-surface-selected); }
+.wp-table tbody tr.wp-row--selected > td:first-child { box-shadow: inset 3px 0 0 var(--wp-navy-600); }
 /* 정렬 헤더 — th의 타이포를 그대로 물려받아 버튼처럼 보이지 않게 한다. */
 .wp-table__sort {
   display: inline-flex; align-items: center; gap: 3px;
@@ -722,6 +743,37 @@
 .wp-table__num { text-align: right; font-variant-numeric: tabular-nums; }
 .wp-table__mono { font-family: var(--wp-font-mono); font-size: 12px; }
 .wp-table__strong { font-weight: 600; color: var(--wp-text-strong); }
+/*
+ * 좁은 폭의 목록 표(1.6) — ResultTable 이 비가상 표를 .wp-table-scroll 로 감싸고
+ * table.wp-table--stackable + td[data-label]·[data-mobile] 을 낸다. 데스크톱에서는 규칙이 없어
+ * 예전과 같다(상자가 overflow 가 되면 칸 안의 떠 있는 메뉴가 잘린다 — 넘칠 수 있는 폭에서만 켠다).
+ * ERP 는 이 시트를 읽지 않고 responsive.css 에 같은 규칙을 둔다 — 편집기 미리보기를 맞추는 사본이다.
+ */
+@media screen and (max-width: 1023.98px) {
+  .wp-table-scroll { overflow-x: auto; max-width: 100%; overscroll-behavior-x: contain; }
+}
+@media screen and (max-width: 767.98px) {
+  .wp-table.wp-table--stackable { display: block; }
+  .wp-table--stackable thead { display: none; }
+  .wp-table--stackable tbody { display: flex; flex-direction: column; gap: 8px; }
+  .wp-table--stackable tbody tr { position: relative; display: flex; flex-direction: column; padding: 10px 14px; background: var(--wp-surface-card); border: var(--wp-border-w) solid var(--wp-border-subtle); border-radius: var(--wp-radius-card); }
+  .wp-table--stackable.wp-table--hover tbody tr:hover { background: var(--wp-surface-card); }
+  .wp-table--stackable tbody tr[aria-selected='true'] { border-color: var(--wp-navy-600); background: var(--wp-surface-selected); }
+  /* 행 카드에서는 막대 대신 카드 고리 — 첫 칸은 선택 칸(절대 위치)이거나 머리라 막대가 엉뚱한 데 선다.
+     강조 행은 aria-selected 가 없으니(aria-current) 테두리·바탕을 체크 선택 행과 같게 직접 준다. */
+  .wp-table--stackable tbody tr.wp-row--selected { border-color: var(--wp-navy-600); background: var(--wp-surface-selected); box-shadow: var(--wp-ring-selected); }
+  .wp-table--stackable tbody tr.wp-row--selected > td:first-child { box-shadow: none; }
+  /* 위 hover 규칙(행 카드 바탕을 카드색으로, 명시도 0,3,2)이 선택·강조 바탕(0,2,2)을 이기지 않게 — 누르고 있는 동안에도 선택 바탕 */
+  .wp-table--stackable.wp-table--hover tbody tr[aria-selected='true']:hover,
+  .wp-table--stackable.wp-table--hover tbody tr.wp-row--selected:hover { background: var(--wp-surface-selected); }
+  .wp-table--stackable tbody td { display: flex; align-items: center; gap: 12px; min-height: 28px; padding: 3px 0; border: 0; white-space: normal; text-align: left; min-width: 0; }
+  .wp-table--stackable tbody td::before { content: attr(data-label); flex: none; width: 6em; font-size: 12px; color: var(--wp-text-subtle); }
+  .wp-table--stackable tbody td[data-label='']::before { display: none; }
+  .wp-table--stackable tbody td[data-label='']:has(.wp-check) { position: absolute; top: 6px; right: 6px; min-height: 0; padding: 0; }
+  .wp-table--stackable tbody td[data-mobile='title'] { order: -1; padding-right: 28px; font-weight: 600; color: var(--wp-text-strong); }
+  .wp-table--stackable tbody td[data-mobile='title']::before { display: none; }
+  .wp-table--stackable tbody td[data-mobile='hide'] { display: none; }
+}
 
 /* ---------- 스탯 ---------- */
 .wp-stat { display: flex; flex-direction: column; gap: 4px; }
@@ -999,3 +1051,66 @@
   display: flex; align-items: center; justify-content: space-between; gap: var(--wp-space-2);
   padding: var(--wp-space-3); border-top: var(--wp-border-w) solid var(--wp-divider);
 }
+/*
+ * 검색 팝오버의 딤(1.6) — Popover 가 열린 패널의 형제로 .wp-popover-backdrop 을 그린다.
+ * 데스크톱에서는 없는 것처럼 두고(바깥 클릭은 문서 pointerdown 이 닫는다), 모바일에서만 화면을 덮는
+ * 딤 + 하단 시트가 된다. 딤을 누르면 Popover 가 닫고 같은 탭의 click 을 삼킨다(밑의 행으로 새지 않게).
+ */
+.wp-popover-backdrop { display: none; }
+@media screen and (max-width: 767.98px) {
+  .wp-popover-backdrop { display: block; position: fixed; inset: 0; z-index: calc(var(--wp-z-dialog) - 1); background: var(--wp-surface-overlay); touch-action: none; }
+  .wp-popover-backdrop + .wp-popover {
+    position: fixed; left: 0; right: 0; bottom: 0; top: auto;
+    width: auto; min-width: 0; max-height: 85dvh;
+    display: flex; flex-direction: column;
+    border-radius: var(--wp-radius-lg) var(--wp-radius-lg) 0 0;
+    z-index: var(--wp-z-dialog);
+  }
+  .wp-popover-backdrop + .wp-popover > .wp-popover__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
+  .wp-popover-backdrop + .wp-popover > .wp-popover__foot { flex: none; padding-bottom: calc(var(--wp-space-3) + env(safe-area-inset-bottom)); }
+}
+
+/* ---------- 반응형 — ERP responsive.css §1·§2 사본 (편집기 미리보기용) ----------
+ * ERP 는 이 시트를 읽지 않고 app/src/styles/css/responsive.css 를 정본으로 쓴다. 여기 규칙은 그 §1(태블릿+모바일)·
+ * §2(태블릿 터치)를 렌더러 없이 컴포넌트를 쓰는 소비자와 편집기 미리보기에 맞추는 사본이다 — 컨테이너(.wp-content·
+ * #wp-overlay-root) 한정만 뺐다. 브레이크포인트 계약: mobile ≤767.98 · tablet 768–1023.98 · desktop ≥1024, `screen and`.
+ * 목록 표 상자(.wp-table-scroll)·행 카드·팝오버 딤은 위 절에 이미 있다.
+ * 탭 인디케이터는 ERP(::after)와 달리 이 시트가 border-bottom 이라 overflow 상자 안에 들어오도록 margin-bottom 을 0 으로.
+ */
+@media screen and (max-width: 1023.98px) {
+  /* Grid 프리셋 3·4열 → 2열 — 통계 카드 줄(StatCard 만 든 그리드)은 원래 열을 지킨다. 정확히 셋일 때만 셋째를 전폭으로.
+     `.wp-grid--nocollapse`(collapse:false) 는 어느 폭에서도 열을 지킨다 — ERP responsive.css §1 과 같은 가드. */
+  .wp-grid.wp-grid--3:not(.wp-grid--nocollapse),
+  .wp-grid.wp-grid--4:not(.wp-grid--nocollapse) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .wp-grid.wp-grid--3:has(> .wp-card > .wp-card__body > .wp-stat) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+  .wp-grid.wp-grid--4:has(> .wp-card > .wp-card__body > .wp-stat) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+  .wp-grid.wp-grid--3:not(.wp-grid--nocollapse):not(:has(> .wp-card > .wp-card__body > .wp-stat)) > :nth-child(3):last-child { grid-column: 1 / -1; }
+  .wp-grid.wp-grid--4 > .wp-card > .wp-card__body > .wp-stat > .wp-stat__value { font-size: var(--wp-size-2xl); }
+  /* PageHead: 제목이 180px 아래로 밀리면 액션이 다음 줄로 */
+  .wp-page-head { flex-wrap: wrap; row-gap: 12px; }
+  .wp-page-head__text { flex: 1 1 180px; }
+  .wp-page-head__actions { flex: 0 1 auto; max-width: 100%; min-width: 0; flex-wrap: wrap; }
+  /* Card 머리: 제목이 160px 아래로 줄면 액션이 다음 줄로 */
+  .wp-card__head { flex-wrap: wrap; row-gap: 8px; }
+  .wp-card__head > :has(> .wp-card__title) { flex: 1 1 160px; }
+  /* Tabs: 넘치면 탭 줄만 가로 스크롤(페이지 전체가 옆으로 밀리던 것). 경계선은 inset 그림자로, 포커스 링은 안쪽으로. */
+  .wp-tabs { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--wp-border-subtle); }
+  .wp-tabs::-webkit-scrollbar { display: none; }
+  .wp-tab { flex: none; margin-bottom: 0; }
+  .wp-tab:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--wp-border-focus); }
+  /* 페이지 범위 "1–10 / 68" 이 좁은 칸에서 네 줄로 꺾이던 것 */
+  .wp-pager .wp-num { white-space: nowrap; }
+}
+/* 태블릿 + 터치 — 손가락 기기만. 시각 크기보다 누름 영역이 목적이다. */
+@media screen and (min-width: 768px) and (max-width: 1023.98px) and (pointer: coarse) {
+  .wp-pager__page { min-width: 36px; height: 36px; }
+  .wp-seg__item { height: 32px; }
+  .wp-table__sort { min-height: 32px; }
+  .wp-iconbtn { min-width: 36px; min-height: 36px; }
+  /* 글자 없는 체크박스(표 선택 칸)는 16px 상자뿐 — 음수 여백으로 배치는 그대로 두고 누를 자리만 넓힌다 */
+  .wp-check:not(:has(.wp-check__text)) { padding: 8px; margin: -8px; }
+}
+/* 모바일 행 카드의 빈 칸 — 라벨만 덩그러니 남지 않게 '—'(플레인 Table 은 데스크톱 표기를 바꾸지 않아 CSS 로만) */
+@media screen and (max-width: 767.98px) {
+  .wp-table--stackable tbody td:empty::after { content: '—'; color: var(--wp-text-subtle); }
+}

package/dist/{types-COjGKgmd.d.ts → types-CMikpoN5.d.ts}

@@ -95,8 +95,16 @@ interface SduiCalcRef {
          * - `join`    `sep`(기본 ',')으로 잇는다
          * - `split`   `sep`(기본 ',')으로 가른다. `take`를 주면 그 조각 하나(음수는 뒤에서)
          * - `sortBy`  `field` 기준 정렬(`desc: true`면 내림차순). 원본은 건드리지 않는다
+         * - `map`     객체 배열의 각 행을 `field` 값으로 바꾼다
          */
-         | 'get' | 'pluck' | 'filter' | 'some' | 'every' | 'includes' | 'distinct' | 'except' | 'groupBy' | 'groupCount' | 'entries' | 'fromEntries' | 'length' | 'join' | 'split' | 'sortBy';
+         | 'get' | 'pluck' | 'filter' | 'some' | 'every' | 'includes' | 'distinct' | 'except' | 'groupBy' | 'groupCount' | 'entries' | 'fromEntries' | 'length' | 'join' | 'split' | 'sortBy' | 'map'
+        /**
+         * 서식 — 원시 값을 사람이 읽는 글자로(KST 고정, 브라우저 시간대와 무관).
+         * - `formatDate`   `[값, 'date'|'datetime'|'time']`(기본 datetime). 빈 값은 '', 못 읽는 글은 원문
+         * - `formatNumber` `[값, 소수자리?]` ko-KR 천 단위. 자리를 주면 0~6 으로 고정
+         * - `today`        `['date'|'datetime'|'time']`(기본 date) 지금의 한국 시각 — 출력일 같은 자리
+         */
+         | 'formatDate' | 'formatNumber' | 'today';
         args: SduiPropValue[];
         /** sum/count·목록 연산에서 객체 배열의 필드를 지정 */
         field?: string;
@@ -305,6 +313,30 @@ type SduiAction = {
     pendingKey?: string;
     /** 성공 시 무효화할 조회 prefix — onSuccess의 invalidate 액션 단축 */
     invalidate?: string;
+    /**
+     * 배열을 주면 **원소마다** 같은 요청을 낸다 — 선택한 N건 삭제가 이것이다.
+     * `endpoint`·`body` 안에서 원소는 `$item`(원소 전체 또는 `{"$item":"id"}`), 번호는
+     * `$index` 로 읽는다(바깥 ForEach 행보다 이 프레임이 가깝다). 그 둘은 디스패치
+     * 시점에도 원본으로 남아 원소마다 풀린다.
+     *
+     * ```json
+     * { "action": "request", "method": "DELETE",
+     *   "endpoint": { "$calc": { "op": "concat", "args": ["/clients/", { "$item": true }] } },
+     *   "each": { "$state": "deleteIds" }, "invalidate": "/clients", "pendingKey": "deleting",
+     *   "onSuccess": [{ "action": "toast", "tone": "success", "title": "삭제되었습니다" },
+     *                 { "action": "close", "key": "deleteOpen" }],
+     *   "onError": [{ "action": "toast", "tone": "danger",
+     *                 "message": { "$event": "message" } }] }
+     * ```
+     *
+     * - 동시에 3건까지 낸다. 전부 성공하면 `onSuccess` **한 번**(이벤트 값 = 응답 배열,
+     *   원소 순서). 하나라도 실패하면 `onError` 한 번 — 이벤트 값은
+     *   `{ failed, succeeded, total, message, errors[] }` 라 `{"$event":"failed"}` 로 수를
+     *   읽는다(`errorKey` 에도 같은 값). 생략하면 'N건 중 M건 실패' 토스트.
+     * - `invalidate` 는 성공한 것이 하나라도 있으면 건다 — 서버는 그만큼 바뀌었다.
+     * - 빈 배열·배열 아님은 요청도 체인도 없이 끝난다. 버튼은 선택 수로 잠근다.
+     */
+    each?: SduiPropValue;
 }
 /** 클라이언트 조회 캐시 무효화 — 어댑터의 invalidate로 위임 */
  | {
@@ -405,10 +437,41 @@ interface SduiPage {
      * title(문서 제목)을 포기하지 않아도 되는 자리다.
      */
     title?: string;
+    /**
+     * 레코드 이름을 제목으로 — `title` 대신 **상태에서 푼** 값을 쓴다.
+     *
+     * 상세 화면의 `title`("장비 상세")은 모든 레코드에서 같아 여러 탭·방문 기록에서 구별이
+     * 안 된다. 여기에 `{"$state":"rt.asset.name"}` 이나 `$calc` 를 주면, 값이 비어 있지 않은
+     * 문자열(숫자면 문자열로)일 때 자동 페이지 헤더의 제목이 그 값이 되고 호스트에도
+     * `adapter.setTitle(제목)` 으로 알린다(문서 <title>·브레드크럼은 호스트 몫). 비어
+     * 있으면(조회 전) `title` 로 돌아간다. `title` 은 그대로 둔다 — 호스트가 스펙 JSON 만 보고
+     * 메뉴·크럼을 세우는 자리라 문자열이어야 한다.
+     */
+    titleFrom?: SduiPropValue;
     subtitle?: string;
+    /**
+     * 이탈 가드 — 참이면 새로고침·창 닫기(beforeunload)와 앱 안 이동 전에 확인한다.
+     *
+     * `{"$state":"notifDirty"}` 처럼 상태 식을 준다. 문자열이면 그 문구로 묻고, 그 밖의
+     * 참값은 기본 문구다. Form 을 쓰는 화면은 이것 없이 `Form.guard: true` 로 같은 통로를
+     * 탄다(작성 중일 때만, 저장 직후 이동은 묻지 않는다). 상태로 입력을 모으는 화면
+     * (알림 설정 등)이 이 자리를 쓴다.
+     *
+     * 앱 안 이동은 두 갈래다: 호스트 어댑터가 `setLeaveGuard` 를 받으면 라우터 차단은
+     * 호스트가 하고(셸 메뉴·브라우저 뒤로 가기까지), 안 받으면 렌더러가 자기 `navigate`
+     * 액션 앞에서만 확인 창을 띄운다.
+     */
+    leaveGuard?: SduiPropValue;
     /** 실시간 채널 구독 — 어댑터의 subscribe로 위임(이벤트 수신 시 조용한 재조회) */
     subscribe?: string[];
-    /** URL 쿼리파라미터와 동기화할 상태 키 — 딥링크/새로고침 보존용 */
+    /**
+     * URL 쿼리파라미터와 동기화할 상태 키 — 딥링크/새로고침 보존용.
+     *
+     * 표기(1.6.1): 문자열은 원문(`?tab=delegations`), JSON 으로 다시 읽으면 다른 값이 되는 문자열
+     * (`"123"`·`"true"`·따옴표·괄호로 시작하는 것)과 문자열 아닌 값은 JSON(`?tab=%22123%22`, `?page=2`).
+     * 읽기는 JSON 으로 읽히면 그 값, 아니면 원문이라 옛 따옴표 링크(`?tab=%22delegations%22`)도 그대로 산다.
+     * 손으로 링크를 만들 때 숫자처럼 생긴 **문자열** 값은 따옴표로 싸야 한다(`?tab=%221%22` — `?tab=1` 은 숫자 1).
+     */
     urlState?: string[];
     /**
      * 페이지가 열릴 때 채울 상태 — `{ "상태키": { endpoint, select? } }`.

package/dist/widgets/ApprovalLineEditor.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 /** 저장 JSON 계약(approval-line) — 키 이름 변경 금지. */

package/dist/widgets/ApprovalLineEditor.js

@@ -1,9 +1,10 @@
-export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-MPT7WJG2.js';
-import '../chunk-Q4SWUINA.js';
-import '../chunk-UV6HHFEW.js';
-import '../chunk-RWSH2MBU.js';
+export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-USNPJEXH.js';
+import '../chunk-VAXRTBJH.js';
+import '../chunk-A57GKV5F.js';
+import '../chunk-FP32LNFK.js';
+import '../chunk-BITS7UJY.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-KO6OEY3G.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+import '../chunk-JHFA5RDN.js';
+import '../chunk-GSM664TX.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/ApprovalOverridesEditor.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 import { ApprovalLineStep, CustomApprover } from './ApprovalLineEditor.js';
 

package/dist/widgets/ApprovalOverridesEditor.js

@@ -1,11 +1,12 @@
-export { ApprovalOverridesEditor, facetsFrom } from '../chunk-DKVSM5HX.js';
-import '../chunk-I5SD7XRA.js';
-import '../chunk-MPT7WJG2.js';
-import '../chunk-Q4SWUINA.js';
-import '../chunk-UV6HHFEW.js';
-import '../chunk-RWSH2MBU.js';
+export { ApprovalOverridesEditor, facetsFrom } from '../chunk-KDKRFWIF.js';
+import '../chunk-GSXD52XG.js';
+import '../chunk-USNPJEXH.js';
+import '../chunk-VAXRTBJH.js';
+import '../chunk-A57GKV5F.js';
+import '../chunk-FP32LNFK.js';
+import '../chunk-BITS7UJY.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-KO6OEY3G.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+import '../chunk-JHFA5RDN.js';
+import '../chunk-GSM664TX.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/ApprovalStepper.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 interface ApprovalStepperStep {
@@ -9,7 +9,8 @@ interface ApprovalStepperStep {
      * 자기 어휘를 쓴다. 이름(`name`)이 있으면 그쪽이 이긴다.
      */
     type?: string;
-    status?: 'pending' | 'current' | 'approved' | 'rejected' | 'skipped';
+    /** 단계 상태. 목록에 없는 값은 대기로 그린다. */
+    status?: 'pending' | 'current' | 'approved' | 'rejected' | 'skipped' | 'cancelled';
     /** 처리한 결재자 이름(승인/반려된 단계). */
     approver?: string;
     /** 처리 일시(ISO 문자열 권장 — 파싱 실패 시 원문 그대로 표시). */
@@ -17,13 +18,34 @@ interface ApprovalStepperStep {
     /** 이 단계에서 결재할 수 있는 후보자 이름들. */
     candidates?: string[];
 }
+/** 단계가 없는 문서의 결과 — `outcome` 프롭. */
+type ApprovalStepperOutcome = 'approved' | 'pending' | 'rejected' | 'cancelled';
 interface ApprovalStepperProps {
     /** 결재를 올린 사람. 있으면 맨 앞에 신청자 노드를 그린다. */
     requester?: {
         name: string;
         sub?: string;
     };
-    steps: ApprovalStepperStep[];
+    /**
+     * 결재 단계. **아직 없으면(null·undefined — 조회 전) 아무것도 그리지 않는다.** 빈 배열(`[]`)은 "단계 없는
+     * 문서"라 `outcome`·`decidedBy` 안내를 그린다 — 둘을 가르지 않으면 대기 문서의 단계가 오는 동안
+     * '자동 승인되었습니다' 가 스친다. 스펙은 `{"$state":"rt.steps"}` 에 `default: []` 를 두지 않는다.
+     */
+    steps?: ApprovalStepperStep[] | null;
+    /**
+     * 결재 단계 없이 처리된 문서의 처리자. `steps` 가 비어 있을 때만 쓰인다 — 있으면
+     * '자동 승인' 대신 이 사람이 처리한 '결재' 노드 하나를 그린다(문서 결과는 `outcome`).
+     * 스펙이 처리자로 단계를 합성하던 일을 위젯이 대신한다.
+     */
+    decidedBy?: string;
+    /** 단계 없는 문서의 처리 일시(ISO 권장). `decidedBy` 노드의 툴팁, 자동 승인 안내의 둘째 줄. */
+    decidedAt?: string;
+    /**
+     * `steps` 가 비어 있을 때 문서의 결과. 기본 'approved' — 백엔드가 단계 없는 결재를 즉시
+     * 승인하므로 완료형('자동 승인되었습니다')으로 말한다. 'pending' 은 아직 올리기 전(미리보기)
+     * 이라 미래형, 'cancelled'·'rejected' 는 그 상태로 그린다.
+     */
+    outcome?: ApprovalStepperOutcome;
     /** 단계 클릭 핸들러 — 첫 인자(step 객체)가 SDUI 이벤트 값으로 저장된다. */
     onStepClick?: (step: ApprovalStepperStep) => void;
     /**
@@ -35,7 +57,10 @@ interface ApprovalStepperProps {
      */
     typeLabels?: Record<string, string>;
 }
+type StepStatus = NonNullable<ApprovalStepperStep['status']>;
+/** 상태 값을 아는 키로 좁힌다 — 비었거나 모르는 값은 대기. */
+declare function normalizeStepStatus(status: string | undefined | null): StepStatus;
 /** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자기 축(폭·여백)이 닿게 하는 통로. */
 declare const ApprovalStepper: React__default.FC<ApprovalStepperProps & SduiBoxProps>;
 
-export { ApprovalStepper, type ApprovalStepperProps, type ApprovalStepperStep };
+export { ApprovalStepper, type ApprovalStepperOutcome, type ApprovalStepperProps, type ApprovalStepperStep, normalizeStepStatus };

package/dist/widgets/ApprovalStepper.js

@@ -1,3 +1,3 @@
-export { ApprovalStepper } from '../chunk-XGFDY43I.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { ApprovalStepper, normalizeStepStatus } from '../chunk-CUFGH3LB.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/AutocompleteField.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 type AutocompleteOption = Record<string, unknown>;

package/dist/widgets/AutocompleteField.js

@@ -1,9 +1,10 @@
-export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-FNMS7OB7.js';
-import '../chunk-Q4SWUINA.js';
-import '../chunk-UV6HHFEW.js';
-import '../chunk-RWSH2MBU.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-J7BZF4T4.js';
+import '../chunk-VAXRTBJH.js';
+import '../chunk-A57GKV5F.js';
+import '../chunk-FP32LNFK.js';
+import '../chunk-BITS7UJY.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-KO6OEY3G.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+import '../chunk-JHFA5RDN.js';
+import '../chunk-GSM664TX.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/ColumnBoard.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 type ColumnBoardTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';

package/dist/widgets/ColumnBoard.js

@@ -1,3 +1,3 @@
-export { ColumnBoard } from '../chunk-YWUDBLO6.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { ColumnBoard } from '../chunk-7G6J6QFC.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/DiffView.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 interface DiffField {

package/dist/widgets/DiffView.js

@@ -1,3 +1,3 @@
-export { DiffView } from '../chunk-JYAR7D5U.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { DiffView } from '../chunk-NLSR3JYU.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/Disclosure.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 interface DisclosureProps {

package/dist/widgets/Disclosure.js

@@ -1,3 +1,3 @@
-export { Disclosure } from '../chunk-2HLXCKK7.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { Disclosure } from '../chunk-OCYJ2ZOV.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/EventCalendar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 
 /**
  * EventCalendar — 일정 캘린더 위젯 (월 / 주 / 일 / 일정 뷰).
@@ -37,6 +37,10 @@ interface EventCalendarViewItem {
 }
 interface EventCalendarProps {
     events: EventCalendarEvent[];
+    /**
+     * 보이는 뷰(controlled). 생략하면 위젯이 스스로 고르고 전환도 기억한다 — 이때 처음 뷰는
+     * 데스크톱 '월', 모바일 폭(≤767.98px) '일정'(월 칸이 너무 좁아 제목이 '울…'로 잘린다).
+     */
     view?: EventCalendarView;
     onViewChange?: (view: EventCalendarView) => void;
     /**

package/dist/widgets/EventCalendar.js

@@ -1,3 +1,5 @@
-export { EventCalendar, statusToneOf } from '../chunk-ZORQPB6B.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { EventCalendar, statusToneOf } from '../chunk-O4EMQWCV.js';
+import '../chunk-RIZRM7OO.js';
+import '../chunk-GSM664TX.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/FileDropzone.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 type FileDropzoneItem = {

package/dist/widgets/FileDropzone.js

@@ -1,7 +1,9 @@
-export { FileDropzone, unwrapUploaded } from '../chunk-N5RKM6IC.js';
-import '../chunk-VY7MVBSE.js';
-import '../chunk-SAPBDJJQ.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-KO6OEY3G.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { FileDropzone, unwrapUploaded } from '../chunk-EUSC5NMZ.js';
+import '../chunk-3PT5OBOU.js';
+import '../chunk-UZZLMPRW.js';
+import '../chunk-BITS7UJY.js';
+import '../chunk-RIZRM7OO.js';
+import '../chunk-JHFA5RDN.js';
+import '../chunk-GSM664TX.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/ImageLightbox.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 interface ImageLightboxProps {

package/dist/widgets/ImageLightbox.js

@@ -1,5 +1,7 @@
-export { ImageLightbox } from '../chunk-VY7MVBSE.js';
-import '../chunk-SAPBDJJQ.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { ImageLightbox } from '../chunk-3PT5OBOU.js';
+import '../chunk-UZZLMPRW.js';
+import '../chunk-BITS7UJY.js';
+import '../chunk-RIZRM7OO.js';
+import '../chunk-GSM664TX.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/InlineEdit.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 
 interface InlineEditProps {

package/dist/widgets/InlineEdit.js

@@ -1,3 +1,3 @@
-export { InlineEdit } from '../chunk-7P7N43JV.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { InlineEdit } from '../chunk-34BABTH4.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/JsonField.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 
 /**
  * JsonField — JSON 편집용 텍스트 영역.

package/dist/widgets/JsonField.js

@@ -1,3 +1,3 @@
-export { JsonField } from '../chunk-ZFNFPXPR.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { JsonField } from '../chunk-US3K6Q5T.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/LiveClock.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 
 /**
  * LiveClock — 1초 간격 실시간 시계 / 경과 시간 표시.

package/dist/widgets/LiveClock.js

@@ -1,2 +1,2 @@
-export { LiveClock } from '../chunk-DMLDKW7K.js';
-import '../chunk-5WW4MBRO.js';
+export { LiveClock } from '../chunk-37BNG4DT.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/OptionSchemaEditor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 
 /**
  * OptionSchemaEditor — 장비가 자기 유닛에게 받을 **옵션 서식**을 정한다.

package/dist/widgets/OptionSchemaEditor.js

@@ -1,4 +1,4 @@
-export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-CXW6KT6X.js';
-import '../chunk-WPSK2CB5.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-ESAFQXEU.js';
+import '../chunk-UC725BGW.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';

package/dist/widgets/OptionValueFields.d.ts

@@ -1,4 +1,4 @@
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import React__default from 'react';
 import { OptionField } from './OptionSchemaEditor.js';