@wipco/sdui 0.18.1 → 0.19.0

package/dist/{chunk-WXBOQRD6.js → chunk-LDVPLJ3S.js}

@@ -1,5 +1,5 @@
-import { OverlayLayer } from './chunk-XQPTSEJC.js';
-import { includesLooseSearch } from './chunk-GZB6YLUI.js';
+import { includesLooseSearch } from './chunk-VAXBRGDZ.js';
+import { OverlayLayer } from './chunk-L6HNC4B5.js';
 import { Button, Dialog, Input, Tag, Checkbox } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useEffect } from 'react';

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

@@ -1,3 +1,4 @@
+import { DateRangePicker } from './chunk-L6HNC4B5.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';
@@ -366,27 +367,13 @@ function SearchFieldInput({
   if (field.type === "dateRange") {
     const fromKey = field.fromKey ?? `${field.key}From`;
     const toKey = field.toKey ?? `${field.key}To`;
-    return /* @__PURE__ */ jsx(Field, { label: field.label, children: /* @__PURE__ */ jsxs("div", { className: "wp-row", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "date",
-          mono: true,
-          value: values[fromKey] ?? "",
-          onChange: (e) => onChange({ [fromKey]: e.target.value })
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "~" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "date",
-          mono: true,
-          value: values[toKey] ?? "",
-          onChange: (e) => onChange({ [toKey]: e.target.value })
-        }
-      )
-    ] }) });
+    return /* @__PURE__ */ jsx(Field, { label: field.label, children: /* @__PURE__ */ jsx(
+      DateRangePicker,
+      {
+        value: { from: values[fromKey] || void 0, to: values[toKey] || void 0 },
+        onChange: (next) => onChange({ [fromKey]: next.from ?? "", [toKey]: next.to ?? "" })
+      }
+    ) });
   }
   if (field.type === "numberRange") {
     const fromKey = field.fromKey ?? `${field.key}Min`;

package/dist/chunk-WGRB5UL4.js

@@ -0,0 +1,99 @@
+import { createContext, useContext } from 'react';
+
+// src/adapter.ts
+
+// src/env.ts
+var DEV = (() => {
+  try {
+    const meta = import.meta;
+    return Boolean(meta.env?.DEV);
+  } catch {
+    return false;
+  }
+})();
+
+// src/adapter.ts
+function isSafeNavigationTarget(to) {
+  if (typeof to !== "string") return false;
+  const value = to.replace(/[\u0000-\u0020]/g, "");
+  if (value === "") return false;
+  if (value.startsWith("//")) return false;
+  if (value.startsWith("/") || value.startsWith("?") || value.startsWith("#")) return true;
+  return /^https?:\/\//i.test(value);
+}
+async function defaultFetch(path, init) {
+  const response = await fetch(path, {
+    method: init.method,
+    headers: { "content-type": "application/json", accept: "application/json" },
+    credentials: "include",
+    body: init.body === void 0 ? void 0 : JSON.stringify(init.body),
+    signal: init.signal
+  });
+  const text = await response.text();
+  let json = null;
+  if (text) {
+    try {
+      json = JSON.parse(text);
+    } catch {
+      json = null;
+    }
+  }
+  if (!response.ok) {
+    const message = json && typeof json === "object" && typeof json.message === "string" ? json.message : `\uC694\uCCAD\uC774 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4 (${response.status})`;
+    throw new Error(message);
+  }
+  return json;
+}
+var defaultAdapter = {
+  navigate: (to) => {
+    if (!isSafeNavigationTarget(to)) {
+      console.error(`[sdui] \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 navigate \uB300\uC0C1: ${String(to)}`);
+      return;
+    }
+    window.location.assign(to);
+  },
+  fetch: defaultFetch,
+  rawFetch: (path) => fetch(path, { credentials: "include" }),
+  // 항등함수. 계약을 문서화하고, 컴포넌트가 `useSduiAssetResolver()`를 조건 없이
+  // 부를 수 있게 하는 것이 전부다. **이 함수 참조 자체가 표식**이기도 하다 —
+  // `assetResolverOf`가 이것과 같은지 보고 "주입 없음"을 판정한다.
+  resolveAsset: (url) => url,
+  invalidate: (prefix) => {
+    if (DEV) console.warn(`[sdui] invalidate \uC561\uC158\uC774 \uC5B4\uB311\uD130 \uC5C6\uC774 \uD638\uCD9C\uB428 (prefix: ${prefix})`);
+  },
+  refresh: () => {
+    if (DEV) console.warn("[sdui] refresh \uC561\uC158\uC774 \uC5B4\uB311\uD130 \uC5C6\uC774 \uD638\uCD9C\uB428");
+  }
+};
+function resolveAdapter(adapter) {
+  const merged = { ...defaultAdapter };
+  if (adapter) {
+    for (const [key, value] of Object.entries(adapter)) {
+      if (value !== void 0) merged[key] = value;
+    }
+  }
+  return merged;
+}
+var SduiAdapterContext = createContext(null);
+function useSduiAdapter() {
+  return useContext(SduiAdapterContext);
+}
+function assetResolverOf(adapter) {
+  const resolve = adapter?.resolveAsset;
+  if (!resolve || resolve === defaultAdapter.resolveAsset) return null;
+  return resolve;
+}
+function useSduiAssetResolver() {
+  const adapter = useContext(SduiAdapterContext);
+  return adapter?.resolveAsset ?? defaultAdapter.resolveAsset;
+}
+function useSduiSandbox() {
+  return useContext(SduiAdapterContext)?.sandbox === true;
+}
+function hostFetchOf(adapter) {
+  const hostFetch = adapter?.fetch;
+  if (!hostFetch || hostFetch === defaultAdapter.fetch) return null;
+  return hostFetch;
+}
+
+export { DEV, SduiAdapterContext, assetResolverOf, defaultAdapter, hostFetchOf, isSafeNavigationTarget, resolveAdapter, useSduiAdapter, useSduiAssetResolver, useSduiSandbox };

package/dist/index.d.ts

@@ -4,8 +4,8 @@ import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } fro
 export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-opTPYysN.js';
 import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-B1QrIBm6.js';
 export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-B1QrIBm6.js';
