@wipco/sdui 0.21.0 → 0.22.0

package/dist/{chunk-HPZTFZZN.js → chunk-PNVOE5VH.js}

@@ -1,102 +1,9 @@
 import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-XKLUCUVA.js';
 import { Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
-import { createContext, useState, useRef, useEffect, useMemo, useCallback, useContext } from 'react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-// 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;
-}
 var HM_RE = /^\d{2}:\d{2}$/;
 var LIST_HEIGHT = 260;
 var MINUTES_PER_DAY = 24 * 60;
@@ -288,4 +195,4 @@ var TP_CSS = `
 `;
 var TimePicker = boxed(TimePickerImpl, "TimePicker");
 
-export { DEV, SduiAdapterContext, TimePicker, assetResolverOf, defaultAdapter, hostFetchOf, isSafeNavigationTarget, resolveAdapter, useSduiAdapter, useSduiAssetResolver, useSduiSandbox };
+export { TimePicker };

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-SRGXODY2.js → chunk-WZKDOZL2.js}

@@ -1,9 +1,24 @@
 import { includesLooseSearch } from './chunk-U7ZK7WYH.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-WGRB5UL4.js';
 import { Icon, Button, Input, Spinner } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
-import { useId, useRef, useState, useEffect, useMemo } from 'react';
+import { useId, useRef, useMemo, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+function endpointSearchFn(endpoint, searchParam, hostFetch) {
+  return async (keyword, signal) => {
+    const sep = endpoint.includes("?") ? "&" : "?";
+    const url = `${endpoint}${sep}${searchParam}=${encodeURIComponent(keyword)}`;
+    try {
+      return toAutocompleteOptions(await hostFetch(url, { method: "GET", signal }));
+    } catch (error) {
+      if (error?.status === 503) {
+        return { options: [], status: "offline" };
+      }
+      throw error;
+    }
+  };
+}
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -34,6 +49,8 @@ var statusRowStyle = {
 };
 function AutocompleteFieldImpl({
   search,
+  endpoint,
+  searchParam = "q",
   options,
   labelKey = "label",
   valueKey = "value",
@@ -52,9 +69,17 @@ function AutocompleteFieldImpl({
   const seqRef = useRef(0);
   const optionsRef = useRef(options);
   optionsRef.current = options;
-  const searchRef = useRef(search);
-  searchRef.current = search;
-  const hasSearch = search !== void 0;
+  const adapter = useSduiAdapter();
+  const endpointSearch = useMemo(() => {
+    if (!endpoint) return void 0;
+    const hostFetch = hostFetchOf(adapter);
+    if (!hostFetch) return void 0;
+    return endpointSearchFn(endpoint, searchParam, hostFetch);
+  }, [endpoint, searchParam, adapter]);
+  const effectiveSearch = search ?? endpointSearch;
+  const searchRef = useRef(effectiveSearch);
+  searchRef.current = effectiveSearch;
+  const hasSearch = effectiveSearch !== void 0;
   const isControlled = value !== void 0;
   const [internalValue, setInternalValue] = useState("");
   const committed = (isControlled ? value : internalValue) ?? "";
@@ -298,4 +323,4 @@ function AutocompleteFieldImpl({
 }
 var AutocompleteField = boxed(AutocompleteFieldImpl, "AutocompleteField");
 
-export { AutocompleteField, toAutocompleteOptions };
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, ComponentType } from 'react';
-import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-opTPYysN.js';
-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 SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-BNdv5-jn.js';
+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-BNdv5-jn.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, T as TimePickerProps } from './DatePicker-D2EtpvkQ.js';
@@ -1677,6 +1677,12 @@ interface SduiRendererProps {
  */
 declare function SduiRenderer({ page, registry, adapter, syncUrlState, initialState, can, onCustomAction, customValidators, }: SduiRendererProps): React__default.JSX.Element;
 
+/**
+ * 어휘 전체. **렌더러와 편집기 검증기가 같은 이 집합을 본다** — 목록이 두 벌이면
+ * 한쪽에만 연산을 더했을 때 "렌더는 되는데 저장이 거부되는" 스펙이 생긴다.
+ */
+declare const CALC_OPS: ReadonlySet<string>;
+
 /**
  * 스펙 구조 검증기 — 서버(또는 편집기)가 만든 스펙의 형태 오류를 렌더 전에 찾아낸다.
  * 렌더러는 개발 모드에서 이 결과를 콘솔에 경고하고, 관리자 편집기는
@@ -1831,4 +1837,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, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePickerProps, DateRangePickerProps, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiImageCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, getOverlayRoot, imageRenderer, includesLooseSearch, joinMultiValue, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useOverlayLayer, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };
+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, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiImageCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, getOverlayRoot, imageRenderer, includesLooseSearch, joinMultiValue, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useOverlayLayer, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };

package/dist/index.js

@@ -1,9 +1,11 @@
-import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, TimePicker, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-HPZTFZZN.js';
-export { TimePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-HPZTFZZN.js';
+import { TimePicker } from './chunk-PNVOE5VH.js';
+export { TimePicker } from './chunk-PNVOE5VH.js';
 import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
 import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-U7ZK7WYH.js';
 export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-U7ZK7WYH.js';
+import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-WGRB5UL4.js';
+export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-WGRB5UL4.js';
 import { HoistedStyle, DateRangePicker, DatePicker, OverlayLayer } from './chunk-XKLUCUVA.js';
 export { DatePicker, DateRangePicker, OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XKLUCUVA.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';
@@ -1783,6 +1785,310 @@ function createRegistry(extensions) {
   return { ...defaultRegistry, ...extensions };
 }
 
+// src/calc.ts
+function isPlainObject(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function toNumber2(v) {
+  if (typeof v === "number") return v;
+  if (typeof v === "string") {
+    const n = Number(v.replace(/,/g, ""));
+    return Number.isFinite(n) ? n : 0;
+  }
+  return 0;
+}
+function isNumericText(v) {
+  if (typeof v === "number") return true;
+  if (typeof v !== "string" || v === "") return false;
+  return Number.isFinite(Number(v.replace(/,/g, "")));
+}
+function orderingCompare(a, b) {
+  if (typeof a === "string" && typeof b === "string" && !isNumericText(a) && !isNumericText(b)) {
+    return a < b ? -1 : a > b ? 1 : 0;
+  }
+  const x = toNumber2(a);
+  const y = toNumber2(b);
+  return x < y ? -1 : x > y ? 1 : 0;
+}
+function looseEquals(a, b) {
+  return String(a ?? "") === String(b ?? "");
+}
+function isBlank(v) {
+  return v === null || v === void 0 || v === "";
+}
+function fieldOf(row, field) {
+  if (!field) return row;
+  if (!isPlainObject(row)) return void 0;
+  return Object.hasOwn(row, field) ? row[field] : void 0;
+}
+var FIELD_OPS = /* @__PURE__ */ new Set([
+  "eq",
+  "ne",
+  "gt",
+  "gte",
+  "lt",
+  "lte",
+  "in",
+  "notIn",
+  "contains",
+  "startsWith",
+  "endsWith",
+  "isNull"
+]);
+function isFieldOpObject(v) {
+  return isPlainObject(v) && Object.keys(v).some((key) => FIELD_OPS.has(key));
+}
+function matchesFieldOps(actual, ops, resolve) {
+  return Object.entries(ops).every(([op, rawExpected]) => {
+    if (!FIELD_OPS.has(op)) return true;
+    const expected = resolve(rawExpected);
+    switch (op) {
+      case "eq":
+        return looseEquals(actual, expected);
+      case "ne":
+        return !looseEquals(actual, expected);
+      case "gt":
+        return orderingCompare(actual, expected) > 0;
+      case "gte":
+        return orderingCompare(actual, expected) >= 0;
+      case "lt":
+        return orderingCompare(actual, expected) < 0;
+      case "lte":
+        return orderingCompare(actual, expected) <= 0;
+      case "in":
+        return Array.isArray(expected) && expected.some((item) => looseEquals(actual, item));
+      case "notIn":
+        return !Array.isArray(expected) || !expected.some((item) => looseEquals(actual, item));
+      case "contains":
+        return String(actual ?? "").includes(String(expected ?? ""));
+      case "startsWith":
+        return String(actual ?? "").startsWith(String(expected ?? ""));
+      case "endsWith":
+        return String(actual ?? "").endsWith(String(expected ?? ""));
+      case "isNull":
+        return isBlank(actual) === Boolean(expected);
+      default:
+        return true;
+    }
+  });
+}
+function matchesWhere(row, where, resolve) {
+  if (!isPlainObject(where)) return true;
+  return Object.entries(where).every(([key, condition]) => {
+    if (key === "AND") {
+      return Array.isArray(condition) && condition.every((sub) => matchesWhere(row, sub, resolve));
+    }
+    if (key === "OR") {
+      return Array.isArray(condition) && condition.some((sub) => matchesWhere(row, sub, resolve));
+    }
+    if (key === "NOT") {
+      return !matchesWhere(row, condition, resolve);
+    }
+    const actual = fieldOf(row, key);
+    if (isFieldOpObject(condition)) return matchesFieldOps(actual, condition, resolve);
+    return looseEquals(actual, resolve(condition));
+  });
+}
+var CALC_OPS = /* @__PURE__ */ new Set([
+  // 산술 (기존)
+  "sum",
+  "sub",
+  "mul",
+  "div",
+  "percent",
+  "count",
+  // 문자 (기존)
+  "concat",
+  "encode",
+  // 비교·논리 (기존)
+  "eq",
+  "gt",
+  "gte",
+  "lt",
+  "lte",
+  "not",
+  // 논리 (신규) — 예전에는 스펙이 eq(concat(eq(a),eq(b)),"falsefalse")로 우회했다
+  "and",
+  "or",
+  // 값 고르기 (신규)
+  "if",
+  "match",
+  "coalesce",
+  // 목록·객체 (신규)
+  "get",
+  "pluck",
+  "filter",
+  "some",
+  "every",
+  "includes",
+  "distinct",
+  "except",
+  "entries",
+  "length",
+  "join",
+  "split",
+  "sortBy"
+]);
+function evaluateCalc(calc, resolved, resolve) {
+  const op = typeof calc.op === "string" ? calc.op : "";
+  const field = typeof calc.field === "string" ? calc.field : void 0;
+  const first = resolved[0];
+  const list = Array.isArray(first) ? first : void 0;
+  const listOrEmpty = () => {
+    if (list) return list;
+    if (first !== void 0 && first !== null) {
+      warnOnce(
+        `calc:${op}:list`,
+        `[sdui] $calc(${op}): \uCCAB \uC778\uC790\uAC00 \uBC30\uC5F4\uC774 \uC544\uB2D9\uB2C8\uB2E4 \u2014 \uBE48 \uBAA9\uB85D\uC73C\uB85C \uCC98\uB9AC\uD569\uB2C8\uB2E4`
+      );
+    }
+    return [];
+  };
+  const nums = (v) => {
+    if (Array.isArray(v))
+      return v.map((row) => field && isPlainObject(row) ? toNumber2(row[field]) : toNumber2(row));
+    return [toNumber2(v)];
+  };
+  switch (op) {
+    /* ── 산술 ── */
+    case "sum":
+      return resolved.flatMap(nums).reduce((a, b) => a + b, 0);
+    case "count":
+      return resolved.reduce(
+        (a, v) => a + (Array.isArray(v) ? v.length : v == null ? 0 : 1),
+        0
+      );
+    case "sub": {
+      const items = resolved.map((v) => toNumber2(v));
+      return items.length === 0 ? 0 : items.reduce((a, b) => a - b);
+    }
+    case "mul":
+      return resolved.map((v) => toNumber2(v)).reduce((a, b) => a * b, 1);
+    case "div": {
+      const [a, b] = resolved.map((v) => toNumber2(v));
+      return b === 0 ? 0 : a / b;
+    }
+    case "percent": {
+      const [a, b] = resolved.map((v) => toNumber2(v));
+      return b === 0 ? 0 : Math.round(a / b * 1e3) / 10;
+    }
+    /* ── 문자 ── */
+    case "concat":
+      return resolved.map((v) => v == null ? "" : String(v)).join("");
+    case "encode":
+      return encodeURIComponent(resolved.map((v) => v == null ? "" : String(v)).join(""));
+    /* ── 비교·논리 ── */
+    case "eq":
+      return looseEquals(resolved[0], resolved[1]);
+    case "gt":
+      return orderingCompare(resolved[0], resolved[1]) > 0;
+    case "gte":
+      return orderingCompare(resolved[0], resolved[1]) >= 0;
+    case "lt":
+      return orderingCompare(resolved[0], resolved[1]) < 0;
+    case "lte":
+      return orderingCompare(resolved[0], resolved[1]) <= 0;
+    case "not":
+      return !resolved[0];
+    case "and":
+      return resolved.every(Boolean);
+    case "or":
+      return resolved.some(Boolean);
+    /* ── 값 고르기 ── */
+    case "if":
+      return resolved[0] ? resolve(calc.then ?? null) : resolve(calc.else ?? null);
+    case "match": {
+      const key = String(resolved[0] ?? "");
+      const cases = isPlainObject(calc.cases) ? calc.cases : {};
+      if (Object.hasOwn(cases, key)) return resolve(cases[key]);
+      return resolve(calc.default ?? null);
+    }
+    case "coalesce":
+      return resolved.find((v) => !isBlank(v)) ?? null;
+    /* ── 목록·객체 ── */
+    case "get": {
+      const [container, rawKey] = resolved;
+      const key = rawKey == null ? "" : String(rawKey);
+      if (Array.isArray(container)) {
+        const index = Number(key);
+        if (!Number.isInteger(index) || index < 0 || index >= container.length) return null;
+        return container[index] ?? null;
+      }
+      if (isPlainObject(container)) {
+        return Object.hasOwn(container, key) ? container[key] ?? null : null;
+      }
+      return null;
+    }
+    case "pluck":
+      return listOrEmpty().map((row) => fieldOf(row, field)).filter((v) => v !== null && v !== void 0);
+    case "filter":
+      return listOrEmpty().filter((row) => matchesWhere(row, calc.where, resolve));
+    case "some":
+      return listOrEmpty().some((row) => matchesWhere(row, calc.where, resolve));
+    case "every":
+      return listOrEmpty().every((row) => matchesWhere(row, calc.where, resolve));
+    case "includes": {
+      const needle = resolved[1];
+      if (typeof first === "string") return first.includes(String(needle ?? ""));
+      return listOrEmpty().some((row) => looseEquals(fieldOf(row, field), needle));
+    }
+    case "distinct": {
+      const seen = /* @__PURE__ */ new Set();
+      return listOrEmpty().filter((row) => {
+        const key = String(fieldOf(row, field) ?? "");
+        if (seen.has(key)) return false;
+        seen.add(key);
+        return true;
+      });
+    }
+    case "except": {
+      const remove = new Set(
+        (Array.isArray(resolved[1]) ? resolved[1] : []).map(
+          (row) => String(fieldOf(row, field) ?? "")
+        )
+      );
+      return listOrEmpty().filter(
+        (row) => !remove.has(String(fieldOf(row, field) ?? ""))
+      );
+    }
+    case "entries": {
+      if (!isPlainObject(first)) return [];
+      return Object.entries(first).map(([key, value]) => ({
+        key,
+        value
+      }));
+    }
+    case "length":
+      if (Array.isArray(first)) return first.length;
+      if (typeof first === "string") return first.length;
+      return 0;
+    case "join": {
+      const sep = typeof calc.sep === "string" ? calc.sep : ",";
+      return listOrEmpty().map((row) => {
+        const value = fieldOf(row, field);
+        return value == null ? "" : String(value);
+      }).join(sep);
+    }
+    case "split": {
+      const sep = typeof calc.sep === "string" ? calc.sep : ",";
+      const parts = String(first ?? "").split(sep);
+      if (calc.take === void 0) return parts;
+      const index = toNumber2(calc.take);
+      const at = index < 0 ? parts.length + index : index;
+      return parts[at] ?? null;
+    }
+    case "sortBy": {
+      const desc = Boolean(calc.desc);
+      return [...listOrEmpty()].sort((a, b) => {
+        const order = orderingCompare(fieldOf(a, field), fieldOf(b, field));
+        return desc ? -order : order;
+      });
+    }
+    default:
+      return null;
+  }
+}
+
 // src/request-action.ts
 function deferChainEntry(container, key) {
   return typeof container.action === "string" && (key === "onSuccess" || key === "onError");
@@ -1829,22 +2135,6 @@ var ACTION_NAMES = /* @__PURE__ */ new Set([
   "arrayUpdate",
   "custom"
 ]);
-var CALC_OPS = /* @__PURE__ */ new Set([
-  "sum",
-  "sub",
-  "mul",
-  "div",
-  "percent",
-  "count",
-  "concat",
-  "encode",
-  "eq",
-  "gt",
-  "gte",
-  "lt",
-  "lte",
-  "not"
-]);
 var RULE_NAMES = /* @__PURE__ */ new Set([
   "required",
   "min",
@@ -1864,7 +2154,7 @@ var DENIED_PROPS = /* @__PURE__ */ new Set([
   "constructor",
   "prototype"
 ]);
-function isPlainObject(v) {
+function isPlainObject2(v) {
   return typeof v === "object" && v !== null && !Array.isArray(v);
 }
 function checkUrlValue(key, value, path, issues) {
@@ -1874,7 +2164,7 @@ function checkUrlValue(key, value, path, issues) {
 }
 function validateSpec(page, knownComponents) {
   const issues = [];
-  if (!isPlainObject(page)) return [{ path: "$", message: "\uC2A4\uD399\uC774 \uAC1D\uCCB4\uAC00 \uC544\uB2D9\uB2C8\uB2E4" }];
+  if (!isPlainObject2(page)) return [{ path: "$", message: "\uC2A4\uD399\uC774 \uAC1D\uCCB4\uAC00 \uC544\uB2D9\uB2C8\uB2E4" }];
   if (page.version !== 1) issues.push({ path: "$.version", message: "version\uC740 1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4" });
   validatePageData(page.data, issues);
   if (!Array.isArray(page.body)) {
@@ -1888,7 +2178,7 @@ function validateSpec(page, knownComponents) {
 }
 function validatePageData(data, issues) {
   if (data === void 0) return;
-  if (!isPlainObject(data)) {
+  if (!isPlainObject2(data)) {
     issues.push({ path: "$.data", message: "data\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     return;
   }
@@ -1898,7 +2188,7 @@ function validatePageData(data, issues) {
       issues.push({ path, message: "\uC0C1\uD0DC \uD0A4\uB294 \uBE44\uC5B4 \uC788\uC9C0 \uC54A\uC544\uC57C \uD558\uACE0 $\uB85C \uC2DC\uC791\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" });
       continue;
     }
-    if (!isPlainObject(raw)) {
+    if (!isPlainObject2(raw)) {
       issues.push({ path, message: "\uC870\uD68C\uB294 { endpoint, select?, when?, fallback? } \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
       continue;
     }
@@ -1910,7 +2200,7 @@ function validatePageData(data, issues) {
       } else if (!raw.endpoint.startsWith("/")) {
         issues.push({ path: `${path}.endpoint`, message: "endpoint\uB294 /\uB85C \uC2DC\uC791\uD558\uB294 \uACBD\uB85C\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
       }
-    } else if (!isPlainObject(raw.endpoint)) {
+    } else if (!isPlainObject2(raw.endpoint)) {
       issues.push({ path: `${path}.endpoint`, message: "endpoint\uB294 \uBB38\uC790\uC5F4\uC774\uAC70\uB098 \uAC12 \uCC38\uC870\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     } else {
       walkValue(raw.endpoint, `${path}.endpoint`, issues, false);
@@ -1933,7 +2223,7 @@ function validatePageData(data, issues) {
 }
 function walkChild(child, path, issues, known) {
   if (typeof child === "string") return;
-  if (!isPlainObject(child)) {
+  if (!isPlainObject2(child)) {
     issues.push({ path, message: "children \uD56D\uBAA9\uC740 \uBB38\uC790\uC5F4 \uB610\uB294 \uB178\uB4DC \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     return;
   }
@@ -1945,7 +2235,7 @@ function walkChild(child, path, issues, known) {
   if (known && !RENDERER_BUILTINS.has(node.component) && !known.has(node.component)) {
     issues.push({ path, message: `\uB4F1\uB85D\uB418\uC9C0 \uC54A\uC740 \uCEF4\uD3EC\uB10C\uD2B8: ${node.component}` });
   }
-  if (node.props !== void 0 && !isPlainObject(node.props)) {
+  if (node.props !== void 0 && !isPlainObject2(node.props)) {
     issues.push({ path: `${path}.props`, message: "props\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
   }
   for (const [name, value] of Object.entries(node.props ?? {})) {
@@ -1959,9 +2249,9 @@ function walkChild(child, path, issues, known) {
     checkUrlValue(name, value, `${path}.props.${name}`, issues);
     walkValue(value, `${path}.props.${name}`, issues, name.startsWith("on") || name === "rowClick");
   }
-  if (node.component === "Form" && isPlainObject(node.props) && node.props.rules !== void 0) {
+  if (node.component === "Form" && isPlainObject2(node.props) && node.props.rules !== void 0) {
     const rules = node.props.rules;
-    if (!isPlainObject(rules)) {
+    if (!isPlainObject2(rules)) {
       issues.push({ path: `${path}.props.rules`, message: "rules\uB294 { \uD544\uB4DC: \uADDC\uCE59\uBC30\uC5F4 } \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     } else {
       for (const [field, list] of Object.entries(rules)) {
@@ -1972,15 +2262,15 @@ function walkChild(child, path, issues, known) {
     }
   }
   if (node.component === "Fragment") {
-    const id = isPlainObject(node.props) ? node.props.id : void 0;
-    if ((typeof id !== "string" || id === "") && !isPlainObject(id)) {
+    const id = isPlainObject2(node.props) ? node.props.id : void 0;
+    if ((typeof id !== "string" || id === "") && !isPlainObject2(id)) {
       issues.push({
         path: `${path}.props.id`,
         message: "Fragment.id\uB294 \uBE44\uC5B4 \uC788\uC9C0 \uC54A\uC740 \uBB38\uC790\uC5F4(\uB610\uB294 \uAC12 \uCC38\uC870)\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4"
       });
     }
-    const args = isPlainObject(node.props) ? node.props.args : void 0;
-    if (args !== void 0 && !isPlainObject(args)) {
+    const args = isPlainObject2(node.props) ? node.props.args : void 0;
+    if (args !== void 0 && !isPlainObject2(args)) {
       issues.push({
         path: `${path}.props.args`,
         message: "Fragment.args\uB294 { \uC774\uB984: \uAC12 } \uD3C9\uBA74 \uC624\uBE0C\uC81D\uD2B8\uC5EC\uC57C \uD569\uB2C8\uB2E4"
@@ -1994,7 +2284,7 @@ function walkChild(child, path, issues, known) {
     }
   }
   if (node.slots !== void 0) {
-    if (!isPlainObject(node.slots)) {
+    if (!isPlainObject2(node.slots)) {
       issues.push({ path: `${path}.slots`, message: "slots\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     } else {
       for (const [slot, children] of Object.entries(node.slots)) {
@@ -2019,7 +2309,7 @@ function walkValue(value, path, issues, actionEligible) {
     value.forEach((v, i) => walkValue(v, `${path}[${i}]`, issues, actionEligible));
     return;
   }
-  if (!isPlainObject(value)) return;
+  if (!isPlainObject2(value)) return;
   if (typeof value.action === "string" && (actionEligible || ACTION_NAMES.has(value.action))) {
     if (actionEligible && !ACTION_NAMES.has(value.action)) {
       issues.push({ path, message: `\uC54C \uC218 \uC5C6\uB294 \uC561\uC158: ${value.action}` });
@@ -2046,7 +2336,7 @@ function walkValue(value, path, issues, actionEligible) {
   }
   if ("$calc" in value) {
     const calc = value.$calc;
-    if (!isPlainObject(calc) || typeof calc.op !== "string" || !CALC_OPS.has(calc.op)) {
+    if (!isPlainObject2(calc) || typeof calc.op !== "string" || !CALC_OPS.has(calc.op)) {
       issues.push({ path, message: "$calc.op\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4" });
     } else if (!Array.isArray(calc.args)) {
       issues.push({ path: `${path}.$calc.args`, message: "args\uB294 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4" });
@@ -2075,12 +2365,12 @@ function walkValue(value, path, issues, actionEligible) {
 }
 
 // src/page-data.ts
-function isPlainObject2(value) {
+function isPlainObject3(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function planPageData(data, resolve) {
   if (data === void 0) return [];
-  if (!isPlainObject2(data)) {
+  if (!isPlainObject3(data)) {
     warnOnce("page-data:root", "[sdui] page.data\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4");
     return [];
   }
@@ -2090,7 +2380,7 @@ function planPageData(data, resolve) {
       warnOnce(`page-data:${key}`, `[sdui] page.data\uC758 \uC0C1\uD0DC \uD0A4 "${key}"\uB294 \uC4F8 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uAC74\uB108\uB701\uB2C8\uB2E4`);
       continue;
     }
-    if (!isPlainObject2(raw)) {
+    if (!isPlainObject3(raw)) {
       warnOnce(`page-data:${key}`, `[sdui] page.data.${key}\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4 \u2014 \uAC74\uB108\uB701\uB2C8\uB2E4`);
       continue;
     }
@@ -2125,7 +2415,7 @@ function pickPath(source, path) {
   if (path === void 0 || path === "") return source;
   let value = source;
   for (const segment of path.split(".")) {
-    if (!isPlainObject2(value)) return void 0;
+    if (!isPlainObject3(value)) return void 0;
     value = value[segment];
   }
   return value;
@@ -2156,26 +2446,26 @@ function nearestArgsFrame(scope) {
   }
   return void 0;
 }
-function isPlainObject3(v) {
+function isPlainObject4(v) {
   return typeof v === "object" && v !== null && !Array.isArray(v);
 }
 function isStateRef(v) {
-  return isPlainObject3(v) && typeof v.$state === "string";
+  return isPlainObject4(v) && typeof v.$state === "string";
 }
 function isItemRef(v) {
-  return isPlainObject3(v) && "$item" in v;
+  return isPlainObject4(v) && "$item" in v;
 }
 function isIndexRef(v) {
-  return isPlainObject3(v) && "$index" in v;
+  return isPlainObject4(v) && "$index" in v;
 }
 function isCalcRef(v) {
-  return isPlainObject3(v) && isPlainObject3(v.$calc);
+  return isPlainObject4(v) && isPlainObject4(v.$calc);
 }
 function isArgRef(v) {
-  return isPlainObject3(v) && typeof v.$arg === "string";
+  return isPlainObject4(v) && typeof v.$arg === "string";
 }
 function isAction(v) {
-  return isPlainObject3(v) && typeof v.action === "string";
+  return isPlainObject4(v) && typeof v.action === "string";
 }
 function isActionList(v) {
   return Array.isArray(v) && v.length > 0 && v.every(isAction);
@@ -2199,7 +2489,7 @@ function expandActionEntries(raw, scope) {
   return [];
 }
 function eventValue(arg) {
-  if (isPlainObject3(arg) && "target" in arg && typeof arg.preventDefault === "function") {
+  if (isPlainObject4(arg) && "target" in arg && typeof arg.preventDefault === "function") {
     const target = arg.target;
     if (target.type === "checkbox") return target.checked;
     if (target.type === "number" || target.type === "range") {
@@ -2211,14 +2501,6 @@ function eventValue(arg) {
   }
   return arg;
 }
-function toNumber2(v) {
-  if (typeof v === "number") return v;
-  if (typeof v === "string") {
-    const n = Number(v.replace(/,/g, ""));
-    return Number.isFinite(n) ? n : 0;
-  }
-  return 0;
-}
 function toIndex(v) {
   if (typeof v === "number") return Number.isInteger(v) ? v : null;
   if (typeof v === "string" && /^-?\d+$/.test(v.trim())) return Number(v.trim());
@@ -2317,7 +2599,7 @@ function childrenOf(node) {
 }
 function renderChild(child, index, scope, engine) {
   if (typeof child === "string") return child;
-  if (!isPlainObject3(child)) {
+  if (!isPlainObject4(child)) {
     warnOnce2(`child:${String(child)}`, `[sdui] \uC798\uBABB\uB41C \uB178\uB4DC(\uBB38\uC790\uC5F4 \uB610\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4): ${String(child)}`);
     return /* @__PURE__ */ jsx(SpecErrorCard, { children: "[sdui] \uC798\uBABB\uB41C \uB178\uB4DC \u2014 \uBB38\uC790\uC5F4 \uB610\uB294 \uB178\uB4DC \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" }, index);
   }
@@ -2332,11 +2614,11 @@ function SduiNodeRenderer({
   engine
 }) {
   const { registry, resolveValue, dispatch, resolveAsset } = engine;
-  const slots = isPlainObject3(node.slots) ? node.slots : void 0;
+  const slots = isPlainObject4(node.slots) ? node.slots : void 0;
   const childList = childrenOf(node);
   if (node.component === "ForEach") {
     const source = resolveValue(
-      isPlainObject3(node.props) ? node.props.source ?? null : null,
+      isPlainObject4(node.props) ? node.props.source ?? null : null,
       scope
     );
     const rows = Array.isArray(source) ? source : [];
@@ -2346,7 +2628,7 @@ function SduiNodeRenderer({
     }
     return /* @__PURE__ */ jsx(Fragment, { children: rows.map((item, rowIndex) => {
       const rowScope = [...scope, { item, index: rowIndex }];
-      const rowKey = isPlainObject3(item) && typeof item.id === "string" ? item.id : rowIndex;
+      const rowKey = isPlainObject4(item) && typeof item.id === "string" ? item.id : rowIndex;
       return /* @__PURE__ */ jsx(React11.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
     }) });
   }
@@ -2365,7 +2647,7 @@ function SduiNodeRenderer({
     ] });
   }
   const props = {};
-  for (const [name, raw] of Object.entries(isPlainObject3(node.props) ? node.props : {})) {
+  for (const [name, raw] of Object.entries(isPlainObject4(node.props) ? node.props : {})) {
     if (DENIED_PROPS2.has(name)) {
       warnOnce2(`prop:${name}`, `[sdui] \uC2A4\uD399\uC5D0\uC11C \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD504\uB86D: ${name} \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
       continue;
@@ -2404,7 +2686,7 @@ function SduiNodeRenderer({
   if (childLayout) {
     for (const name of CHILD_LAYOUT_PROPS) delete props[name];
     if (childLayout.style) {
-      props.style = isPlainObject3(props.style) ? { ...childLayout.style, ...props.style } : childLayout.style;
+      props.style = isPlainObject4(props.style) ? { ...childLayout.style, ...props.style } : childLayout.style;
     }
     if (childLayout.className) {
       props.className = typeof props.className === "string" && props.className ? `${childLayout.className} ${props.className}` : childLayout.className;
@@ -2428,7 +2710,7 @@ var FRAGMENT_MAX_DEPTH = 4;
 function SduiFragment({ node, scope, engine }) {
   const adapter = useSduiAdapter();
   const chain = React11.useContext(SduiFragmentChainContext);
-  const raw = isPlainObject3(node.props) ? node.props.id : void 0;
+  const raw = isPlainObject4(node.props) ? node.props.id : void 0;
   const id = engine.resolveValue(raw, scope);
   if (typeof id !== "string" || id === "") {
     warnOnce2("fragment:id", "[sdui] <Fragment>\uC5D0 \uBB38\uC790\uC5F4 id\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4");
@@ -2448,8 +2730,8 @@ function SduiFragment({ node, scope, engine }) {
     );
     return null;
   }
-  const rawArgs = isPlainObject3(node.props) ? node.props.args : void 0;
-  if (rawArgs !== void 0 && !isPlainObject3(rawArgs)) {
+  const rawArgs = isPlainObject4(node.props) ? node.props.args : void 0;
+  if (rawArgs !== void 0 && !isPlainObject4(rawArgs)) {
     warnOnce2(`fragment:args:${id}`, `[sdui] <Fragment ${id}>\uC758 args\uB294 \uD3C9\uBA74 \uC624\uBE0C\uC81D\uD2B8\uC5EC\uC57C \uD569\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
   }
   const useSpec = adapter?.useSpec;
@@ -2464,7 +2746,7 @@ function SduiFragment({ node, scope, engine }) {
     SduiFragmentBody,
     {
       id,
-      args: isPlainObject3(rawArgs) ? rawArgs : void 0,
+      args: isPlainObject4(rawArgs) ? rawArgs : void 0,
       useSpec,
       chain,
       scope,
@@ -2485,13 +2767,13 @@ function SduiFragmentBody({
   const nextChain = React11.useMemo(() => [...chain, id], [chain, id]);
   const bodyScope = React11.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
   React11.useEffect(() => {
-    if (!DEV || !isPlainObject3(spec) || !Array.isArray(spec.body)) return;
+    if (!DEV || !isPlainObject4(spec) || !Array.isArray(spec.body)) return;
     validateSpec(spec, new Set(Object.keys(engine.registry))).forEach(
       (issue) => console.warn(`[sdui:spec:${id}] ${issue.path} \u2014 ${issue.message}`)
     );
   }, [spec, engine.registry, id]);
   if (spec === void 0) return null;
-  if (spec === null || !isPlainObject3(spec) || !Array.isArray(spec.body)) {
+  if (spec === null || !isPlainObject4(spec) || !Array.isArray(spec.body)) {
     warnOnce2(`fragment:missing:${id}`, `[sdui] Fragment \uC2A4\uD399\uC744 \uD574\uC11D\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ${id} \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4`);
     return null;
   }
@@ -2621,7 +2903,7 @@ function SduiRenderer({
       if (head in current) {
         let value = current[head];
         for (const segment of segments.slice(cut)) {
-          if (!isPlainObject3(value)) return void 0;
+          if (!isPlainObject4(value)) return void 0;
           value = value[segment];
         }
         return value;
@@ -2639,7 +2921,7 @@ function SduiRenderer({
         const frame = nearestItemFrame(scope);
         if (!frame) return null;
         if (value.$item === true) return frame.item;
-        return isPlainObject3(frame.item) ? frame.item[value.$item] ?? null : null;
+        return isPlainObject4(frame.item) ? frame.item[value.$item] ?? null : null;
       }
       if (isIndexRef(value)) {
         return nearestItemFrame(scope)?.index ?? null;
@@ -2653,64 +2935,17 @@ function SduiRenderer({
         return void 0;
       }
       if (isCalcRef(value)) {
-        const { op: rawOp, args, field: rawField } = value.$calc;
-        const op = typeof rawOp === "string" ? rawOp : "";
-        if (!Array.isArray(args)) {
+        const calc = value.$calc;
+        const op = typeof calc.op === "string" ? calc.op : "";
+        if (!Array.isArray(calc.args)) {
           warnOnce2(`calc:${op}`, `[sdui] $calc(${op || "?"}): args\uB294 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 \u2014 \uAC12 \uC5C6\uC74C\uC73C\uB85C \uCC98\uB9AC\uD569\uB2C8\uB2E4`);
           return null;
         }
-        const field = typeof rawField === "string" ? rawField : void 0;
-        const resolved = args.map((arg) => resolveValue(arg, scope));
-        const nums = (v) => {
-          if (Array.isArray(v))
-            return v.map((row) => field && isPlainObject3(row) ? toNumber2(row[field]) : toNumber2(row));
-          return [toNumber2(v)];
-        };
-        switch (op) {
-          case "sum":
-            return resolved.flatMap(nums).reduce((a, b) => a + b, 0);
-          case "count":
-            return resolved.reduce((a, v) => a + (Array.isArray(v) ? v.length : v == null ? 0 : 1), 0);
-          case "sub": {
-            const list = resolved.map((v) => toNumber2(v));
-            return list.length === 0 ? 0 : list.reduce((a, b) => a - b);
-          }
-          case "mul":
-            return resolved.map((v) => toNumber2(v)).reduce((a, b) => a * b, 1);
-          case "div": {
-            const [a, b] = resolved.map((v) => toNumber2(v));
-            return b === 0 ? 0 : a / b;
-          }
-          case "percent": {
-            const [a, b] = resolved.map((v) => toNumber2(v));
-            return b === 0 ? 0 : Math.round(a / b * 1e3) / 10;
-          }
-          case "concat":
-            return resolved.map((v) => v == null ? "" : String(v)).join("");
-          case "encode":
-            return encodeURIComponent(resolved.map((v) => v == null ? "" : String(v)).join(""));
-          case "eq": {
-            const [a, b] = resolved;
-            return String(a ?? "") === String(b ?? "");
-          }
-          // 수량 비교 — 정원 초과 차단(Button.disabled), 임계값 경고(Show.when) 등
-          case "gt":
-            return toNumber2(resolved[0]) > toNumber2(resolved[1]);
-          case "gte":
-            return toNumber2(resolved[0]) >= toNumber2(resolved[1]);
-          case "lt":
-            return toNumber2(resolved[0]) < toNumber2(resolved[1]);
-          case "lte":
-            return toNumber2(resolved[0]) <= toNumber2(resolved[1]);
-          /** 부정 — 조건을 뒤집어 "없을 때만" 렌더링하는 데 쓴다 */
-          case "not":
-            return !resolved[0];
-          default:
-            return null;
-        }
+        const resolved = calc.args.map((arg) => resolveValue(arg, scope));
+        return evaluateCalc(calc, resolved, (late) => resolveValue(late, scope));
       }
       if (Array.isArray(value)) return value.map((v) => resolveValue(v, scope));
-      if (isPlainObject3(value)) {
+      if (isPlainObject4(value)) {
         const out = {};
         for (const [k, v] of Object.entries(value)) {
           out[k] = deferChainEntry(value, k) ? v : resolveValue(v, scope);
@@ -2879,7 +3114,7 @@ function SduiRenderer({
             break;
           }
           const row = current[index];
-          if (!isPlainObject3(row)) break;
+          if (!isPlainObject4(row)) break;
           const nextValue = (action.fromEvent ? eventValue(arg) : action.value) ?? null;
           const next = [...current];
           next[index] = { ...row, [action.field]: nextValue };
@@ -3022,4 +3257,4 @@ function SduiRenderer({
   );
 }
 
-export { Actions, Can, Col, Divider, Grid, KeyValueList, NodeErrorBoundary, PageHead, RemoteSearchResults, ResultTable, Row, SduiDialog, SduiForm, SduiPermissionProvider, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, Section, Show, SortHandle, SortableList, Spacer, Text, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiCan, useSduiDispatch, useSduiRuntime, useSearchFetcher, validateSpec };
+export { Actions, CALC_OPS, Can, Col, Divider, Grid, KeyValueList, NodeErrorBoundary, PageHead, RemoteSearchResults, ResultTable, Row, SduiDialog, SduiForm, SduiPermissionProvider, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, Section, Show, SortHandle, SortableList, Spacer, Text, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiCan, useSduiDispatch, useSduiRuntime, useSearchFetcher, validateSpec };

package/dist/meta.d.ts

@@ -1,4 +1,4 @@
-import { b as SduiPropValue, i as SduiNode } from './types-opTPYysN.js';
+import { b as SduiPropValue, i as SduiNode } from './types-BNdv5-jn.js';
 
 /**
  * 시각 빌더용 컴포넌트 메타데이터 스키마.
@@ -405,9 +405,9 @@ declare const richComponentMeta: {
  * 받지 않게 하려는 것이다. 여기도 값 import는 없다(`import type`만).
  *
  * 프롭 목록은 `src/widgets/*.tsx`의 **실제 프롭 인터페이스**와, ERP 스펙 84개를 훑어
- * 뽑은 **실사용 프롭 집합**의 합집합이다. 대조 결과 이 21종에서 스펙이 쓰는 프롭 중
- * 구현에 없는 것은 `AutocompleteField.endpoint` 하나뿐이고(아래 `legacy` 주석 참고),
- * 나머지는 전부 구현에 존재한다.
+ * 뽑은 **실사용 프롭 집합**의 합집합이다. 스펙이 쓰는데 구현에 없는 프롭은 이제
+ * **한 개도 없다** — 마지막 하나였던 `AutocompleteField.endpoint`가 0.22.0에서
+ * 구현으로 들어왔다(소비 앱이 들고 있던 어댑터가 그만큼 사라진다).
  *
  * ## 함수 프롭을 메타데이터에 넣지 않은 자리
  *

package/dist/meta.js

@@ -3298,7 +3298,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. \uC6D0\uACA9 \uC870\uD68C\uB294 \uC571\uC774 \uC5B9\uC740 \uC5B4\uB311\uD130\uAC00 \uB2F4\uB2F9\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.",
   props: [
     {
       name: "options",
@@ -3316,9 +3316,15 @@ var AutocompleteFieldMeta = {
     {
       name: "endpoint",
       kind: "string",
-      legacy: true,
       label: "\uAC80\uC0C9 \uACBD\uB85C",
-      description: "\uB77C\uC774\uBE0C\uB7EC\uB9AC \uAD6C\uD604\uC5D0\uB294 \uC5C6\uB2E4 \u2014 \uC774 \uC790\uB9AC\uC758 \uB77C\uC774\uBE0C\uB7EC\uB9AC \uD504\uB86D\uC740 `search`(\uD568\uC218)\uB77C JSON\uC73C\uB85C \uD45C\uD604\uD560 \uC218 \uC5C6\uC5B4\uC11C, \uC18C\uBE44 \uC571\uC774 \uC5B4\uB311\uD130\uB97C \uC50C\uC6CC endpoint\uB97C search\uB85C \uBC14\uAFD4 \uB4F1\uB85D\uD55C\uB2E4(ERP\uC758 `@/components/widgets/AutocompleteField`). \uC2A4\uD399 \uC5B4\uD718\uB294 endpoint \uCABD\uC774\uBBC0\uB85C \uC9C0\uC6B0\uC9C0 \uC54A\uB294\uB2E4.",
+      description: "\uC8FC\uBA74 \uC5B4\uB311\uD130\uC758 fetch\uB85C \uC9C1\uC811 \uC870\uD68C\uD55C\uB2E4(`GET {\uACBD\uB85C}?q={\uD0A4\uC6CC\uB4DC}`). 0.22.0 \uC804\uC5D0\uB294 \uC774 \uD504\uB86D\uC774 \uB77C\uC774\uBE0C\uB7EC\uB9AC \uAD6C\uD604\uC5D0 \uC5C6\uC5B4\uC11C \uC18C\uBE44 \uC571\uC774 \uC5B4\uB311\uD130\uB97C \uC50C\uC6CC endpoint\uB97C search \uD568\uC218\uB85C \uBC14\uAFD4 \uB4F1\uB85D\uD588\uB2E4 \u2014 \uC774\uC81C \uD544\uC694 \uC5C6\uB2E4.",
+      group: "data"
+    },
+    {
+      name: "searchParam",
+      kind: "string",
+      label: "\uD0A4\uC6CC\uB4DC \uD30C\uB77C\uBBF8\uD130",
+      description: "endpoint \uC870\uD68C\uC5D0 \uBD99\uB294 \uD0A4\uC6CC\uB4DC \uCFFC\uB9AC \uC774\uB984. \uAE30\uBCF8 'q'.",
       group: "data"
     },
     {

package/dist/rich.js

@@ -1,5 +1,5 @@
-import { useSduiAssetResolver } from './chunk-HPZTFZZN.js';
-export { TimePicker } from './chunk-HPZTFZZN.js';
+export { TimePicker } from './chunk-PNVOE5VH.js';
+import { useSduiAssetResolver } from './chunk-WGRB5UL4.js';
 import { HoistedStyle } from './chunk-XKLUCUVA.js';
 export { DatePicker, DateRangePicker } from './chunk-XKLUCUVA.js';
 import { Spinner, EmptyState } from './chunk-WIDDHR7L.js';

package/dist/{types-opTPYysN.d.ts → types-BNdv5-jn.d.ts}

@@ -64,11 +64,67 @@ interface SduiIndexRef {
 interface SduiCalcRef {
     $calc: {
         op: 'sum' | 'sub' | 'mul' | 'div' | 'percent' | 'count' | 'concat' | 'encode'
-        /** 비교·논리 — Show의 when, Button의 disabled 등에 바인딩한다 */
-         | 'eq' | 'gt' | 'gte' | 'lt' | 'lte' | 'not';
+        /**
+         * 비교·논리 — Show의 when, Button의 disabled 등에 바인딩한다.
+         * 순서 비교(gt/gte/lt/lte)는 숫자로 재되, **양쪽이 모두 숫자가 아닌 문자열일
+         * 때만** 사전순으로 본다 — ISO 날짜·시각 문자열의 대소가 이 규칙으로 성립한다.
+         */
+         | 'eq' | 'gt' | 'gte' | 'lt' | 'lte' | 'not' | 'and' | 'or'
+        /**
+         * 값 고르기. `if`는 `then`/`else`, `match`는 `cases`(+`default`)를 쓴다 —
+         * 둘 다 **고른 가지만** 해석되므로 안 고른 가지의 조회는 나가지 않는다.
+         * `coalesce`는 args에서 처음으로 비지 않은 값(null·undefined·'' 제외)을 준다.
+         */
+         | 'if' | 'match' | 'coalesce'
+        /**
+         * 목록·객체. JSON에는 람다가 없으므로 술어는 `where` 객체로 쓴다
+         * (Prisma의 where와 같은 모양 — 아래 필드 설명 참고).
+         *
+         * - `get`     args[0]에서 args[1] 키/인덱스로 꺼낸다(런타임 값이 키가 될 수 있다)
+         * - `pluck`   객체 배열에서 `field` 값만 뽑아 값 배열로 만든다(빈 값은 떨어뜨린다)
+         * - `filter`  `where`에 맞는 행만 남긴다
+         * - `some`/`every`  `where`에 맞는 행이 있는지 / 전부인지
+         * - `includes` 목록(또는 문자열)이 args[1]을 담고 있는지
+         * - `distinct` `field`(없으면 값 자체) 기준 중복 제거
+         * - `except`  args[0]에서 args[1]에 있는 것을 뺀다(`field`로 맞춘다)
+         * - `entries` 객체를 `{key, value}` 배열로 편다 — ForEach가 돌 수 있는 모양
+         * - `length`  배열·문자열의 길이
+         * - `join`    `sep`(기본 ',')으로 잇는다
+         * - `split`   `sep`(기본 ',')으로 가른다. `take`를 주면 그 조각 하나(음수는 뒤에서)
+         * - `sortBy`  `field` 기준 정렬(`desc: true`면 내림차순). 원본은 건드리지 않는다
+         */
+         | 'get' | 'pluck' | 'filter' | 'some' | 'every' | 'includes' | 'distinct' | 'except' | 'entries' | 'length' | 'join' | 'split' | 'sortBy';
         args: SduiPropValue[];
-        /** sum/count에서 객체 배열의 필드를 지정 */
+        /** sum/count·목록 연산에서 객체 배열의 필드를 지정 */
         field?: string;
+        /**
+         * `filter`·`some`·`every`의 술어. 키가 필드, 값이 연산 객체다.
+         *
+         *   { "deptId": { "eq": { "$state": "sel" } },
+         *     "level":  { "gte": 3 },
+         *     "OR": [ { "status": "open" }, { "owner": { "isNull": true } } ] }
+         *
+         * 필드 연산: eq · ne · gt · gte · lt · lte · in · notIn · contains ·
+         * startsWith · endsWith · isNull. 값이 연산 객체가 아니면 `eq`로 읽는다.
+         * 같은 객체의 키들은 AND이고, `AND`/`OR`는 술어 배열, `NOT`은 술어 하나다.
+         * 술어 안의 값에도 참조를 쓸 수 있는데, 이때 `$item`은 거르고 있는 행이 아니라
+         * **바깥 ForEach의 행**을 가리킨다(거르는 행은 필드 이름으로 지목한다).
+         */
+        where?: SduiPropValue;
+        /** `if`가 참일 때의 값 (고를 때만 해석된다) */
+        then?: SduiPropValue;
+        /** `if`가 거짓일 때의 값 (고를 때만 해석된다) */
+        else?: SduiPropValue;
+        /** `match`의 대응표 — 키는 args[0]을 문자열로 눕힌 값 */
+        cases?: Record<string, SduiPropValue>;
+        /** `match`에서 어느 case에도 안 맞을 때의 값 */
+        default?: SduiPropValue;
+        /** `join`/`split`의 구분자 (기본 ',') */
+        sep?: string;
+        /** `split`에서 꺼낼 조각의 인덱스. 음수는 뒤에서부터 센다 */
+        take?: number;
+        /** `sortBy`를 내림차순으로 */
+        desc?: boolean;
     };
 }
 /** 폼 필드 검증 규칙. */

package/dist/widgets/AutocompleteField.d.ts

@@ -26,7 +26,20 @@ interface AutocompleteFieldProps {
      * ERP의 `endpoint` 프롭은 이 함수를 만드는 앱 쪽 어댑터가 계속 소유한다(위 주석 참고).
      */
     search?: AutocompleteSearchFn;
-    /** 정적 옵션(데모/폴백) — `search`가 없을 때 로컬 검색 대상. */
+    /**
+     * 조회 경로. 주면 **어댑터의 `fetch`로 직접 조회한다** — 소비 앱이 `search`를
+     * 만들어 넘기지 않아도 된다(`GET {endpoint}?{searchParam}={키워드}`).
+     *
+     * `search`가 함께 오면 그쪽이 이긴다 — 응답 모양이나 오류 분기가 특수한 화면은
+     * 여전히 자기 함수를 넘길 수 있다.
+     *
+     * 어댑터가 없거나 `fetch`를 안 준 환경(편집기 캔버스 등)에서는 조회하지 않고
+     * `options` 로컬 검색으로 떨어진다 — 미리보기에서 실요청이 나가면 안 된다.
+     */
+    endpoint?: string;
+    /** `endpoint` 조회의 키워드 파라미터 이름. 기본 'q'. */
+    searchParam?: string;
+    /** 정적 옵션(데모/폴백) — `search`·`endpoint`가 없을 때 로컬 검색 대상. */
     options?: AutocompleteOption[];
     /** 옵션에서 표시 라벨을 읽을 키. 기본 'label'. */
     labelKey?: string;
@@ -48,6 +61,20 @@ interface AutocompleteFieldProps {
     invalid?: boolean;
     disabled?: boolean;
 }
+type HostFetch = (path: string, init: {
+    method: string;
+    signal?: AbortSignal;
+}) => Promise<unknown>;
+/**
+ * `endpoint` → 검색 함수. 컴포넌트 밖에 두어 DOM 없이 그대로 잰다
+ * (`page-data.ts`·`calc.ts`와 같은 이유).
+ *
+ * 503만 별도로 본다. 어댑터 계약상 실패는 Error 하나라 상태 코드가 사라지지만,
+ * 503은 "서비스가 아직 없다"는 표준 의미라 "불러왔는데 없다"와 사용자에게 다른
+ * 말을 해야 한다. 호스트 오류 객체에 `status`가 있으면 읽고, 없으면 평소대로
+ * 던진다 — 특정 앱의 오류 타입을 알지 않는다.
+ */
+declare function endpointSearchFn(endpoint: string, searchParam: string, hostFetch: HostFetch): AutocompleteSearchFn;
 /**
  * 응답이 배열이 아니면 items/data/results/rows 래핑까지 풀어 준다.
  * 조회를 앱이 맡게 됐으므로 이 정규화도 함께 내보낸다 — 앱마다 다시 짤 규칙이 아니다.
@@ -59,4 +86,4 @@ declare function toAutocompleteOptions(payload: unknown): AutocompleteOption[];
  */
 declare const AutocompleteField: React__default.FC<AutocompleteFieldProps & SduiBoxProps>;
 
-export { AutocompleteField, type AutocompleteFieldProps, type AutocompleteOption, type AutocompleteSearchFn, type AutocompleteSearchResult, toAutocompleteOptions };
+export { AutocompleteField, type AutocompleteFieldProps, type AutocompleteOption, type AutocompleteSearchFn, type AutocompleteSearchResult, endpointSearchFn, toAutocompleteOptions };

package/dist/widgets/AutocompleteField.js

@@ -1,5 +1,6 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-SRGXODY2.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-WZKDOZL2.js';
 import '../chunk-U7ZK7WYH.js';
+import '../chunk-WGRB5UL4.js';
 import '../chunk-XKLUCUVA.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.js

@@ -35,8 +35,9 @@ export { PeriodFilter } from '../chunk-PFUULIZ2.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
 import '../chunk-THEP3VWY.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-SRGXODY2.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-WZKDOZL2.js';
 import '../chunk-U7ZK7WYH.js';
+import '../chunk-WGRB5UL4.js';
 import '../chunk-XKLUCUVA.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';

package/package.json

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