@wipco/sdui 0.14.2 → 0.16.0

package/dist/{chunk-6NAJ2D4A.js → chunk-3MS4UWWZ.js}

@@ -1,5 +1,5 @@
-import { includesLooseSearch } from './chunk-FC2F37QH.js';
-import { Icon, Button, Input, Spinner } from './chunk-LMHIRQZ6.js';
+import { includesLooseSearch } from './chunk-GZB6YLUI.js';
+import { Icon, Button, Input, Spinner } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useId, useRef, useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-CXZYC7IN.js → chunk-C3JY6GA3.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-LMHIRQZ6.js';
+import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-G4QIJHEP.js → chunk-C4JRSZGS.js}

@@ -1,4 +1,4 @@
-import { Badge, Checkbox, IconButton, Icon } from './chunk-LMHIRQZ6.js';
+import { Badge, Checkbox, IconButton, Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-VBCUIM7N.js → chunk-EFYEOT47.js}

@@ -1,5 +1,5 @@
-import { Disclosure } from './chunk-YGSU34B3.js';
-import { Icon } from './chunk-LMHIRQZ6.js';
+import { Disclosure } from './chunk-HIZ2OVJA.js';
+import { Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-FC2F37QH.js → chunk-GZB6YLUI.js}

@@ -1,4 +1,4 @@
-import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-LMHIRQZ6.js';
+import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-WIDDHR7L.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-YGSU34B3.js → chunk-HIZ2OVJA.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-LMHIRQZ6.js';
+import { Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useId, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-5C4SIRSW.js → chunk-IIRENCDS.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-LMHIRQZ6.js';
+import { Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-K5ZJTLFP.js → chunk-J6OHRAPS.js}

@@ -1,5 +1,5 @@
-import { includesLooseSearch } from './chunk-FC2F37QH.js';
-import { Button, Dialog, Input, Tag, Checkbox } from './chunk-LMHIRQZ6.js';
+import { includesLooseSearch } from './chunk-GZB6YLUI.js';
+import { Button, Dialog, Input, Tag, Checkbox } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-X5X3FKCQ.js → chunk-JVBZRDC2.js}

@@ -1,4 +1,4 @@
-import { Textarea, Icon } from './chunk-LMHIRQZ6.js';
+import { Textarea, Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useRef, useId, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-BOSSWJTN.js → chunk-KT3ZVBLN.js}

@@ -1,4 +1,4 @@
-import { IconButton, Input } from './chunk-LMHIRQZ6.js';
+import { IconButton, Input } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-LN6IOMCK.js → chunk-LDJ2CFFH.js}

@@ -1,4 +1,4 @@
-import { Icon, Badge } from './chunk-LMHIRQZ6.js';
+import { Icon, Badge } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-4NPTFNAL.js → chunk-M3TDEPD2.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl, Select, Input } from './chunk-LMHIRQZ6.js';
+import { SegmentedControl, Select, Input } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-5YVXVGQ2.js → chunk-MYJ2KEIP.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-LMHIRQZ6.js';
+import { Button } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-BS4LGGQV.js → chunk-PYSTET2C.js}

@@ -1,5 +1,5 @@
-import { buildCascadingTree } from './chunk-FC2F37QH.js';
-import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-LMHIRQZ6.js';
+import { buildCascadingTree } from './chunk-GZB6YLUI.js';
+import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-HINKJD6C.js → chunk-Q2EUB5UV.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-LMHIRQZ6.js';
+import { Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { createContext, useState, useRef, useMemo, useCallback, useEffect, useLayoutEffect, useContext } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-K55ODWRY.js → chunk-QDEZXA34.js}

@@ -1,4 +1,4 @@
-import { Badge, Tag } from './chunk-LMHIRQZ6.js';
+import { Badge, Tag } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useMemo, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-F2MKI3W5.js → chunk-QWJ3OBBL.js}

@@ -1,4 +1,4 @@
-import { IconButton, Badge } from './chunk-LMHIRQZ6.js';
+import { IconButton, Badge } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-R3IK6EPA.js → chunk-THEP3VWY.js}

@@ -1,8 +1,7 @@
-import { IconButton } from './chunk-LMHIRQZ6.js';
-import { boxed } from './chunk-SAN4IX6N.js';
+import { IconButton } from './chunk-WIDDHR7L.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var MIN_SCALE = 1;
 var MAX_SCALE = 8;
@@ -12,8 +11,7 @@ var INITIAL_VIEW = { scale: 1, x: 0, y: 0 };
 function clamp(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
-function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
-  const [open, setOpen] = useState(false);
+function ImageViewer({ src, alt, open, onClose }) {
   const [view, setView] = useState(INITIAL_VIEW);
   const [dragging, setDragging] = useState(false);
   const stageRef = useRef(null);
@@ -21,16 +19,11 @@ function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
   const viewRef = useRef(view);
   viewRef.current = view;
   const dragRef = useRef(null);
-  const openViewer = (event) => {
-    event.stopPropagation();
-    setView(INITIAL_VIEW);
-    setOpen(true);
-  };
   const close = useCallback(() => {
     dragRef.current = null;
     setDragging(false);
-    setOpen(false);
-  }, []);
+    onClose();
+  }, [onClose]);
   const clampOffset = useCallback((x, y, scale) => {
     const stage = stageRef.current;
     const img = imgRef.current;
@@ -54,7 +47,11 @@ function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
       const cy = clientY - rect.top - rect.height / 2;
       const px = (cx - prev.x) / prev.scale;
       const py = (cy - prev.y) / prev.scale;
-      const next = clampOffset(cx - px * nextScale, cy - py * nextScale, nextScale);
+      const next = clampOffset(
+        cx - px * nextScale,
+        cy - py * nextScale,
+        nextScale
+      );
       setView({ scale: nextScale, x: next.x, y: next.y });
     },
     [clampOffset]
@@ -69,6 +66,9 @@ function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
     [zoomAt]
   );
   const resetView = useCallback(() => setView(INITIAL_VIEW), []);
+  useEffect(() => {
+    if (open) setView(INITIAL_VIEW);
+  }, [open]);
   useEffect(() => {
     if (!open) return;
     const onKeyDown = (event) => {
@@ -117,7 +117,11 @@ function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
     const dx = event.clientX - drag.startX;
     const dy = event.clientY - drag.startY;
     if (Math.abs(dx) + Math.abs(dy) > DRAG_CLOSE_THRESHOLD) drag.moved = true;
-    const next = clampOffset(drag.originX + dx, drag.originY + dy, viewRef.current.scale);
+    const next = clampOffset(
+      drag.originX + dx,
+      drag.originY + dy,
+      viewRef.current.scale
+    );
     setView((prev) => ({ ...prev, x: next.x, y: next.y }));
   };
   const endDrag = (event) => {
@@ -138,7 +142,8 @@ function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
   };
   const zoomPercent = Math.round(view.scale * 100);
   const isInitial = view.scale === 1 && view.x === 0 && view.y === 0;
-  const overlay = open ? createPortal(
+  if (!open || typeof document === "undefined") return null;
+  return createPortal(
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -264,48 +269,7 @@ function ImageLightboxImpl({ src, alt, thumbClassName, thumbStyle, children }) {
       }
     ),
     document.body
-  ) : null;
-  if (children) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          style: { display: "contents" },
-          onClick: openViewer,
-          onKeyDown: (event) => {
-            if (event.key === "Enter" || event.key === " ") {
-              event.preventDefault();
-              openViewer(event);
-            }
-          },
-          children
-        }
-      ),
-      overlay
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src,
-        alt: alt ?? "",
-        role: "button",
-        tabIndex: 0,
-        className: thumbClassName,
-        style: { cursor: "zoom-in", ...thumbStyle },
-        onClick: openViewer,
-        onKeyDown: (event) => {
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            openViewer(event);
-          }
-        }
-      }
-    ),
-    overlay
-  ] });
+  );
 }
-var ImageLightbox = boxed(ImageLightboxImpl, "ImageLightbox");
 
-export { ImageLightbox };
+export { ImageViewer };

package/dist/{chunk-LMHIRQZ6.js → chunk-WIDDHR7L.js}

@@ -908,6 +908,7 @@ function Card({
   subtitle,
   actions,
   footer,
+  cover,
   variant = "default",
   selected = false,
   interactive = false,
@@ -923,6 +924,7 @@ function Card({
   if (className) classes.push(className);
   const bodyClass = padding === "tight" ? "wp-card__body wp-card__body--tight" : "wp-card__body";
   return /* @__PURE__ */ jsxs("div", { className: classes.join(" "), ...rest, children: [
+    cover ? /* @__PURE__ */ jsx("div", { className: "wp-card__cover", children: cover }) : null,
     title || actions ? /* @__PURE__ */ jsxs("div", { className: "wp-card__head", children: [
       /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
         /* @__PURE__ */ jsx("div", { className: "wp-card__title", children: title }),

package/dist/{chunk-JND5NXUT.js → chunk-WVBU3SZM.js}

@@ -1,5 +1,5 @@
-import { resolveTreeNodes, TreeView } from './chunk-BS4LGGQV.js';
-import { Field, Dialog, Icon, Button, Input } from './chunk-LMHIRQZ6.js';
+import { resolveTreeNodes, TreeView } from './chunk-PYSTET2C.js';
+import { Field, Dialog, Icon, Button, Input } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/chunk-XPBZMECW.js

@@ -0,0 +1,73 @@
+import { ImageViewer } from './chunk-THEP3VWY.js';
+import { boxed } from './chunk-SAN4IX6N.js';
+import { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ImageLightboxImpl({
+  src,
+  alt,
+  thumbClassName,
+  thumbStyle,
+  children
+}) {
+  const [open, setOpen] = useState(false);
+  const openViewer = (event) => {
+    event.stopPropagation();
+    setOpen(true);
+  };
+  const overlay = /* @__PURE__ */ jsx(
+    ImageViewer,
+    {
+      src,
+      alt,
+      open,
+      onClose: () => setOpen(false)
+    }
+  );
+  if (children) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: { display: "contents" },
+          onClick: openViewer,
+          onKeyDown: (event) => {
+            if (event.key === "Enter" || event.key === " ") {
+              event.preventDefault();
+              openViewer(event);
+            }
+          },
+          children
+        }
+      ),
+      overlay
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: alt ?? "",
+        role: "button",
+        tabIndex: 0,
+        className: thumbClassName,
+        style: { cursor: "zoom-in", ...thumbStyle },
+        onClick: openViewer,
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            openViewer(event);
+          }
+        }
+      }
+    ),
+    overlay
+  ] });
+}
+var ImageLightbox = boxed(
+  ImageLightboxImpl,
+  "ImageLightbox"
+);
+
+export { ImageLightbox };

package/dist/index.d.ts

@@ -360,6 +360,8 @@ interface GridCardRow<T> {
     show?: (item: T) => boolean;
 }
 interface GridCardConfig<T> {
+    /** 머리 위 표지 — 보통 대표 사진(cells.tsx의 imageRenderer)을 넘긴다 */
+    cover?: (item: T) => React__default.ReactNode;
     title: (item: T) => React__default.ReactNode;
     subtitle?: (item: T) => React__default.ReactNode;
     badge?: (item: T) => {
@@ -500,12 +502,46 @@ interface SduiNumberCell {
     prefix?: string;
     suffix?: string;
 }
+/**
+ * 값(이미지 URL)을 사진으로. 목록 행·카드 표지가 같은 규칙을 쓴다.
+ *
+ * **사진 값은 언제나 눌러서 크게 볼 수 있다.** 확대를 옵션으로 두면 스펙마다 켜고 끄는
+ * 자리가 생기고, 켜지 않은 화면에서는 목록의 작은 썸네일이 사실상 못 보는 사진이 된다.
+ * 원본 보기는 사진이라는 값 자체의 성질로 본다. 뷰어는 코어의 `ImageViewer` 하나뿐이라
+ * (휠 줌·드래그 패닝·툴바) 목록·카드 표지·상세 첨부가 전부 같게 동작한다.
+ *
+ * **크게 볼 수 있는 것은 실제로 뜬 사진뿐이다.** URL이 없으면, 그리고 URL이 있어도
+ * 로딩이 실패하면(끊긴 링크·삭제된 객체) 자리표시자 상자로 떨어지고 눌리지 않는다 —
+ * 빈 화면이 뜨는 다이얼로그를 열어 주는 것보다 낫다.
+ *
+ * **값이 비어도 상자 크기는 같다.** 칸을 비우면 사진 있는 행만 높이가 달라져 표가
+ * 흔들린다. 아이콘 이름은 도메인마다 다르므로(장비는 building-2, 사람은 user)
+ * `fallbackIcon`으로 받고 기본값만 중립적인 `image`로 둔다.
+ */
+interface SduiImageCell {
+    type: 'image';
+    /** 기본 72 — 카드 커버로 쓰일 때는 컨테이너가 '100%'로 덮어쓴다 */
+    width?: number;
+    /** 기본 52 */
+    height?: number;
+    /** object-fit (기본 cover) */
+    fit?: 'cover' | 'contain';
+    /** 사진이 없을 때 그릴 아이콘 이름 (기본 image) */
+    fallbackIcon?: string;
+    /** 대체 텍스트를 담은 행의 필드 — 없으면 빈 alt(장식으로 취급) */
+    altKey?: string;
+}
 /** 날짜 서식(ko-KR). 파싱되지 않는 값은 원문 그대로. */
 interface SduiDateCell {
     type: 'date';
     format?: 'date' | 'datetime' | 'time';
 }
-type SduiCell = SduiTextCell | SduiBadgeCell | SduiTagCell | SduiLinkCell | SduiProgressCell | SduiIconCell | SduiNumberCell | SduiDateCell;
+type SduiCell = SduiTextCell | SduiImageCell | SduiBadgeCell | SduiTagCell | SduiLinkCell | SduiProgressCell | SduiIconCell | SduiNumberCell | SduiDateCell;
+/**
+ * 사진 셀 — 카드 커버도 이 함수를 쓴다(`width: '100%'` 을 넘겨 폭만 늘린다).
+ * 상자 크기를 값이 있든 없든 똑같이 잡아 두는 것이 요점이다.
+ */
+declare function imageRenderer(cell: SduiImageCell, key: string, width?: number | string): (row: SearchRow) => React__default.ReactNode;
 /**
  * 셀 스펙 → 렌더 함수. `undefined`를 돌려주면 호출자가 원문을 그대로 출력한다
  * (표에서는 `<td>{row[key]}</td>`, 카드에서는 값 문자열).
@@ -554,6 +590,15 @@ interface SduiGridCardAction {
     run: SduiAction | SduiAction[];
 }
 interface SduiGridCard {
+    /**
+     * 카드 표지로 쓸 사진 URL이 담긴 행의 필드. 주면 머리 위에 꽉 차게 깔린다.
+     * 사진이 없는 행은 자리표시자 상자가 대신 서서 카드 높이가 들쭉날쭉해지지 않는다.
+     */
+    imageKey?: string;
+    /** 표지 높이 (기본 150) */
+    imageHeight?: number;
+    /** 표지에 사진이 없을 때 그릴 아이콘 (기본 image) */
+    imageFallbackIcon?: string;
     titleKey: string;
     subtitleKey?: string;
     /** 카드 우상단 배지 — labelMap은 표시 텍스트만 바꾸고 톤 조회 키는 원래 값이다(셀 badge와 같은 규칙) */
@@ -874,6 +919,11 @@ interface CardProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>,
     actions?: React__default.ReactNode;
     /** 우측 정렬 푸터 행 */
     footer?: React__default.ReactNode;
+    /**
+     * 머리 위에 꽉 차게 깔리는 표지 — 목록 카드의 대표 사진 자리다.
+     * 카드 안쪽 여백을 무시하고 위 두 모서리만 카드 곡률을 따른다.
+     */
+    cover?: React__default.ReactNode;
     variant?: 'default' | 'raised' | 'flat' | 'sunken';
     selected?: boolean;
     interactive?: boolean;
@@ -881,7 +931,7 @@ interface CardProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>,
     padding?: 'default' | 'tight' | 'none';
     children?: React__default.ReactNode;
 }
-declare function Card({ title, subtitle, actions, footer, variant, selected, interactive, padding, children, className, ...rest }: CardProps): React__default.JSX.Element;
+declare function Card({ title, subtitle, actions, footer, cover, variant, selected, interactive, padding, children, className, ...rest }: CardProps): React__default.JSX.Element;
 interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
     tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'brand';
     /** 선행 5px 점 — 라이브/진행 상태 */
@@ -1691,4 +1741,34 @@ declare class NodeErrorBoundary extends React__default.Component<Props, State> {
     render(): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
 }
 
-export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePickerProps, DateRangePickerProps, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, includesLooseSearch, joinMultiValue, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };
+/**
+ * 원본 보기 오버레이 — 사진을 크게 보는 단 하나의 구현.
+ *
+ * 목록 셀(`search/cells.tsx`)·카드 표지·상세의 첨부 사진(`widgets/ImageLightbox`)이
+ * 전부 이것을 쓴다. 예전에는 위젯에만 있어서 코어의 셀은 확대를 흉내조차 낼 수 없었고,
+ * 그 자리를 다른 방식(다이얼로그)으로 메우자 **같은 사진인데 화면마다 확대가 달랐다.**
+ */
+
+interface ImageViewerProps {
+    /** 원본 이미지 URL */
+    src: string;
+    alt?: string;
+    /** 열림 여부 — 트리거는 부르는 쪽이 소유한다 */
+    open: boolean;
+    onClose: () => void;
+}
+/**
+ * 원본 보기 오버레이. 트리거(썸네일·표 칸·카드 표지…)는 부르는 쪽이 그리고,
+ * 여기서는 **열린 뒤의 전부**를 맡는다 — 휠 줌(커서 앵커)·드래그 패닝·툴바·
+ * Escape·배경 클릭·본문 스크롤 잠금.
+ *
+ * 사진을 크게 보는 자리가 화면마다 다르면 안 되므로(목록 셀·카드 표지·상세 첨부)
+ * 구현은 여기 하나뿐이다. `widgets/ImageLightbox`도 이것을 감싼 트리거일 뿐이다.
+ *
+ * **포털이지만 React 이벤트는 트리거 쪽 트리로 버블한다** — 그래서 오버레이 뿌리에서
+ * click·pointerdown·dblclick 전파를 끊는다. 이게 없으면 목록에서 연 뷰어의 사진을
+ * 눌렀을 때 그 행의 rowClick(상세 이동)이 함께 발동한다.
+ */
+declare function ImageViewer({ src, alt, open, onClose }: ImageViewerProps): React__default.ReactPortal | null;
+
+export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePickerProps, DateRangePickerProps, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiImageCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, imageRenderer, includesLooseSearch, joinMultiValue, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };

package/dist/index.js

@@ -1,9 +1,11 @@
-import { DEV, HoistedStyle, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, DateRangePicker, DatePicker, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-HINKJD6C.js';
-export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-HINKJD6C.js';
-import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-FC2F37QH.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-FC2F37QH.js';
-import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce, Dialog } from './chunk-LMHIRQZ6.js';
-export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-LMHIRQZ6.js';
+import { DEV, HoistedStyle, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, DateRangePicker, DatePicker, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-Q2EUB5UV.js';
+export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-Q2EUB5UV.js';
+import { ImageViewer } from './chunk-THEP3VWY.js';
+export { ImageViewer } from './chunk-THEP3VWY.js';
+import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-GZB6YLUI.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-GZB6YLUI.js';
+import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce, Dialog } from './chunk-WIDDHR7L.js';
+export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-WIDDHR7L.js';
 import { boxed, mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SAN4IX6N.js';
 export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-SAN4IX6N.js';
 import React, { createContext, useState, useMemo, useContext, useRef, useEffect, useCallback } from 'react';
@@ -319,6 +321,72 @@ function Show({ when, children }) {
 function Divider({ style, className }) {
   return /* @__PURE__ */ jsx("hr", { className: joinClass("wp-divider", className), style });
 }
+function imageRenderer(cell, key, width = cell.width ?? 72) {
+  const height = cell.height ?? 52;
+  return (row) => /* @__PURE__ */ jsx(
+    ImageCellView,
+    {
+      url: typeof row[key] === "string" ? row[key] : "",
+      alt: cell.altKey ? String(row[cell.altKey] ?? "") : "",
+      width,
+      height,
+      fit: cell.fit ?? "cover",
+      fallbackIcon: cell.fallbackIcon ?? "image"
+    }
+  );
+}
+function ImageCellView({
+  url,
+  alt,
+  width,
+  height,
+  fit,
+  fallbackIcon
+}) {
+  const [open, setOpen] = useState(false);
+  const [failed, setFailed] = useState(false);
+  const box = { width, height, borderRadius: "var(--wp-radius-lg)", flex: "none" };
+  if (!url || failed) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "wp-imagecell wp-imagecell--empty",
+        style: box,
+        "aria-hidden": alt ? void 0 : true,
+        role: alt ? "img" : void 0,
+        "aria-label": alt || void 0,
+        children: /* @__PURE__ */ jsx(Icon, { name: fallbackIcon, size: Math.round(height * 0.4) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "wp-imagecell__btn",
+        style: box,
+        onClick: (event) => {
+          event.stopPropagation();
+          setOpen(true);
+        },
+        "aria-label": alt ? `${alt} \uC0AC\uC9C4 \uD06C\uAC8C \uBCF4\uAE30` : "\uC0AC\uC9C4 \uD06C\uAC8C \uBCF4\uAE30",
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            className: "wp-imagecell",
+            src: url,
+            alt,
+            loading: "lazy",
+            onError: () => setFailed(true),
+            style: { width: "100%", height: "100%", objectFit: fit }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(ImageViewer, { src: url, alt, open, onClose: () => setOpen(false) })
+  ] });
+}
 function toNumber(value) {
   if (typeof value === "number") return Number.isFinite(value) ? value : null;
   if (typeof value === "string") {
@@ -417,6 +485,8 @@ function cellRenderer(cell, key, dispatch) {
         const raw = String(row[key] ?? "");
         return raw ? formatDate(raw, cell.format) : "";
       };
+    case "image":
+      return imageRenderer(cell, key);
     case "text":
       return void 0;
     default:
@@ -1012,6 +1082,7 @@ function GridCard({
     Card,
     {
       interactive: Boolean(onClick),
+      cover: config.cover?.(item),
       title: config.title(item),
       subtitle: config.subtitle?.(item),
       actions: badge || config.actions ? /* @__PURE__ */ jsxs("span", { className: "wp-row", children: [
@@ -1106,6 +1177,15 @@ function mapCardRows(rows, dispatch) {
 function mapGridCard(gridCard, dispatch) {
   if (!gridCard) return void 0;
   return {
+    cover: gridCard.imageKey ? imageRenderer(
+      {
+        height: gridCard.imageHeight ?? 150,
+        fallbackIcon: gridCard.imageFallbackIcon,
+        altKey: gridCard.titleKey
+      },
+      gridCard.imageKey,
+      "100%"
+    ) : void 0,
     title: (row) => String(row[gridCard.titleKey] ?? ""),
     subtitle: gridCard.subtitleKey ? (row) => String(row[gridCard.subtitleKey] ?? "") : void 0,
     badge: gridCard.badge ? (row) => {
@@ -2784,4 +2864,4 @@ function SduiRenderer({
   );
 }
 
-export { Actions, Can, Col, Divider, Grid, KeyValueList, NodeErrorBoundary, PageHead, RemoteSearchResults, ResultTable, Row, SduiDialog, SduiForm, SduiPermissionProvider, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, Section, Show, SortHandle, SortableList, Spacer, Text, cellRenderer, createRegistry, defaultRegistry, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiCan, useSduiDispatch, useSduiRuntime, useSearchFetcher, validateSpec };
+export { Actions, Can, Col, Divider, Grid, KeyValueList, NodeErrorBoundary, PageHead, RemoteSearchResults, ResultTable, Row, SduiDialog, SduiForm, SduiPermissionProvider, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, Section, Show, SortHandle, SortableList, Spacer, Text, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiCan, useSduiDispatch, useSduiRuntime, useSearchFetcher, validateSpec };

package/dist/meta.js

@@ -1802,9 +1802,30 @@ var searchCellFields = [
       { value: "progress", label: "\uC9C4\uD589 \uB9C9\uB300" },
       { value: "icon", label: "\uC544\uC774\uCF58" },
       { value: "number", label: "\uC22B\uC790" },
-      { value: "date", label: "\uB0A0\uC9DC" }
+      { value: "date", label: "\uB0A0\uC9DC" },
+      { value: "image", label: "\uC0AC\uC9C4" }
+    ]
+  },
+  { name: "width", kind: "number", label: "\uC0AC\uC9C4 \uAC00\uB85C(px)", description: "type=image (\uAE30\uBCF8 72)" },
+  { name: "height", kind: "number", label: "\uC0AC\uC9C4 \uC138\uB85C(px)", description: "type=image (\uAE30\uBCF8 52)" },
+  {
+    name: "fit",
+    kind: "enum",
+    label: "\uC0AC\uC9C4 \uCC44\uC6C0",
+    description: "type=image",
+    default: "cover",
+    options: [
+      { value: "cover", label: "\uAF49 \uCC44\uC6C0(\uC798\uB9BC)" },
+      { value: "contain", label: "\uC804\uCCB4 \uBCF4\uC784(\uC5EC\uBC31)" }
     ]
   },
+  {
+    name: "fallbackIcon",
+    kind: "icon",
+    label: "\uC0AC\uC9C4 \uC5C6\uC744 \uB54C \uC544\uC774\uCF58",
+    description: "type=image (\uAE30\uBCF8 image)"
+  },
+  { name: "altKey", kind: "string", label: "\uB300\uCCB4 \uD14D\uC2A4\uD2B8 \uD544\uB4DC", description: "type=image" },
   { name: "toneMap", kind: "object", label: "\uAC12 \u2192 \uD1A4", description: "type=badge (\uC5C6\uB294 \uAC12\uC740 neutral)" },
   {
     name: "labelMap",
@@ -1959,6 +1980,14 @@ var searchCommonProps = [
     description: "\uC8FC\uBA74 \uACA9\uC790 \uBCF4\uAE30\uAC00 \uCF1C\uC9C4\uB2E4(disableGrid\uC758 \uAE30\uBCF8\uAC12\uC774 \uC774 \uAC12\uC758 \uC720\uBB34\uB2E4).",
     group: "data",
     fields: [
+      {
+        name: "imageKey",
+        kind: "string",
+        label: "\uD45C\uC9C0 \uC0AC\uC9C4 \uD544\uB4DC",
+        description: "\uC8FC\uBA74 \uCE74\uB4DC \uBA38\uB9AC \uC704\uC5D0 \uAF49 \uCC28\uAC8C \uAE54\uB9B0\uB2E4. \uC0AC\uC9C4\uC774 \uC5C6\uB294 \uD589\uC740 \uC790\uB9AC\uD45C\uC2DC\uC790 \uC0C1\uC790\uAC00 \uC120\uB2E4."
+      },
+      { name: "imageHeight", kind: "number", label: "\uD45C\uC9C0 \uB192\uC774(px)", description: "\uAE30\uBCF8 150" },
+      { name: "imageFallbackIcon", kind: "icon", label: "\uD45C\uC9C0 \uC790\uB9AC\uD45C\uC2DC\uC790 \uC544\uC774\uCF58", description: "\uAE30\uBCF8 image" },
       { name: "titleKey", kind: "string", label: "\uC81C\uBAA9 \uD544\uB4DC", required: true },
       { name: "subtitleKey", kind: "string", label: "\uBD80\uC81C \uD544\uB4DC" },
       { name: "badge", kind: "object", label: "\uBC30\uC9C0", description: "{ key, toneMap, labelMap } \u2014 labelMap\uC740 \uD45C\uC2DC \uBB38\uAD6C\uB9CC \uBC14\uAFBC\uB2E4" },

package/dist/rich.js

@@ -1,6 +1,6 @@
-import { useSduiAssetResolver, HoistedStyle } from './chunk-HINKJD6C.js';
-export { DatePicker, DateRangePicker } from './chunk-HINKJD6C.js';
-import { Spinner, EmptyState } from './chunk-LMHIRQZ6.js';
+import { useSduiAssetResolver, HoistedStyle } from './chunk-Q2EUB5UV.js';
+export { DatePicker, DateRangePicker } from './chunk-Q2EUB5UV.js';
+import { Spinner, EmptyState } from './chunk-WIDDHR7L.js';
 import './chunk-SAN4IX6N.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/styles.css

@@ -568,10 +568,31 @@
 .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); }
+/* 표지 — 머리 위에 꽉 차게 깔린다. 카드가 overflow를 자르지 않으므로 위 두 모서리는
+   여기서 직접 깎는다(카드 곡률에서 테두리 1px을 뺀 값). */
+.wp-card__cover {
+  overflow: hidden; background: var(--wp-surface-sunken); line-height: 0;
+  border-top-left-radius: calc(var(--wp-radius-lg) - 1px);
+  border-top-right-radius: calc(var(--wp-radius-lg) - 1px);
+}
+.wp-card__cover > .wp-imagecell,
+.wp-card__cover > .wp-imagecell__btn { width: 100%; border-radius: 0; }
 .wp-card__head {
   display: flex; align-items: center; justify-content: space-between; gap: var(--wp-space-3);
   padding: 14px 20px; border-bottom: 1px solid var(--wp-border-subtle);
 }
+/* 사진 셀 — 목록 칸과 카드 표지가 같은 상자를 쓴다(cells.tsx의 imageRenderer). */
+.wp-imagecell { display: block; object-fit: cover; }
+.wp-imagecell--empty {
+  display: inline-flex; align-items: center; justify-content: center;
+  background: var(--wp-surface-sunken); color: var(--wp-text-disabled);
+}
+/* 뜬 사진은 눌러서 원본을 연다 — 버튼이지만 생김새는 사진 그대로다. */
+.wp-imagecell__btn {
+  display: block; padding: 0; border: 0; background: none; cursor: zoom-in; overflow: hidden;
+  border-radius: inherit;
+}
+.wp-imagecell__btn:focus-visible { outline: 2px solid var(--wp-navy-600); outline-offset: 2px; }
 .wp-card__title { font-size: 14px; font-weight: 700; color: var(--wp-text-strong); }
 .wp-card__sub { font-size: 12px; color: var(--wp-text-muted); margin-top: 2px; }
 .wp-card__body { padding: 20px; display: flex; flex-direction: column; gap: var(--wp-space-4); min-width: 0; }

package/dist/widgets/AutocompleteField.js

@@ -1,4 +1,4 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-6NAJ2D4A.js';
-import '../chunk-FC2F37QH.js';
-import '../chunk-LMHIRQZ6.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-3MS4UWWZ.js';
+import '../chunk-GZB6YLUI.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/ColumnBoard.js

@@ -1,3 +1,3 @@
-export { ColumnBoard } from '../chunk-G4QIJHEP.js';
-import '../chunk-LMHIRQZ6.js';
+export { ColumnBoard } from '../chunk-C4JRSZGS.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/DiffView.js

@@ -1,3 +1,3 @@
-export { DiffView } from '../chunk-LN6IOMCK.js';
-import '../chunk-LMHIRQZ6.js';
+export { DiffView } from '../chunk-LDJ2CFFH.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/Disclosure.js

@@ -1,3 +1,3 @@
-export { Disclosure } from '../chunk-YGSU34B3.js';
-import '../chunk-LMHIRQZ6.js';
+export { Disclosure } from '../chunk-HIZ2OVJA.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/EventCalendar.js

@@ -1,3 +1,3 @@
-export { EventCalendar } from '../chunk-CXZYC7IN.js';
-import '../chunk-LMHIRQZ6.js';
+export { EventCalendar } from '../chunk-C3JY6GA3.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/ImageLightbox.js

@@ -1,3 +1,4 @@
-export { ImageLightbox } from '../chunk-R3IK6EPA.js';
-import '../chunk-LMHIRQZ6.js';
+export { ImageLightbox } from '../chunk-XPBZMECW.js';
+import '../chunk-THEP3VWY.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/InlineEdit.js

@@ -1,3 +1,3 @@
-export { InlineEdit } from '../chunk-BOSSWJTN.js';
-import '../chunk-LMHIRQZ6.js';
+export { InlineEdit } from '../chunk-KT3ZVBLN.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/JsonField.js

@@ -1,3 +1,3 @@
-export { JsonField } from '../chunk-X5X3FKCQ.js';
-import '../chunk-LMHIRQZ6.js';
+export { JsonField } from '../chunk-JVBZRDC2.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/OrgChart.js

@@ -1,3 +1,3 @@
-export { OrgChart } from '../chunk-F2MKI3W5.js';
-import '../chunk-LMHIRQZ6.js';
+export { OrgChart } from '../chunk-QWJ3OBBL.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/PeriodFilter.js

@@ -1,3 +1,3 @@
-export { PeriodFilter } from '../chunk-4NPTFNAL.js';
-import '../chunk-LMHIRQZ6.js';
+export { PeriodFilter } from '../chunk-M3TDEPD2.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/PrintSheet.js

@@ -1,3 +1,3 @@
-export { PrintSheet } from '../chunk-5YVXVGQ2.js';
-import '../chunk-LMHIRQZ6.js';
+export { PrintSheet } from '../chunk-MYJ2KEIP.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,4 +1,4 @@
-export { SearchableMultiPicker } from '../chunk-K5ZJTLFP.js';
-import '../chunk-FC2F37QH.js';
-import '../chunk-LMHIRQZ6.js';
+export { SearchableMultiPicker } from '../chunk-J6OHRAPS.js';
+import '../chunk-GZB6YLUI.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/SecureScreen.js

@@ -1,3 +1,3 @@
-export { SecureScreen } from '../chunk-5C4SIRSW.js';
-import '../chunk-LMHIRQZ6.js';
+export { SecureScreen } from '../chunk-IIRENCDS.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TagMultiSelect.js

@@ -1,3 +1,3 @@
-export { TagMultiSelect } from '../chunk-K55ODWRY.js';
-import '../chunk-LMHIRQZ6.js';
+export { TagMultiSelect } from '../chunk-QDEZXA34.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/Timeline.js

@@ -1,4 +1,4 @@
-export { Timeline } from '../chunk-VBCUIM7N.js';
-import '../chunk-YGSU34B3.js';
-import '../chunk-LMHIRQZ6.js';
+export { Timeline } from '../chunk-EFYEOT47.js';
+import '../chunk-HIZ2OVJA.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreePicker.js

@@ -1,5 +1,5 @@
-export { TreePicker } from '../chunk-JND5NXUT.js';
-import '../chunk-BS4LGGQV.js';
-import '../chunk-FC2F37QH.js';
-import '../chunk-LMHIRQZ6.js';
+export { TreePicker } from '../chunk-WVBU3SZM.js';
+import '../chunk-PYSTET2C.js';
+import '../chunk-GZB6YLUI.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreeView.js

@@ -1,4 +1,4 @@
-export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-BS4LGGQV.js';
-import '../chunk-FC2F37QH.js';
-import '../chunk-LMHIRQZ6.js';
+export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-PYSTET2C.js';
+import '../chunk-GZB6YLUI.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.js

@@ -1,46 +1,47 @@
-import { SearchableMultiPicker } from '../chunk-K5ZJTLFP.js';
-export { SearchableMultiPicker } from '../chunk-K5ZJTLFP.js';
-import { SecureScreen } from '../chunk-5C4SIRSW.js';
-export { SecureScreen } from '../chunk-5C4SIRSW.js';
+import { SearchableMultiPicker } from '../chunk-J6OHRAPS.js';
+export { SearchableMultiPicker } from '../chunk-J6OHRAPS.js';
+import { SecureScreen } from '../chunk-IIRENCDS.js';
+export { SecureScreen } from '../chunk-IIRENCDS.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-K55ODWRY.js';
-export { TagMultiSelect } from '../chunk-K55ODWRY.js';
-import { Timeline } from '../chunk-VBCUIM7N.js';
-export { Timeline } from '../chunk-VBCUIM7N.js';
-import { TreePicker } from '../chunk-JND5NXUT.js';
-export { TreePicker } from '../chunk-JND5NXUT.js';
-import { TreeView } from '../chunk-BS4LGGQV.js';
-export { TreeView, buildTreeNodes } from '../chunk-BS4LGGQV.js';
-import { EventCalendar } from '../chunk-CXZYC7IN.js';
-export { EventCalendar } from '../chunk-CXZYC7IN.js';
-import { ImageLightbox } from '../chunk-R3IK6EPA.js';
-export { ImageLightbox } from '../chunk-R3IK6EPA.js';
-import { InlineEdit } from '../chunk-BOSSWJTN.js';
-export { InlineEdit } from '../chunk-BOSSWJTN.js';
-import { JsonField } from '../chunk-X5X3FKCQ.js';
-export { JsonField } from '../chunk-X5X3FKCQ.js';
+import { TagMultiSelect } from '../chunk-QDEZXA34.js';
+export { TagMultiSelect } from '../chunk-QDEZXA34.js';
+import { Timeline } from '../chunk-EFYEOT47.js';
+export { Timeline } from '../chunk-EFYEOT47.js';
+import { TreePicker } from '../chunk-WVBU3SZM.js';
+export { TreePicker } from '../chunk-WVBU3SZM.js';
+import { TreeView } from '../chunk-PYSTET2C.js';
+export { TreeView, buildTreeNodes } from '../chunk-PYSTET2C.js';
+import { EventCalendar } from '../chunk-C3JY6GA3.js';
+export { EventCalendar } from '../chunk-C3JY6GA3.js';
+import { ImageLightbox } from '../chunk-XPBZMECW.js';
+export { ImageLightbox } from '../chunk-XPBZMECW.js';
+import { InlineEdit } from '../chunk-KT3ZVBLN.js';
+export { InlineEdit } from '../chunk-KT3ZVBLN.js';
+import { JsonField } from '../chunk-JVBZRDC2.js';
+export { JsonField } from '../chunk-JVBZRDC2.js';
 import { LiveClock } from '../chunk-Z3WGIFJP.js';
 export { LiveClock } from '../chunk-Z3WGIFJP.js';
-import { OrgChart } from '../chunk-F2MKI3W5.js';
-export { OrgChart } from '../chunk-F2MKI3W5.js';
-import { PeriodFilter } from '../chunk-4NPTFNAL.js';
-export { PeriodFilter } from '../chunk-4NPTFNAL.js';
-import { PrintSheet } from '../chunk-5YVXVGQ2.js';
-export { PrintSheet } from '../chunk-5YVXVGQ2.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-6NAJ2D4A.js';
-import '../chunk-FC2F37QH.js';
-import { ColumnBoard } from '../chunk-G4QIJHEP.js';
-export { ColumnBoard } from '../chunk-G4QIJHEP.js';
-import { DiffView } from '../chunk-LN6IOMCK.js';
-export { DiffView } from '../chunk-LN6IOMCK.js';
-import { Disclosure } from '../chunk-YGSU34B3.js';
-export { Disclosure } from '../chunk-YGSU34B3.js';
-import '../chunk-LMHIRQZ6.js';
+import { OrgChart } from '../chunk-QWJ3OBBL.js';
+export { OrgChart } from '../chunk-QWJ3OBBL.js';
+import { PeriodFilter } from '../chunk-M3TDEPD2.js';
+export { PeriodFilter } from '../chunk-M3TDEPD2.js';
+import { PrintSheet } from '../chunk-MYJ2KEIP.js';
+export { PrintSheet } from '../chunk-MYJ2KEIP.js';
+import '../chunk-THEP3VWY.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-3MS4UWWZ.js';
+import '../chunk-GZB6YLUI.js';
+import { ColumnBoard } from '../chunk-C4JRSZGS.js';
+export { ColumnBoard } from '../chunk-C4JRSZGS.js';
+import { DiffView } from '../chunk-LDJ2CFFH.js';
+export { DiffView } from '../chunk-LDJ2CFFH.js';
+import { Disclosure } from '../chunk-HIZ2OVJA.js';
+export { Disclosure } from '../chunk-HIZ2OVJA.js';
+import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';
 
 // src/widgets/index.ts

package/package.json

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