-import { D as DatePickerProps, a as DateRangePickerProps } from './DatePicker-BndreCPl.js';
-export { b as DatePicker, c as DateRangePicker, d as DateRangeValue } from './DatePicker-BndreCPl.js';
+import { D as DatePickerProps, a as DateRangePickerProps } from './DatePicker-CPD2cfmG.js';
+export { b as DatePicker, c as DateRangePicker, d as DateRangeValue } from './DatePicker-CPD2cfmG.js';
 
 /**
  * 호스트 앱 연결점 — ERP에서는 라우터·erpFetch·SSE가 하던 일을

package/dist/index.js

@@ -1,11 +1,11 @@
-import { DEV, HoistedStyle, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, DateRangePicker, DatePicker, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-YJSOC5KM.js';
-export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-YJSOC5KM.js';
+import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-WGRB5UL4.js';
+export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-WGRB5UL4.js';
 import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
-import { OverlayLayer } from './chunk-XQPTSEJC.js';
-export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XQPTSEJC.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 { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-VAXBRGDZ.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-VAXBRGDZ.js';
+import { HoistedStyle, DateRangePicker, DatePicker, OverlayLayer } from './chunk-L6HNC4B5.js';
+export { DatePicker, DateRangePicker, OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-L6HNC4B5.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';
@@ -403,12 +403,18 @@ function fillTemplate(template, row) {
     (_match, key) => encodeURIComponent(String(row[key] ?? ""))
   );
 }
+var pad2 = (n) => String(n).padStart(2, "0");
+var ymdOf = (date) => `${date.getFullYear()}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())}`;
+var hmOf = (date) => `${pad2(date.getHours())}:${pad2(date.getMinutes())}`;
+function formatDateCellValue(date) {
+  return `${ymdOf(date)} ${hmOf(date)}`;
+}
 function formatDate(raw, format) {
   const date = new Date(raw);
   if (Number.isNaN(date.getTime())) return raw;
-  if (format === "datetime") return date.toLocaleString("ko-KR");
-  if (format === "time") return date.toLocaleTimeString("ko-KR");
-  return date.toLocaleDateString("ko-KR");
+  if (format === "datetime") return formatDateCellValue(date);
+  if (format === "time") return hmOf(date);
+  return ymdOf(date);
 }
 function cellRenderer(cell, key, dispatch) {
   if (!cell || typeof cell !== "object" || typeof cell.type !== "string") return void 0;
@@ -1058,7 +1064,7 @@ function numericValue(value) {
 }
 function formatCell(value) {
   if (value == null) return "";
-  if (value instanceof Date) return value.toLocaleString("ko-KR");
+  if (value instanceof Date) return formatDateCellValue(value);
   return value;
 }
 function resolveRowPart(part, item) {

package/dist/meta.js

@@ -901,15 +901,23 @@ var DatePickerMeta = {
   label: "\uB0A0\uC9DC \uC120\uD0DD",
   category: "input",
   icon: "calendar",
-  description: "\uB2E8\uC77C \uB0A0\uC9DC \uC120\uD0DD(YYYY-MM-DD). \uC678\uBD80 \uC758\uC874\uC131 \uC5C6\uB294 \uC790\uCCB4 \uB2EC\uB825\uC774\uB2E4.",
+  description: "\uB2E8\uC77C \uB0A0\uC9DC \u2014 \uD0A4\uBCF4\uB4DC\uB85C \uCCD0\uB3C4 \uB418\uACE0 \uB2EC\uB825\uC5D0\uC11C \uACE8\uB77C\uB3C4 \uB41C\uB2E4(YYYY-MM-DD).",
   props: [
     { name: "value", kind: "string", label: "\uAC12(YYYY-MM-DD)", bindable: true, group: "data" },
     { name: "onChange", kind: "action", label: "\uBCC0\uACBD", eventArg: "YYYY-MM-DD \uBB38\uC790\uC5F4", group: "behavior" },
     { name: "min", kind: "string", label: "\uCD5C\uC18C \uB0A0\uC9DC", description: "YYYY-MM-DD, \uD3EC\uD568", bindable: true, group: "validation" },
     { name: "max", kind: "string", label: "\uCD5C\uB300 \uB0A0\uC9DC", description: "YYYY-MM-DD, \uD3EC\uD568", bindable: true, group: "validation" },
-    { name: "placeholder", kind: "string", label: "\uC548\uB0B4 \uBB38\uAD6C", group: "content" },
+    { name: "placeholder", kind: "string", label: "\uC548\uB0B4 \uBB38\uAD6C", description: "\uAE30\uBCF8\uAC12\uC740 YYYY-MM-DD", group: "content" },
     { name: "invalid", kind: "boolean", label: "\uC624\uB958 \uD45C\uC2DC", default: false, bindable: true, group: "validation" },
     { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "withTime",
+      kind: "boolean",
+      label: "\uC2DC\uAC01\uAE4C\uC9C0",
+      default: false,
+      description: "\uAC12\uC774 'YYYY-MM-DDTHH:mm'\uC774 \uB41C\uB2E4 \u2014 \uBE0C\uB77C\uC6B0\uC800 datetime-local\uACFC \uAC19\uC740 \uBAA8\uC591.",
+      group: "behavior"
+    },
     {
       name: "size",
       kind: "enum",
@@ -928,7 +936,7 @@ var DatePickerMeta = {
   preset: {
     component: "DatePicker",
     props: {
-      placeholder: "\uB0A0\uC9DC \uC120\uD0DD",
+      placeholder: "YYYY-MM-DD",
       value: { $state: "date", default: "" },
       onChange: { action: "setState", key: "date", fromEvent: true }
     }
@@ -940,7 +948,7 @@ var DateRangePickerMeta = {
   label: "\uAE30\uAC04 \uC120\uD0DD",
   category: "input",
   icon: "calendar",
-  description: "\uC2DC\uC791\xB7\uC885\uB8CC \uB0A0\uC9DC\uB97C \uD55C \uBC88\uC5D0 \uACE0\uB978\uB2E4. \uAC12\uC740 { from, to } \uAC1D\uCCB4\uB2E4.",
+  description: "\uC2DC\uC791\xB7\uC885\uB8CC \uB0A0\uC9DC \u2014 \uB450 \uCE78 \uBAA8\uB450 \uD0A4\uBCF4\uB4DC\uB85C \uCE60 \uC218 \uC788\uACE0 \uB2EC\uB825\uC740 \uB450 \uB2EC\uC744 \uD3B8\uB2E4. \uAC12\uC740 { from, to } \uAC1D\uCCB4\uB2E4.",
   props: [
     {
       name: "value",
@@ -950,14 +958,27 @@ var DateRangePickerMeta = {
       group: "data",
       fields: [
         { name: "from", kind: "string", label: "\uC2DC\uC791(YYYY-MM-DD)" },
-        { name: "to", kind: "string", label: "\uC885\uB8CC(YYYY-MM-DD)" }
+        { name: "to", kind: "string", label: "\uC885\uB8CC(YYYY-MM-DD)" },
+        { name: "days", kind: "number", label: "\uCD1D \uC77C\uC218(\uC591\uB05D \uD3EC\uD568, \uC704\uC82F\uC774 \uCC44\uC6B4\uB2E4)" }
       ]
     },
-    { name: "onChange", kind: "action", label: "\uBCC0\uACBD", eventArg: "{ from, to } \uAC1D\uCCB4", group: "behavior" },
+    { name: "onChange", kind: "action", label: "\uBCC0\uACBD", eventArg: "{ from, to, days } \uAC1D\uCCB4", group: "behavior" },
     { name: "min", kind: "string", label: "\uCD5C\uC18C \uB0A0\uC9DC", bindable: true, group: "validation" },
     { name: "max", kind: "string", label: "\uCD5C\uB300 \uB0A0\uC9DC", bindable: true, group: "validation" },
     { name: "invalid", kind: "boolean", label: "\uC624\uB958 \uD45C\uC2DC", default: false, bindable: true, group: "validation" },
-    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "size",
+      kind: "enum",
+      label: "\uD06C\uAE30",
+      default: "md",
+      options: [
+        { value: "sm", label: "sm 28px" },
+        { value: "md", label: "md 32px" },
+        { value: "lg", label: "lg 40px" }
+      ],
+      group: "appearance"
+    }
   ],
   children: { accepts: false },
   dom: { element: "div" },
@@ -1199,11 +1220,12 @@ var InputMeta = {
       kind: "enum",
       label: "HTML \uD0C0\uC785",
       default: "text",
+      // 날짜(date·datetime-local)는 일부러 뺐다 — 브라우저가 OS 서식으로 그려서
+      // 같은 화면의 DatePicker와 꼴이 갈린다. 날짜 칸은 DatePicker를 쓴다(0.19.0).
+      description: "\uB0A0\uC9DC\uB294 \uC5EC\uAE30\uAC00 \uC544\uB2C8\uB77C DatePicker\uB85C \u2014 \uBE0C\uB77C\uC6B0\uC800 \uAE30\uBCF8 \uB2EC\uB825\uC740 \uD654\uBA74\uB9C8\uB2E4 \uC11C\uC2DD\uC774 \uAC08\uB9B0\uB2E4.",
       options: [
         { value: "text", label: "\uD14D\uC2A4\uD2B8" },
         { value: "number", label: "\uC22B\uC790" },
-        { value: "date", label: "\uB0A0\uC9DC" },
-        { value: "datetime-local", label: "\uB0A0\uC9DC+\uC2DC\uAC01" },
         { value: "time", label: "\uC2DC\uAC01" },
         { value: "email", label: "\uC774\uBA54\uC77C" },
         { value: "tel", label: "\uC804\uD654" },

package/dist/rich.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-export { b as DatePicker, D as DatePickerProps, c as DateRangePicker, a as DateRangePickerProps, d as DateRangeValue } from './DatePicker-BndreCPl.js';
+export { b as DatePicker, D as DatePickerProps, c as DateRangePicker, a as DateRangePickerProps, d as DateRangeValue } from './DatePicker-CPD2cfmG.js';
 import './layout-B1QrIBm6.js';
 
 /**

package/dist/rich.js

@@ -1,6 +1,6 @@
-import { useSduiAssetResolver, HoistedStyle } from './chunk-YJSOC5KM.js';
-export { DatePicker, DateRangePicker } from './chunk-YJSOC5KM.js';
-import './chunk-XQPTSEJC.js';
+import { useSduiAssetResolver } from './chunk-WGRB5UL4.js';
+import { HoistedStyle } from './chunk-L6HNC4B5.js';
+export { DatePicker, DateRangePicker } from './chunk-L6HNC4B5.js';
 import { Spinner, EmptyState } from './chunk-WIDDHR7L.js';
 import './chunk-SAN4IX6N.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';

package/dist/widgets/AutocompleteField.js

@@ -1,4 +1,5 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-3MS4UWWZ.js';
-import '../chunk-GZB6YLUI.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-6KGO2PO4.js';
+import '../chunk-VAXBRGDZ.js';
+import '../chunk-L6HNC4B5.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/PeriodFilter.d.ts

@@ -5,7 +5,7 @@ import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
  * PeriodFilter — 복합 기간 선택기.
  *
  * - SegmentedControl로 모드(연간/반기/분기/월간/직접)를 고르고,
- *   모드에 맞는 Select(연도/반기/분기/월) 또는 날짜 Input(from~to)이 조건부로 나타난다.
+ *   모드에 맞는 Select(연도/반기/분기/월) 또는 DateRangePicker(from~to)가 조건부로 나타난다.
  * - 모드 전환 시 기존 선택을 최대한 보존하며 변환한다
  *   (예: 11월 → 분기 전환 시 4분기, 직접 전환 시 해당 월의 날짜 범위로 프리필).
  * - 항상 정규화된 Period(해당 모드에 필요한 필드만, 범위 클램프 완료)를 emit한다.

package/dist/widgets/PeriodFilter.js

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

package/dist/widgets/SearchableMultiPicker.js

@@ -1,5 +1,5 @@
-export { SearchableMultiPicker } from '../chunk-WXBOQRD6.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-GZB6YLUI.js';
+export { SearchableMultiPicker } from '../chunk-LDVPLJ3S.js';
+import '../chunk-VAXBRGDZ.js';
+import '../chunk-L6HNC4B5.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreePicker.js

@@ -1,6 +1,6 @@
-export { TreePicker } from '../chunk-J532YYGP.js';
-import '../chunk-PYSTET2C.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-GZB6YLUI.js';
+export { TreePicker } from '../chunk-4IJGZ2TV.js';
+import '../chunk-5H5DSIQW.js';
+import '../chunk-VAXBRGDZ.js';
+import '../chunk-L6HNC4B5.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreeView.js

@@ -1,4 +1,5 @@
-export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-PYSTET2C.js';
-import '../chunk-GZB6YLUI.js';
+export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-5H5DSIQW.js';
+import '../chunk-VAXBRGDZ.js';
+import '../chunk-L6HNC4B5.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.js

@@ -1,5 +1,5 @@
-import { SearchableMultiPicker } from '../chunk-WXBOQRD6.js';
-export { SearchableMultiPicker } from '../chunk-WXBOQRD6.js';
+import { SearchableMultiPicker } from '../chunk-LDVPLJ3S.js';
+export { SearchableMultiPicker } from '../chunk-LDVPLJ3S.js';
 import { SecureScreen } from '../chunk-IIRENCDS.js';
 export { SecureScreen } from '../chunk-IIRENCDS.js';
 import { StackedMeter } from '../chunk-BMZKZGJF.js';
@@ -12,10 +12,10 @@ 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-J532YYGP.js';
-export { TreePicker } from '../chunk-J532YYGP.js';
-import { TreeView } from '../chunk-PYSTET2C.js';
-export { TreeView, buildTreeNodes } from '../chunk-PYSTET2C.js';
+import { TreePicker } from '../chunk-4IJGZ2TV.js';
+export { TreePicker } from '../chunk-4IJGZ2TV.js';
+import { TreeView } from '../chunk-5H5DSIQW.js';
+export { TreeView, buildTreeNodes } from '../chunk-5H5DSIQW.js';
 import { EventCalendar } from '../chunk-C3JY6GA3.js';
 export { EventCalendar } from '../chunk-C3JY6GA3.js';
 import { ImageLightbox } from '../chunk-XPBZMECW.js';
@@ -28,14 +28,14 @@ import { LiveClock } from '../chunk-Z3WGIFJP.js';
 export { LiveClock } from '../chunk-Z3WGIFJP.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 { PeriodFilter } from '../chunk-ACZHPPGA.js';
+export { PeriodFilter } from '../chunk-ACZHPPGA.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
 import '../chunk-THEP3VWY.js';
-import '../chunk-XQPTSEJC.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-3MS4UWWZ.js';
-import '../chunk-GZB6YLUI.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-6KGO2PO4.js';
+import '../chunk-VAXBRGDZ.js';
+import '../chunk-L6HNC4B5.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
 import { DiffView } from '../chunk-LDJ2CFFH.js';

package/package.json

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

package/dist/chunk-XQPTSEJC.js

@@ -1,135 +0,0 @@
-import React, { useRef, useEffect, useSyncExternalStore } from 'react';
-import { createPortal } from 'react-dom';
-import { jsx } from 'react/jsx-runtime';
-
-// src/overlay.tsx
-var OVERLAY_ROOT_ID = "wp-overlay-root";
-var DOCUMENT_POSITION_FOLLOWING = 4;
-function getOverlayRoot() {
-  if (typeof document === "undefined") return null;
-  const existing = document.getElementById(OVERLAY_ROOT_ID);
-  if (existing) return existing;
-  const created = document.createElement("div");
-  created.id = OVERLAY_ROOT_ID;
-  document.body.appendChild(created);
-  return created;
-}
-var layers = [];
-var nextId = 0;
-var subscribers = /* @__PURE__ */ new Set();
-var keyListenerBound = false;
-function emit() {
-  layers = layers.slice();
-  subscribers.forEach((fn) => fn());
-}
-function topLayer(list) {
-  let best;
-  let bestNode = null;
-  for (const layer of list) {
-    const node = layer.node();
-    if (!best) {
-      best = layer;
-      bestNode = node;
-      continue;
-    }
-    if (!node) continue;
-    if (!bestNode) {
-      best = layer;
-      bestNode = node;
-      continue;
-    }
-    if (bestNode.compareDocumentPosition(node) & DOCUMENT_POSITION_FOLLOWING) {
-      best = layer;
-      bestNode = node;
-    }
-  }
-  return best;
-}
-function layerHoldsTop(list, id) {
-  const top = topLayer(list);
-  if (!top) return false;
-  if (top.id === id) return true;
-  const mine = list.find((l) => l.id === id)?.node();
-  const topNode = top.node();
-  return !!mine && !!topNode && mine.contains(topNode);
-}
-function escapeTopmost() {
-  topLayer(layers)?.onEscape();
-}
-function handleKeyDown(event) {
-  if (event.key !== "Escape") return;
-  escapeTopmost();
-}
-function push(layer) {
-  layers.push(layer);
-  if (!keyListenerBound && typeof document !== "undefined") {
-    document.addEventListener("keydown", handleKeyDown);
-    keyListenerBound = true;
-  }
-  emit();
-}
-function remove(id) {
-  layers = layers.filter((l) => l.id !== id);
-  emit();
-}
-function subscribe(fn) {
-  subscribers.add(fn);
-  return () => {
-    subscribers.delete(fn);
-  };
-}
-var snapshot = () => layers;
-var serverSnapshot = () => [];
-function useOverlayLayer(active, onEscape, nodeRef) {
-  const idRef = useRef(0);
-  if (idRef.current === 0) idRef.current = ++nextId;
-  const escapeRef = useRef(onEscape);
-  escapeRef.current = onEscape;
-  const nodeRefRef = useRef(nodeRef);
-  nodeRefRef.current = nodeRef;
-  useEffect(() => {
-    if (!active) return;
-    const id2 = idRef.current;
-    push({
-      id: id2,
-      onEscape: () => escapeRef.current?.(),
-      node: () => nodeRefRef.current?.current ?? null
-    });
-    return () => remove(id2);
-  }, [active]);
-  const current = useSyncExternalStore(subscribe, snapshot, serverSnapshot);
-  const id = idRef.current;
-  return {
-    isTop: active && topLayer(current)?.id === id,
-    holdsTop: active && layerHoldsTop(current, id)
-  };
-}
-var OverlayContainerContext = React.createContext(null);
-function OverlayLayer({
-  onClose,
-  children
-}) {
-  const ref = useRef(null);
-  const container = React.useContext(OverlayContainerContext);
-  const { holdsTop } = useOverlayLayer(true, onClose, ref);
-  useEffect(() => {
-    ref.current?.toggleAttribute("inert", !holdsTop);
-  }, [holdsTop]);
-  const layer = /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: "wp-overlay-layer",
-      onClick: (event) => {
-        if (onClose && event.target instanceof HTMLElement && event.target.classList.contains("wp-overlay")) {
-          onClose();
-        }
-      },
-      children
-    }
-  );
-  const root = container ?? getOverlayRoot();
-  return root ? createPortal(layer, root) : layer;
-}
-
-export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer };