@wipco/sdui 0.18.2 → 0.19.1

package/dist/{chunk-M3TDEPD2.js → chunk-IB4NDAYU.js}

@@ -1,4 +1,5 @@
-import { SegmentedControl, Select, Input } from './chunk-WIDDHR7L.js';
+import { DateRangePicker } from './chunk-HPZUPYPK.js';
+import { SegmentedControl, Select } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -142,15 +143,11 @@ function PeriodFilterImpl({ value, onChange, years, modes }) {
     if (period.year !== void 0 && !base.includes(period.year)) base.push(period.year);
     return base.sort((a, b) => b - a).map((y) => ({ value: String(y), label: `${y}\uB144` }));
   }, [years, period.year]);
-  const handleFromChange = (from) => {
-    if (!isIsoDate(from)) return;
-    const to = period.to !== void 0 && period.to >= from ? period.to : from;
-    emit({ mode: "custom", from, to });
-  };
-  const handleToChange = (to) => {
-    if (!isIsoDate(to)) return;
-    const from = period.from !== void 0 && period.from <= to ? period.from : to;
-    emit({ mode: "custom", from, to });
+  const handleRangeChange = (next) => {
+    const from = next.from ?? next.to;
+    const to = next.to ?? next.from;
+    if (!isIsoDate(from) || !isIsoDate(to)) return;
+    emit({ mode: "custom", from, to: to >= from ? to : from });
   };
   return /* @__PURE__ */ jsxs(
     "div",
@@ -210,7 +207,7 @@ function PeriodFilterImpl({ value, onChange, years, modes }) {
             onChange: (e) => emit(normalizePeriod({ ...period, month: Number(e.target.value) }))
           }
         ) }) : null,
-        period.mode === "custom" ? /* @__PURE__ */ jsxs(
+        period.mode === "custom" ? /* @__PURE__ */ jsx(
           "span",
           {
             style: {
@@ -219,29 +216,13 @@ function PeriodFilterImpl({ value, onChange, years, modes }) {
               gap: "var(--wp-space-1)",
               flex: "none"
             },
-            children: [
-              /* @__PURE__ */ jsx("span", { style: { width: 148, flex: "none" }, children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "date",
-                  "aria-label": "\uC2DC\uC791\uC77C",
-                  value: period.from ?? "",
-                  max: period.to,
-                  onChange: (e) => handleFromChange(e.target.value)
-                }
-              ) }),
-              /* @__PURE__ */ jsx("span", { style: { color: "var(--wp-text-subtle)" }, "aria-hidden": true, children: "~" }),
-              /* @__PURE__ */ jsx("span", { style: { width: 148, flex: "none" }, children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "date",
-                  "aria-label": "\uC885\uB8CC\uC77C",
-                  value: period.to ?? "",
-                  min: period.from,
-                  onChange: (e) => handleToChange(e.target.value)
-                }
-              ) })
-            ]
+            children: /* @__PURE__ */ jsx("span", { style: { width: 320, flex: "none" }, children: /* @__PURE__ */ jsx(
+              DateRangePicker,
+              {
+                value: { from: period.from, to: period.to },
+                onChange: handleRangeChange
+              }
+            ) })
           }
         ) : null
       ]

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

@@ -1,5 +1,5 @@
-import { OverlayLayer } from './chunk-XQPTSEJC.js';
-import { includesLooseSearch } from './chunk-GZB6YLUI.js';
+import { includesLooseSearch } from './chunk-SUJCS7SU.js';
+import { OverlayLayer } from './chunk-HPZUPYPK.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-SUJCS7SU.js}

@@ -1,3 +1,4 @@
+import { useOverlayLayer, DateRangePicker } from './chunk-HPZUPYPK.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';
@@ -20,16 +21,12 @@ function Popover({
       if (event.target instanceof Node && hostRef.current?.contains(event.target)) return;
       closeRef.current();
     };
-    const closeOnEscape = (event) => {
-      if (event.key === "Escape") closeRef.current();
-    };
     document.addEventListener("pointerdown", closeOnOutside);
-    document.addEventListener("keydown", closeOnEscape);
     return () => {
       document.removeEventListener("pointerdown", closeOnOutside);
-      document.removeEventListener("keydown", closeOnEscape);
     };
   }, [open]);
+  useOverlayLayer(open, () => closeRef.current(), hostRef);
   return (
     // 트리거와 패널을 함께 감싸는 기준 상자 — .erp-popover-host의 position:relative가
     // 패널 absolute의 기준이 된다
@@ -366,27 +363,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/{chunk-J532YYGP.js → chunk-YLYSOOVR.js}

@@ -1,5 +1,5 @@
-import { resolveTreeNodes, TreeView } from './chunk-PYSTET2C.js';
-import { OverlayLayer } from './chunk-XQPTSEJC.js';
+import { resolveTreeNodes, TreeView } from './chunk-BQ5ZGGW7.js';
+import { OverlayLayer } from './chunk-HPZUPYPK.js';
 import { Field, Dialog, Icon, Button, Input } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo, useEffect } from 'react';

package/dist/{chunk-IXC547V6.js → chunk-ZODL6LE2.js}

@@ -1,4 +1,4 @@
-import { includesLooseSearch } from './chunk-GZB6YLUI.js';
+import { includesLooseSearch } from './chunk-SUJCS7SU.js';
 import { Icon, Button, Input, Spinner } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useId, useRef, useState, useEffect, useMemo } from 'react';

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-SUJCS7SU.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-SUJCS7SU.js';
+import { HoistedStyle, DateRangePicker, DatePicker, OverlayLayer } from './chunk-HPZUPYPK.js';
+export { DatePicker, DateRangePicker, OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-HPZUPYPK.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-HPZUPYPK.js';
+export { DatePicker, DateRangePicker } from './chunk-HPZUPYPK.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-IXC547V6.js';
-import '../chunk-GZB6YLUI.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-ZODL6LE2.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.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-IB4NDAYU.js';
+import '../chunk-HPZUPYPK.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-NXY6QH36.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.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-YLYSOOVR.js';
+import '../chunk-BQ5ZGGW7.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.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-BQ5ZGGW7.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.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-NXY6QH36.js';
+export { SearchableMultiPicker } from '../chunk-NXY6QH36.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-YLYSOOVR.js';
+export { TreePicker } from '../chunk-YLYSOOVR.js';
+import { TreeView } from '../chunk-BQ5ZGGW7.js';
+export { TreeView, buildTreeNodes } from '../chunk-BQ5ZGGW7.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-IB4NDAYU.js';
+export { PeriodFilter } from '../chunk-IB4NDAYU.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-IXC547V6.js';
-import '../chunk-GZB6YLUI.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-ZODL6LE2.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.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.2",
+  "version": "0.19.1",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",