@wipco/sdui 1.8.3 → 1.9.1

package/dist/{chunk-DTCZPXOT.js → chunk-QHSUTI55.js}

@@ -1,7 +1,7 @@
-import { ellipsisStyle, unwrapRows } from './chunk-YOLT2TPX.js';
-import { includesLooseSearch } from './chunk-I2URQNZZ.js';
-import { useSduiAdapter, hostFetchOf } from './chunk-XFNHHGFR.js';
-import { Icon, Button, Input, Spinner } from './chunk-KIHN7DGA.js';
+import { ellipsisStyle, unwrapRows } from './chunk-HR2U2QGN.js';
+import { includesLooseSearch } from './chunk-QDCP6P3K.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-DE7FPWVJ.js';
+import { Icon, Input, Spinner, Button } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useId, useRef, useMemo, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -32,6 +32,25 @@ function pickText(option, key) {
 var statusRowStyle = {
   padding: "var(--wp-space-2) var(--wp-space-3)"
 };
+function optionRowStyle(active) {
+  return {
+    display: "block",
+    width: "100%",
+    textAlign: "left",
+    padding: "var(--wp-space-2) var(--wp-space-3)",
+    border: 0,
+    borderRadius: "var(--wp-radius-sm)",
+    background: active ? "var(--wp-surface-hover)" : "transparent",
+    color: "var(--wp-text-default)",
+    font: "inherit",
+    cursor: "pointer"
+  };
+}
+var DEFAULT_CREATE_LABEL = '\uC9C1\uC811\uC785\uB825: "{value}"';
+function freeTextCreateLabel(template, text) {
+  const source = typeof template === "string" && template !== "" ? template : DEFAULT_CREATE_LABEL;
+  return source.split("{value}").join(text);
+}
 function AutocompleteFieldImpl({
   search,
   endpoint,
@@ -47,7 +66,11 @@ function AutocompleteFieldImpl({
   minChars = 1,
   debounceMs = 300,
   invalid = false,
-  disabled = false
+  disabled = false,
+  onSelect,
+  freeText = false,
+  selected,
+  createLabel
 }) {
   const listId = useId();
   const hostRef = useRef(null);
@@ -69,6 +92,8 @@ function AutocompleteFieldImpl({
   const [internalValue, setInternalValue] = useState("");
   const committed = (isControlled ? value : internalValue) ?? "";
   const hasSelection = committed !== "";
+  const cardMode = !freeText && hasSelection;
+  const freeTextValue = isControlled ? String(value ?? "") : internalValue;
   const [picked, setPicked] = useState(null);
   const [query, setQuery] = useState("");
   const [open, setOpen] = useState(false);
@@ -77,6 +102,13 @@ function AutocompleteFieldImpl({
   const [activeIndex, setActiveIndex] = useState(0);
   const [focusPending, setFocusPending] = useState(false);
   const listRef = useRef(null);
+  const [typedSeq, setTypedSeq] = useState(0);
+  const [ownLinked, setOwnLinked] = useState(false);
+  const linked = freeText && (selected ?? ownLinked);
+  const unlinkSentRef = useRef(false);
+  useEffect(() => {
+    if (linked) unlinkSentRef.current = false;
+  }, [linked]);
   useEffect(() => {
     if (!open) return;
     const box = listRef.current;
@@ -88,7 +120,7 @@ function AutocompleteFieldImpl({
     else if (bottom > box.scrollTop + box.clientHeight) box.scrollTop = bottom - box.clientHeight;
   }, [open, activeIndex, listId, results]);
   useEffect(() => {
-    if (disabled || hasSelection) return;
+    if (disabled || cardMode) return;
     const keyword = query.trim();
     if (keyword.length < minChars) {
       seqRef.current += 1;
@@ -129,7 +161,7 @@ function AutocompleteFieldImpl({
       clearTimeout(timer);
       controller.abort();
     };
-  }, [query, hasSearch, labelKey, subKey, minChars, debounceMs, disabled, hasSelection]);
+  }, [query, typedSeq, hasSearch, labelKey, subKey, minChars, debounceMs, disabled, cardMode]);
   useEffect(() => {
     if (!open) return;
     const closeOnOutsideClick = (event) => {
@@ -160,6 +192,7 @@ function AutocompleteFieldImpl({
     setStatus("idle");
     setResults([]);
     onChange?.(nextValue, option);
+    onSelect?.(option);
   };
   const clearSelection = () => {
     setPicked(null);
@@ -169,6 +202,71 @@ function AutocompleteFieldImpl({
     setResults([]);
     setFocusPending(true);
     onChange?.(null);
+    onSelect?.(null);
+  };
+  const closeFreeList = () => {
+    setQuery("");
+    setOpen(false);
+  };
+  const typeFreeText = (text) => {
+    if (linked && !unlinkSentRef.current) {
+      unlinkSentRef.current = true;
+      setOwnLinked(false);
+      onSelect?.(null);
+    }
+    if (!isControlled) setInternalValue(text);
+    setQuery(text);
+    setTypedSeq((n) => n + 1);
+    setActiveIndex(0);
+    onChange?.(text);
+  };
+  const pickFreeOption = (option) => {
+    const label = pickText(option, labelKey) || pickText(option, valueKey);
+    if (!isControlled) setInternalValue(label);
+    unlinkSentRef.current = false;
+    setOwnLinked(true);
+    closeFreeList();
+    onChange?.(label);
+    onSelect?.(option);
+  };
+  const chooseFreeRow = (index) => {
+    const option = index > 0 && status === "ready" ? results[index - 1] : void 0;
+    if (option) {
+      pickFreeOption(option);
+      return;
+    }
+    if (linked) {
+      unlinkSentRef.current = true;
+      setOwnLinked(false);
+      onSelect?.(null);
+    }
+    closeFreeList();
+  };
+  const freeRowCount = 1 + (status === "ready" ? results.length : 0);
+  const handleFreeKeyDown = (event) => {
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      if (!open) return;
+      const delta = event.key === "ArrowDown" ? 1 : -1;
+      setActiveIndex((index) => (index + delta + freeRowCount) % freeRowCount);
+      return;
+    }
+    if (event.key === "Enter") {
+      if (!open) return;
+      event.preventDefault();
+      chooseFreeRow(activeIndex);
+      return;
+    }
+    if (event.key === "Tab") {
+      if (!open) return;
+      if (activeIndex > 0 && status === "ready" && results[activeIndex - 1]) {
+        pickFreeOption(results[activeIndex - 1]);
+      } else {
+        closeFreeList();
+      }
+      return;
+    }
+    if (event.key === "Escape") setOpen(false);
   };
   const handleKeyDown = (event) => {
     if (event.key === "ArrowDown" || event.key === "ArrowUp") {
@@ -197,7 +295,98 @@ function AutocompleteFieldImpl({
   const cardOption = pickedMatches ? picked : staticMatch;
   const cardLabel = (pickedMatches ? pickText(picked, labelKey) : "") || selectedLabel || (cardOption ? pickText(cardOption, labelKey) : "") || committed;
   const cardSub = cardOption ? pickText(cardOption, subKey) : "";
-  if (hasSelection) {
+  if (freeText) {
+    const createText = freeTextCreateLabel(createLabel, freeTextValue);
+    return /* @__PURE__ */ jsxs("div", { ref: hostRef, className: "erp-popover-host", children: [
+      /* @__PURE__ */ jsxs("div", { className: "wp-inputwrap wp-inputwrap--lead", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "wp-inputwrap__lead",
+            style: linked ? { color: "var(--wp-text-success)" } : void 0,
+            children: /* @__PURE__ */ jsx(Icon, { name: linked ? "circle-check" : "search", size: 15, title: linked ? "\uC120\uD0DD\uB428" : void 0 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            role: "combobox",
+            "aria-expanded": open,
+            "aria-controls": listId,
+            "aria-autocomplete": "list",
+            "aria-activedescendant": open ? `${listId}-opt-${activeIndex}` : void 0,
+            autoComplete: "off",
+            invalid,
+            disabled,
+            placeholder,
+            value: freeTextValue,
+            onChange: (event) => typeFreeText(event.target.value),
+            onKeyDown: handleFreeKeyDown
+          }
+        )
+      ] }),
+      open ? /* @__PURE__ */ jsx("div", { className: "erp-popover erp-popover--left", style: { width: "100%" }, children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: listId,
+          ref: listRef,
+          role: "listbox",
+          className: "erp-popover__body",
+          style: {
+            maxHeight: 280,
+            overflowY: "auto",
+            overscrollBehavior: "contain",
+            padding: "var(--wp-space-1)"
+          },
+          onMouseDown: (event) => event.preventDefault(),
+          children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                id: `${listId}-opt-0`,
+                type: "button",
+                role: "option",
+                "aria-selected": activeIndex === 0,
+                "data-create-row": "",
+                onClick: () => chooseFreeRow(0),
+                onPointerEnter: () => setActiveIndex(0),
+                style: optionRowStyle(activeIndex === 0),
+                children: /* @__PURE__ */ jsx("span", { className: "wp-body-sm", style: ellipsisStyle, children: createText })
+              }
+            ),
+            status === "loading" ? /* @__PURE__ */ jsx("div", { className: "wp-row", style: statusRowStyle, children: /* @__PURE__ */ jsx(Spinner, { size: "sm", label: "\uAC80\uC0C9 \uC911\u2026" }) }) : status === "offline" ? /* @__PURE__ */ jsxs("div", { className: "wp-row", style: statusRowStyle, children: [
+              /* @__PURE__ */ jsx(Icon, { name: "unplug", size: 16, style: { color: "var(--wp-text-muted)", flex: "none" } }),
+              /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "\uBC31\uC5D4\uB4DC \uBBF8\uC5F0\uB3D9 \u2014 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" })
+            ] }) : status === "error" ? /* @__PURE__ */ jsxs("div", { className: "wp-row", style: statusRowStyle, children: [
+              /* @__PURE__ */ jsx(Icon, { name: "circle-alert", size: 16, style: { color: "var(--wp-text-danger)", flex: "none" } }),
+              /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "\uAC80\uC0C9 \uC2E4\uD328 \u2014 \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694" })
+            ] }) : status === "ready" && results.length === 0 ? /* @__PURE__ */ jsx("div", { className: "wp-caption", style: { ...statusRowStyle, color: "var(--wp-text-subtle)" }, children: "\uC77C\uCE58\uD558\uB294 \uD56D\uBAA9 \uC5C6\uC74C" }) : status === "ready" ? results.map((option, index) => {
+              const row = index + 1;
+              const optionSub = pickText(option, subKey);
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  id: `${listId}-opt-${row}`,
+                  type: "button",
+                  role: "option",
+                  "aria-selected": row === activeIndex,
+                  onClick: () => chooseFreeRow(row),
+                  onPointerEnter: () => setActiveIndex(row),
+                  style: optionRowStyle(row === activeIndex),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "wp-body-sm", style: ellipsisStyle, children: pickText(option, labelKey) || pickText(option, valueKey) }),
+                    optionSub ? /* @__PURE__ */ jsx("span", { className: "wp-caption", style: ellipsisStyle, children: optionSub }) : null
+                  ]
+                },
+                `${pickText(option, valueKey)}-${index}`
+              );
+            }) : null
+          ]
+        }
+      ) }) : null
+    ] });
+  }
+  if (cardMode) {
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -282,18 +471,7 @@ function AutocompleteFieldImpl({
               "aria-selected": index === activeIndex,
               onClick: () => selectOption(option),
               onPointerEnter: () => setActiveIndex(index),
-              style: {
-                display: "block",
-                width: "100%",
-                textAlign: "left",
-                padding: "var(--wp-space-2) var(--wp-space-3)",
-                border: 0,
-                borderRadius: "var(--wp-radius-sm)",
-                background: index === activeIndex ? "var(--wp-surface-hover)" : "transparent",
-                color: "var(--wp-text-default)",
-                font: "inherit",
-                cursor: "pointer"
-              },
+              style: optionRowStyle(index === activeIndex),
               children: [
                 /* @__PURE__ */ jsx("span", { className: "wp-body-sm", style: ellipsisStyle, children: pickText(option, labelKey) || pickText(option, valueKey) }),
                 optionSub ? /* @__PURE__ */ jsx("span", { className: "wp-caption", style: ellipsisStyle, children: optionSub }) : null
@@ -308,4 +486,4 @@ function AutocompleteFieldImpl({
 }
 var AutocompleteField = boxed(AutocompleteFieldImpl, "AutocompleteField");
 
-export { AutocompleteField, endpointSearchFn, toAutocompleteOptions };
+export { AutocompleteField, endpointSearchFn, freeTextCreateLabel, toAutocompleteOptions };

package/dist/{chunk-DDX7KJAW.js → chunk-QZMMW3JC.js}

@@ -1,4 +1,4 @@
-import { Icon, Badge } from './chunk-KIHN7DGA.js';
+import { Icon, Badge } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-JDTVNS3H.js → chunk-S4CQTJC6.js}

@@ -1,4 +1,4 @@
-import { ImageViewer } from './chunk-PN5IJPA5.js';
+import { ImageViewer } from './chunk-7NQBV77N.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-JRCHWX2B.js → chunk-T5ZHEXGK.js}

@@ -1,4 +1,4 @@
-import { Spinner, EmptyState } from './chunk-KIHN7DGA.js';
+import { Spinner, EmptyState } from './chunk-45GIMFRP.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-3PGKBTBZ.js → chunk-TVJS5JAK.js}

@@ -1,5 +1,5 @@
-import { DatePicker, TimePicker } from './chunk-5JXXCRXA.js';
-import { Field } from './chunk-KIHN7DGA.js';
+import { DatePicker, TimePicker } from './chunk-KMNC3Q4J.js';
+import { Field } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-QP7AQEGZ.js → chunk-VGWOOPHH.js}

@@ -1,6 +1,6 @@
-import { fetchAllPages } from './chunk-YOLT2TPX.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
-import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-KIHN7DGA.js';
+import { fetchAllPages } from './chunk-HR2U2QGN.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DE7FPWVJ.js';
+import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useMemo, useState, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-ZW42VDR3.js → chunk-WIQIJDEC.js}

@@ -1,5 +1,5 @@
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { Tag } from './chunk-KIHN7DGA.js';
+import { Tag } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-TQV4M3SB.js → chunk-WS3QZIYN.js}

@@ -1,5 +1,5 @@
-import { useSduiAssetResolver } from './chunk-XFNHHGFR.js';
-import { Spinner, Icon } from './chunk-KIHN7DGA.js';
+import { useSduiAssetResolver } from './chunk-DE7FPWVJ.js';
+import { Spinner, Icon } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-AMKIMOTU.js → chunk-WZS7KYOS.js}

@@ -1,5 +1,5 @@
-import { Text } from './chunk-YK7ZNV2C.js';
-import { Field, Input, Select, IconButton, Button } from './chunk-KIHN7DGA.js';
+import { Text } from './chunk-PPOQY3V5.js';
+import { Field, Input, Select, IconButton, Button } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-UDJVLMDH.js → chunk-YSRJPBMO.js}

@@ -1,6 +1,6 @@
-import { resolveTreeNodes, TreeView } from './chunk-OI2GPBIL.js';
+import { resolveTreeNodes, TreeView } from './chunk-CRSNVEUE.js';
 import { OverlayLayer } from './chunk-R2ORCOTG.js';
-import { Field, Dialog, Icon, Button, Input } from './chunk-KIHN7DGA.js';
+import { Field, Dialog, Icon, Button, Input } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-KVQXQLAP.js → chunk-ZAESY6NX.js}

@@ -1,8 +1,8 @@
-import { useDismiss, usePopoverAnchor, usePanelPointer, usePortalTo, CalendarNav, KO_CALENDAR_NAV_LOCALE, CalendarZoom, anchorStyle, AnchoredPopoverStyles } from './chunk-KJDHF6VU.js';
+import { useDismiss, usePopoverAnchor, usePanelPointer, usePortalTo, CalendarNav, KO_CALENDAR_NAV_LOCALE, CalendarZoom, anchorStyle, AnchoredPopoverStyles } from './chunk-HNMBEUBO.js';
 import { tabbablesIn } from './chunk-R2ORCOTG.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
 import { useIsMobile } from './chunk-TAVKGYH5.js';
-import { SegmentedControl, Button, Tag, EmptyState, Icon, Badge } from './chunk-KIHN7DGA.js';
+import { SegmentedControl, Button, Tag, EmptyState, Icon, Badge } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-4SVSS7VO.js → chunk-ZSKQUIYR.js}

@@ -1,7 +1,7 @@
-import { orderCircleStyle, ellipsisStyle, unwrapRows, uid } from './chunk-YOLT2TPX.js';
-import { includesLooseSearch } from './chunk-I2URQNZZ.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
-import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button, isPlainObject } from './chunk-KIHN7DGA.js';
+import { orderCircleStyle, ellipsisStyle, unwrapRows, uid } from './chunk-HR2U2QGN.js';
+import { includesLooseSearch } from './chunk-QDCP6P3K.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DE7FPWVJ.js';
+import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button, isPlainObject } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useId, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/index.d.ts

@@ -351,7 +351,7 @@ interface IconButtonProps extends React__default.ButtonHTMLAttributes<HTMLButton
     disabled?: boolean;
 }
 declare function IconButton({ icon, label, size, tone, variant, pressed, disabled, className, type, ...rest }: IconButtonProps): React__default.JSX.Element;
-interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+interface InputBaseProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     /** sm 28 · md 32(기본) · lg 40 px */
     size?: 'sm' | 'md' | 'lg';
     /** 선행 아이콘 이름 (예: "search") */
@@ -364,12 +364,47 @@ interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputEl
      * 입력 오른쪽 끝에 겹쳐 그리는 후행 표시.
      *
      * **문자열은 아이콘 이름으로 읽는다** — `trailing="eye"`(비밀번호 보기)가 원래 용례다.
-     * 등록되지 않은 이름이면 Icon이 null을 내므로 자리만 남는다. 단위 글자("원", "mm")를
-     * 넣고 싶으면 문자열이 아니라 노드로 줘라: `trailing={<span>원</span>}`.
+     * 등록되지 않은 이름이면 Icon이 null을 내므로 자리만 남는다. 단위 글자("원", "mm")는
+     * `unit` 으로 준다(1.9.0) — 스펙은 노드를 넘길 수 없으니 그쪽이 유일한 글자 통로다.
+     * `unit` 과 함께 오면 `unit` 이 자리를 차지하고 이쪽은 무시된다(경고 한 번).
      */
     trailing?: React__default.ReactNode;
+    /**
+     * 입력 오른쪽 끝의 **글자** 단위 — "원", "%", "km"(1.9.0).
+     *
+     * `trailing` 은 문자열을 아이콘 이름으로 읽어서 `trailing:"원"` 이라 쓴 스펙은 아무것도 그리지 않았다.
+     * 같은 `.wp-inputwrap__trail` 자리에 글자로 그리고, 값이 단위 밑으로 들어가지 않게 입력의 오른쪽 안쪽
+     * 여백을 단위 길이만큼 인라인으로 준다(스펙의 `style.paddingRight` 가 있으면 그쪽이 이긴다).
+     * 새 CSS 클래스를 쓰지 않는다 — 자체 미러 CSS 를 둔 소비 앱(ERP)도 옮길 규칙이 없다.
+     */
+    unit?: string;
+}
+/** `thousands` 를 켜지 않은 칸 — onChange 는 예전 그대로 DOM 이벤트를 받는다. */
+interface InputTextProps extends InputBaseProps {
+    thousands?: false;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
+}
+/**
+ * `thousands` 칸 — 3자리마다 쉼표를 그어 보이고, onChange 는 **이벤트가 아니라 값**을 받는다:
+ * 숫자, 또는 비었거나 미완성(`-`)이면 null. 렌더러의 `fromEvent`·`{"$event":true}` 는 이벤트가 아닌 인자를
+ * 그대로 넘기므로(SduiRenderer `eventValue`) 스펙은 그대로 숫자를 받는다.
+ */
+interface InputThousandsProps extends InputBaseProps {
+    /**
+     * 3자리마다 쉼표(1.9.0). 켜면 `type` 과 무관하게 `<input type="text" inputMode="decimal">` 로 그린다
+     * (number 칸은 쉼표를 값으로 받지 못한다 — number-text.ts 머리 주석). `min`·`max`·`step` 은 글자 칸에서
+     * 뜻이 없어 DOM 에 내리지 않는다. 소수는 그대로 받는다(반올림하지 않는다).
+     */
+    thousands: true;
+    onChange?: (value: number | null) => void;
 }
-declare function Input({ size, icon, invalid, mono, trailing, className, style, ...rest }: InputProps): React__default.JSX.Element;
+/**
+ * 판별 합집합으로 둔 까닭: onChange 의 인자가 `thousands` 에 따라 다르다. 하나의 함수 합집합으로 두면
+ * `onChange={(e) => …}` 처럼 타입을 안 적은 기존 호출부(편집기에 여럿)가 매개변수 타입을 잃는다 —
+ * `thousands` 가 없거나 false 면 예전 타입으로 좁혀진다.
+ */
+type InputProps = InputTextProps | InputThousandsProps;
+declare function Input(props: InputProps): React__default.JSX.Element;
 interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
     invalid?: boolean;
     rows?: number;
@@ -2540,4 +2575,4 @@ interface ImageViewerProps {
  */
 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, CALC_OPS, 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_NAMES, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, MOBILE_MEDIA_QUERY, type MeterTone, NodeErrorBoundary, ORDER_PARAM, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, type RemotePageState, RemoteSearchResults, type RemoteSearchResultsProps, type RemoteSummaryState, type ResolvedPatternSpec, ResultEmptyState, type ResultEmptyStateProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SORT_PARAM, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiContainerRoleProps, type SduiDateCell, type SduiDateFormat, SduiDialog, type SduiDispatch, type SduiDisplayFormat, 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, SduiSearchInvalidationProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiSearchSummary, type SduiSearchSummaryItem, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchInvalidator, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchSummaryCards, type SearchSummaryCardsProps, type SearchTabs, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, type ServerSortMemory, type ServerUnsortable, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, type SortEcho, SortHandle, type SortHandleProps, type SortState, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIdCandidate, 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, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, conditionParams, createRegistry, createSearchInvalidator, createServerSortMemory, defaultAdapter, defaultRegistry, formatDateValue, formatDisplayValue, formatNumberValue, getOverlayRoot, imageRenderer, includesLooseSearch, isValidSpecId, isZonedIsoDateTime, joinMultiValue, loadOptionalModule, mapActions, mapCardRows, mapColumns, mapGridCard, mapViews, matchesCondition, nextSort, normalizePageSizes, normalizeSearchText, parseNumeric, patternSpecCandidates, resolvePatternSpec, searchFieldKeys, searchValuesFromParams, serverSortMemory, sortEchoOf, sortFromParams, sortableDropIndex, sortableMove, splitMultiValue, summaryParams, useAnyModalOpen, useIsMobile, useOverlayLayer, useRemoteSearchPage, useRemoteSearchSummary, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec, withProps, withoutSort };
+export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, CALC_OPS, 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_NAMES, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputBaseProps, type InputProps, type InputTextProps, type InputThousandsProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, MOBILE_MEDIA_QUERY, type MeterTone, NodeErrorBoundary, ORDER_PARAM, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, type RemotePageState, RemoteSearchResults, type RemoteSearchResultsProps, type RemoteSummaryState, type ResolvedPatternSpec, ResultEmptyState, type ResultEmptyStateProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SORT_PARAM, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiContainerRoleProps, type SduiDateCell, type SduiDateFormat, SduiDialog, type SduiDispatch, type SduiDisplayFormat, 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, SduiSearchInvalidationProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiSearchSummary, type SduiSearchSummaryItem, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchInvalidator, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchSummaryCards, type SearchSummaryCardsProps, type SearchTabs, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, type ServerSortMemory, type ServerUnsortable, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, type SortEcho, SortHandle, type SortHandleProps, type SortState, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIdCandidate, 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, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, conditionParams, createRegistry, createSearchInvalidator, createServerSortMemory, defaultAdapter, defaultRegistry, formatDateValue, formatDisplayValue, formatNumberValue, getOverlayRoot, imageRenderer, includesLooseSearch, isValidSpecId, isZonedIsoDateTime, joinMultiValue, loadOptionalModule, mapActions, mapCardRows, mapColumns, mapGridCard, mapViews, matchesCondition, nextSort, normalizePageSizes, normalizeSearchText, parseNumeric, patternSpecCandidates, resolvePatternSpec, searchFieldKeys, searchValuesFromParams, serverSortMemory, sortEchoOf, sortFromParams, sortableDropIndex, sortableMove, splitMultiValue, summaryParams, useAnyModalOpen, useIsMobile, useOverlayLayer, useRemoteSearchPage, useRemoteSearchSummary, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec, withProps, withoutSort };

package/dist/index.js

@@ -1,24 +1,24 @@
-export { loadOptionalModule } from './chunk-JRCHWX2B.js';
-import { useSduiDispatch, SduiDialog, useSduiCan, useSduiRuntime, SduiDirtyRegistryContext, SduiLeaveRegistryContext, SduiFormScopeContext, SduiDispatchContext, SduiRuntimeContext, SduiPermissionProvider } from './chunk-O3SD2HS6.js';
-export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch, useSduiRuntime } from './chunk-O3SD2HS6.js';
-import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-YK7ZNV2C.js';
-export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-YK7ZNV2C.js';
-import { ImageViewer } from './chunk-PN5IJPA5.js';
-export { ImageViewer } from './chunk-PN5IJPA5.js';
-import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-I2URQNZZ.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-I2URQNZZ.js';
-import { parseYmd, YMD_RE, TimePicker, DateRangePicker, DatePicker } from './chunk-5JXXCRXA.js';
-export { DatePicker, DateRangePicker, TimePicker } from './chunk-5JXXCRXA.js';
-import './chunk-KJDHF6VU.js';
+export { loadOptionalModule } from './chunk-T5ZHEXGK.js';
+import { useSduiDispatch, SduiDialog, useSduiCan, useSduiRuntime, SduiDirtyRegistryContext, SduiLeaveRegistryContext, SduiFormScopeContext, SduiDispatchContext, SduiRuntimeContext, SduiPermissionProvider } from './chunk-77OM6OQG.js';
+export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch, useSduiRuntime } from './chunk-77OM6OQG.js';
+import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-PPOQY3V5.js';
+export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-PPOQY3V5.js';
+import { ImageViewer } from './chunk-7NQBV77N.js';
+export { ImageViewer } from './chunk-7NQBV77N.js';
+import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-QDCP6P3K.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-QDCP6P3K.js';
+import { parseYmd, YMD_RE, TimePicker, DateRangePicker, DatePicker } from './chunk-KMNC3Q4J.js';
+export { DatePicker, DateRangePicker, TimePicker } from './chunk-KMNC3Q4J.js';
+import './chunk-HNMBEUBO.js';
 import { OverlayContainerContext, OverlayLayer, useAnyModalOpen } from './chunk-R2ORCOTG.js';
 export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useAnyModalOpen, useOverlayLayer } from './chunk-R2ORCOTG.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { useSduiAdapter, hostFetchOf, isSafeNavigationTarget, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-XFNHHGFR.js';
-export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-XFNHHGFR.js';
+import { useSduiAdapter, hostFetchOf, isSafeNavigationTarget, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-DE7FPWVJ.js';
+export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DE7FPWVJ.js';
 import { DEV, useIsMobile } from './chunk-TAVKGYH5.js';
 export { MOBILE_MEDIA_QUERY, useIsMobile } from './chunk-TAVKGYH5.js';
-import { EmptyState, Button, Checkbox, Select, Tabs, SegmentedControl, Spinner, Pagination, fieldOf, StatCard, isZonedIsoDateTime, formatDateValue, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Table, Switch, Input, IconButton, Field, Alert, warnOnce, isPlainObject, CALC_OPS, evaluateCalc, Dialog, ICON_NODES, toNumber } from './chunk-KIHN7DGA.js';
-export { Alert, Avatar, Badge, Breadcrumb, Button, CALC_OPS, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip, formatDateValue, formatDisplayValue, formatNumberValue, isZonedIsoDateTime, parseNumeric } from './chunk-KIHN7DGA.js';
+import { EmptyState, Button, Checkbox, Select, Tabs, SegmentedControl, Spinner, Pagination, fieldOf, StatCard, isZonedIsoDateTime, formatDateValue, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Table, Switch, Input, IconButton, Field, Alert, warnOnce, isPlainObject, CALC_OPS, evaluateCalc, Dialog, ICON_NODES, toNumber } from './chunk-45GIMFRP.js';
+export { Alert, Avatar, Badge, Breadcrumb, Button, CALC_OPS, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip, formatDateValue, formatDisplayValue, formatNumberValue, isZonedIsoDateTime, parseNumeric } from './chunk-45GIMFRP.js';
 import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-3JTBOABA.js';
 export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-3JTBOABA.js';
 import React9, { createContext, useState, useMemo, useEffect, useRef, useContext, useCallback, useSyncExternalStore } from 'react';

package/dist/meta.js

@@ -1414,15 +1414,37 @@ var InputMeta = {
   icon: "pencil",
   description: "\uD55C \uC904 \uC785\uB825. \uB098\uBA38\uC9C0 \uD504\uB86D\uC740 <input>\uC5D0 \uADF8\uB300\uB85C \uC804\uB2EC\uB41C\uB2E4.",
   props: [
-    { name: "value", kind: "string", label: "\uAC12", bindable: true, group: "data" },
+    {
+      name: "value",
+      kind: "string",
+      label: "\uAC12",
+      bindable: true,
+      description: "thousands \uCE78\uC740 \uC22B\uC790\xB7\uC22B\uC790 \uAE00\uC790\uB97C \uBC1B\uC544 \uC27C\uD45C\uB97C \uADF8\uC5B4 \uBCF4\uC778\uB2E4.",
+      group: "data"
+    },
     {
       name: "onChange",
       kind: "action",
       label: "\uBCC0\uACBD",
-      eventArg: "\uC785\uB825 \uAC12(\uBB38\uC790\uC5F4)",
+      eventArg: '\uC785\uB825 \uAC12(\uBB38\uC790\uC5F4). type=number \uBA74 \uC22B\uC790(\uBE44\uC6B0\uBA74 null), thousands \uBA74 \uC22B\uC790(\uBE44\uC5C8\uAC70\uB098 "-" \uCC98\uB7FC \uBBF8\uC644\uC131\uC774\uBA74 null)',
       description: '{ "action": "setState", "key": "\uD3FCid.\uD544\uB4DC", "fromEvent": true }',
       group: "behavior"
     },
+    {
+      name: "thousands",
+      kind: "boolean",
+      label: "\uCC9C \uB2E8\uC704 \uC27C\uD45C",
+      default: false,
+      description: '3\uC790\uB9AC\uB9C8\uB2E4 \uC27C\uD45C\uB97C \uADF8\uC5B4 \uBCF4\uC778\uB2E4(1,234,567.5). type \uACFC \uBB34\uAD00\uD558\uAC8C \uAE00\uC790 \uCE78(inputMode=decimal)\uC73C\uB85C \uADF8\uB9AC\uACE0, onChange \uAC12\uC740 \uC22B\uC790(\uBE44\uC6B0\uBA74 null) \u2014 \uC27C\uD45C\uB294 \uD654\uBA74\uC5D0\uB9CC \uC788\uB2E4. \uBD99\uC5EC\uB123\uC740 "1,234\uC6D0" \uC740 1234. \uC18C\uC218\uB294 \uBC18\uC62C\uB9BC\uD558\uC9C0 \uC54A\uB294\uB2E4. min\xB7max\xB7step \uC740 \uC774 \uCE78\uC5D0\uC11C \uC4F0\uC9C0 \uC54A\uB294\uB2E4.',
+      group: "behavior"
+    },
+    {
+      name: "unit",
+      kind: "string",
+      label: "\uB2E8\uC704",
+      description: '\uC785\uB825 \uC624\uB978\uCABD \uB05D\uC5D0 \uBD99\uB294 \uAE00\uC790 \uB2E8\uC704 \u2014 "\uC6D0", "%", "km". trailing \uACFC \uD568\uAED8 \uC8FC\uBA74 unit \uB9CC \uADF8\uB9B0\uB2E4.',
+      group: "content"
+    },
     {
       name: "type",
       kind: "enum",
@@ -1478,7 +1500,7 @@ var InputMeta = {
       name: "trailing",
       kind: "icon",
       label: "\uD6C4\uD589 \uC544\uC774\uCF58",
-      description: '\uC785\uB825 \uC624\uB978\uCABD \uB05D\uC5D0 \uACB9\uCCD0 \uADF8\uB9AC\uB294 \uD45C\uC2DC. **\uC544\uC774\uCF58 \uC774\uB984\uC73C\uB85C \uC77D\uB294\uB2E4**(\uC608: "eye" = \uBE44\uBC00\uBC88\uD638 \uBCF4\uAE30). \uB4F1\uB85D\uB418\uC9C0 \uC54A\uC740 \uC774\uB984\uC774\uBA74 \uC544\uBB34\uAC83\uB3C4 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4 \u2014 "\uC6D0"\xB7"mm" \uAC19\uC740 \uB2E8\uC704 \uAE00\uC790\uB294 \uC5EC\uAE30 \uB123\uC5B4\uB3C4 \uB098\uC624\uC9C0 \uC54A\uB294\uB2E4.',
+      description: '\uC785\uB825 \uC624\uB978\uCABD \uB05D\uC5D0 \uACB9\uCCD0 \uADF8\uB9AC\uB294 \uD45C\uC2DC. **\uC544\uC774\uCF58 \uC774\uB984\uC73C\uB85C \uC77D\uB294\uB2E4**(\uC608: "eye" = \uBE44\uBC00\uBC88\uD638 \uBCF4\uAE30). \uB4F1\uB85D\uB418\uC9C0 \uC54A\uC740 \uC774\uB984\uC774\uBA74 \uC544\uBB34\uAC83\uB3C4 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4 \u2014 "\uC6D0"\xB7"mm" \uAC19\uC740 \uB2E8\uC704 \uAE00\uC790\uB294 \uC5EC\uAE30\uAC00 \uC544\uB2C8\uB77C unit \uC5D0 \uB123\uB294\uB2E4.',
       group: "content"
     },
     styleProp,
@@ -4871,7 +4893,7 @@ var AutocompleteFieldMeta = {
   label: "\uC790\uB3D9\uC644\uC131",
   category: "input",
   icon: "search",
-  description: "\uAC80\uC0C9\uD574\uC11C \uD558\uB098\uB97C \uACE0\uB974\uB294 \uC785\uB825. \uACE0\uB978 \uB4A4\uC5D0\uB294 \uC120\uD0DD \uCE74\uB4DC\uB85C \uC811\uD78C\uB2E4. \uAC80\uC0C9 \uACBD\uB85C\uB97C \uC8FC\uBA74 \uC6D0\uACA9 \uC870\uD68C\uAE4C\uC9C0 \uD55C\uB2E4.",
+  description: "\uAC80\uC0C9\uD574\uC11C \uD558\uB098\uB97C \uACE0\uB974\uB294 \uC785\uB825. \uACE0\uB978 \uB4A4\uC5D0\uB294 \uC120\uD0DD \uCE74\uB4DC\uB85C \uC811\uD78C\uB2E4. \uAC80\uC0C9 \uACBD\uB85C\uB97C \uC8FC\uBA74 \uC6D0\uACA9 \uC870\uD68C\uAE4C\uC9C0 \uD55C\uB2E4. freeText \uB97C \uCF1C\uBA74 \uC785\uB825\uD55C \uAE00\uC790 \uC790\uCCB4\uAC00 \uAC12\uC774\uACE0(\uC9C1\uC811\uC785\uB825), \uBAA9\uB85D\uC740 \uC9C1\uC811\uC785\uB825 \uC904 + \uC774\uB984 \uB9E4\uCE6D \uD6C4\uBCF4\uB2E4.",
   props: [
     {
       name: "options",
@@ -4905,7 +4927,7 @@ var AutocompleteFieldMeta = {
       kind: "string",
       label: "\uC120\uD0DD\uB41C \uAC12",
       bindable: true,
-      description: "\uBE48 \uBB38\uC790\uC5F4\uC774\uBA74 \uBBF8\uC120\uD0DD\uC73C\uB85C \uBCF8\uB2E4.",
+      description: "\uBE48 \uBB38\uC790\uC5F4\uC774\uBA74 \uBBF8\uC120\uD0DD\uC73C\uB85C \uBCF8\uB2E4. freeText \uC5D0\uC11C\uB294 \uCE78\uC758 \uAE00\uC790 \uADF8 \uC790\uCCB4.",
       group: "data"
     },
     {
@@ -4920,9 +4942,40 @@ var AutocompleteFieldMeta = {
       name: "onChange",
       kind: "action",
       label: "\uC120\uD0DD \uBCC0\uACBD",
-      eventArg: "\uC120\uD0DD\uB41C \uAC12(\uBB38\uC790\uC5F4), \uD574\uC81C\uD558\uBA74 null",
+      eventArg: "\uC120\uD0DD\uB41C \uAC12(\uBB38\uC790\uC5F4), \uD574\uC81C\uD558\uBA74 null. freeText \uC5D0\uC11C\uB294 \uCE58\uB294 \uAE00\uC790\uB9C8\uB2E4 \uADF8 \uAE00\uC790, \uD6C4\uBCF4\uB97C \uACE0\uB974\uBA74 \uADF8 \uB77C\uBCA8",
       group: "behavior"
     },
+    {
+      name: "onSelect",
+      kind: "action",
+      label: "\uD56D\uBAA9 \uACE0\uB984",
+      eventArg: "\uACE0\uB978 \uD56D\uBAA9(\uC9C1\uC811\uC785\uB825\xB7\uC5F0\uACB0 \uD574\uC81C\uB294 null)",
+      description: `\uACE0\uB978 \uD56D\uBAA9 \uD1B5\uC9F8\uB85C \u2014 {"$event":"business_no"} \uCC98\uB7FC \uD56D\uBAA9\uC758 \uB2E4\uB978 \uCE78\uC744 \uC77D\uC5B4 \uD568\uAED8 \uCC44\uC6B4\uB2E4. \uACE0\uB978 \uB4A4 \uAE00\uC790\uB97C \uACE0\uCE58\uAC70\uB098(freeText) '\uBCC0\uACBD'\uC73C\uB85C \uD480\uBA74 null \uC774 \uD55C \uBC88 \uC628\uB2E4.`,
+      group: "behavior"
+    },
+    {
+      name: "freeText",
+      kind: "boolean",
+      label: "\uC9C1\uC811\uC785\uB825",
+      default: false,
+      description: "\uC785\uB825\uD55C \uAE00\uC790 \uC790\uCCB4\uAC00 \uAC12(onChange \uAC00 \uAE00\uC790\uB9C8\uB2E4 \uC628\uB2E4). \uC120\uD0DD \uCE74\uB4DC \uC5C6\uC74C. \uBAA9\uB85D \uCCAB \uC904\uC740 \uC5B8\uC81C\uB098 \uC9C1\uC811\uC785\uB825 \uC904\uC774\uACE0 Enter \uB97C \uADF8\uB0E5 \uB204\uB974\uBA74 \uCE5C \uAE00\uC790\uAC00 \uB0A8\uB294\uB2E4. \uD6C4\uBCF4\uB97C \uACE0\uB974\uBA74(Enter\xB7Tab\xB7\uD074\uB9AD) onChange(\uB77C\uBCA8) \uB2E4\uC74C onSelect(\uD56D\uBAA9). \uBAA9\uB85D\uC740 \uC0AC\uC6A9\uC790\uAC00 \uCE60 \uB54C\uB9CC \uC5F4\uB9B0\uB2E4.",
+      group: "behavior"
+    },
+    {
+      name: "selected",
+      kind: "boolean",
+      label: "\uD56D\uBAA9 \uC5F0\uACB0\uB428",
+      bindable: true,
+      description: "freeText \uC5D0\uC11C \uC9C0\uAE08 \uAE00\uC790\uAC00 \uACE0\uB978 \uD56D\uBAA9\uC5D0 \uC5F0\uACB0\uB3FC \uC788\uB294\uAC00(\uC608: \uBC1C\uC8FC\uCC98 id \uAC00 \uBE44\uC9C0 \uC54A\uC558\uB098). \uCC38\uC774\uBA74 \uC55E \uC544\uC774\uCF58\uC774 \uCCB4\uD06C\uB85C \uBC14\uB00C\uACE0, \uAE00\uC790\uB97C \uACE0\uCE58\uBA74 onSelect(null) \uC774 \uBA3C\uC800 \uAC04\uB2E4. \uC0DD\uB7B5\uD558\uBA74 \uC704\uC82F\uC774 \uC2A4\uC2A4\uB85C \uAE30\uC5B5\uD55C\uB2E4.",
+      group: "data"
+    },
+    {
+      name: "createLabel",
+      kind: "string",
+      label: "\uC9C1\uC811\uC785\uB825 \uC904 \uBB38\uAD6C",
+      description: 'freeText \uBAA9\uB85D \uCCAB \uC904. {value} \uAC00 \uC9C0\uAE08 \uAE00\uC790\uB85C \uBC14\uB010\uB2E4. \uAE30\uBCF8 \uC9C1\uC811\uC785\uB825: "{value}".',
+      group: "content"
+    },
     { name: "labelKey", kind: "string", label: "\uB77C\uBCA8 \uD0A4", default: "label", description: "\uC635\uC158\uC5D0\uC11C \uD45C\uC2DC \uB77C\uBCA8\uC744 \uC77D\uC744 \uD0A4.", group: "data" },
     { name: "valueKey", kind: "string", label: "\uAC12 \uD0A4", default: "value", description: "\uC635\uC158\uC5D0\uC11C \uAC12\uC744 \uC77D\uC744 \uD0A4.", group: "data" },
     { name: "subKey", kind: "string", label: "\uBCF4\uC870 \uC815\uBCF4 \uD0A4", description: "\uBAA9\uB85D \uB458\uC9F8 \uC904\uC5D0 \uC4F8 \uD0A4. \uC5C6\uC73C\uBA74 \uD55C \uC904\uB9CC \uADF8\uB9B0\uB2E4.", group: "data" },