@wipco/sdui 0.6.0 → 0.7.0

package/dist/{chunk-4SU2KYPU.js → chunk-2ARNY7WZ.js}

@@ -1,4 +1,4 @@
-import { Badge, Tag } from './chunk-ZUCI34QY.js';
+import { Badge, Tag } from './chunk-CRSY67TZ.js';
 import { useState, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-APCXOCAO.js → chunk-562QK2G3.js}

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

package/dist/{chunk-MOIU7MUA.js → chunk-57LLG32F.js}

@@ -1,5 +1,5 @@
-import { includesLooseSearch } from './chunk-KADFN76X.js';
-import { Icon, Button, Input, Spinner } from './chunk-ZUCI34QY.js';
+import { includesLooseSearch } from './chunk-TKB7H5DB.js';
+import { Icon, Button, Input, Spinner } from './chunk-CRSY67TZ.js';
 import { useId, useRef, useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-KBHI3IUR.js → chunk-5O6PFLFJ.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-ZUCI34QY.js';
+import { Button } from './chunk-CRSY67TZ.js';
 import { useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-ZNITJ4KK.js → chunk-63U54JAG.js}

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

package/dist/{chunk-WVRCIVAD.js → chunk-73ZMMJRX.js}

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

package/dist/{chunk-OOHHW4K4.js → chunk-B4A4KY4K.js}

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

package/dist/{chunk-ZUCI34QY.js → chunk-CRSY67TZ.js}

@@ -688,6 +688,15 @@ var ICON_NODES = {
     { t: "line", x1: "8", x2: "14", y1: "11", y2: "11" }
   ]
 };
+
+// src/warn-once.ts
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(key, message, level = "error") {
+  if (warned.has(key)) return;
+  warned.add(key);
+  if (level === "warn") console.warn(message);
+  else console.error(message);
+}
 function cx(...parts) {
   return parts.filter(Boolean).join(" ");
 }
@@ -811,15 +820,49 @@ function Textarea({ invalid = false, rows = 3, className = "", ...rest }) {
     }
   );
 }
-function Select({ options = [], size = "md", invalid = false, placeholder, className = "", ...rest }) {
+function pickOptionText(option, key) {
+  const raw = option[key];
+  if (raw === null || raw === void 0) return void 0;
+  return String(raw);
+}
+function Select({
+  options,
+  valueKey = "value",
+  labelKey = "label",
+  size = "md",
+  invalid = false,
+  placeholder,
+  className = "",
+  ...rest
+}) {
   const classes = ["wp-select"];
   if (size !== "md") classes.push(`wp-select--${size}`);
   if (invalid) classes.push("wp-select--invalid");
   if (className) classes.push(className);
+  const list = Array.isArray(options) ? options : [];
   return /* @__PURE__ */ jsxs("div", { className: "wp-selectwrap", children: [
     /* @__PURE__ */ jsxs("select", { className: classes.join(" "), "aria-invalid": invalid || void 0, ...rest, children: [
       placeholder ? /* @__PURE__ */ jsx("option", { value: "", children: placeholder }) : null,
-      options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+      list.map((option, index) => {
+        const value = pickOptionText(option, valueKey);
+        const label = pickOptionText(option, labelKey) || value || "";
+        if (label === "") {
+          warnOnce(
+            `select:blank-option:${valueKey}/${labelKey}`,
+            `[sdui] <Select> \uC635\uC158\uC774 \uAC12\xB7\uB77C\uBCA8 \uB458 \uB2E4 \uBE44\uC5C8\uC2B5\uB2C8\uB2E4 (valueKey="${valueKey}", labelKey="${labelKey}") \u2014 \uB3C4\uBA54\uC778 \uAC1D\uCCB4\uB97C \uADF8\uB300\uB85C \uB118\uACBC\uB2E4\uBA74 \uB450 \uD504\uB86D\uC73C\uB85C \uC77D\uC744 \uD0A4\uB97C \uC9C0\uC815\uD558\uC138\uC694`,
+            "warn"
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          "option",
+          {
+            value,
+            disabled: Boolean(option.disabled),
+            children: label
+          },
+          `${value ?? ""}-${index}`
+        );
+      })
     ] }),
     /* @__PURE__ */ jsx("span", { className: "wp-selectwrap__caret", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: 15 }) })
   ] });
@@ -1287,4 +1330,4 @@ function Tooltip({ label, shortcut, placement = "top", wrap = false, children, c
   );
 }
 
-export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip };
+export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip, warnOnce };

package/dist/{chunk-MSAV4J4I.js → chunk-DN5YNPJS.js}

@@ -1,5 +1,5 @@
-import { Disclosure } from './chunk-WNYWTFGW.js';
-import { Icon } from './chunk-ZUCI34QY.js';
+import { Disclosure } from './chunk-TAFUDHIX.js';
+import { Icon } from './chunk-CRSY67TZ.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var TYPE_META = {

package/dist/{chunk-ZQR3ULVH.js → chunk-GWVK3BHB.js}

@@ -1,5 +1,5 @@
-import { TreeView } from './chunk-SEBPBUZR.js';
-import { Field, Dialog, Icon, Button, Input } from './chunk-ZUCI34QY.js';
+import { TreeView } from './chunk-Y3HYEWSY.js';
+import { Field, Dialog, Icon, Button, Input } from './chunk-CRSY67TZ.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-56KKWLNI.js → chunk-H32WQHB7.js}

@@ -1,5 +1,5 @@
-import { includesLooseSearch } from './chunk-KADFN76X.js';
-import { Button, Dialog, Input, Tag, Checkbox } from './chunk-ZUCI34QY.js';
+import { includesLooseSearch } from './chunk-TKB7H5DB.js';
+import { Button, Dialog, Input, Tag, Checkbox } from './chunk-CRSY67TZ.js';
 import React, { useMemo, useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-Q6SBH63R.js → chunk-HGFYXY7F.js}

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

package/dist/{chunk-DGPRX4MU.js → chunk-J2DSDERS.js}

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

package/dist/{chunk-FGRR3ROJ.js → chunk-KAXPN6KT.js}

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

package/dist/{chunk-AROOQ5W6.js → chunk-L4ORCIVN.js}

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

package/dist/{chunk-WNYWTFGW.js → chunk-TAFUDHIX.js}

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

package/dist/{chunk-KADFN76X.js → chunk-TKB7H5DB.js}

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

package/dist/{chunk-LZJTKVMO.js → chunk-XMMYJSRV.js}

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

package/dist/{chunk-RH7ESUE6.js → chunk-XY2JKFAV.js}

@@ -1,4 +1,4 @@
-import { IconButton } from './chunk-ZUCI34QY.js';
+import { IconButton } from './chunk-CRSY67TZ.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-SEBPBUZR.js → chunk-Y3HYEWSY.js}

@@ -1,4 +1,4 @@
-import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-ZUCI34QY.js';
+import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-CRSY67TZ.js';
 import React, { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/index.d.ts

@@ -272,14 +272,30 @@ interface SelectOption {
     label: string;
     disabled?: boolean;
 }
+/**
+ * 자유 형식 옵션 — `valueKey`/`labelKey`가 가리키는 키로 읽는다.
+ *
+ * `AutocompleteOption`과 같은 모양(`Record<string, unknown>`)으로 맞췄다. 두 어휘가
+ * 같은 자리에서 같은 프롭 이름을 쓰는데 옵션 타입만 다르면 스펙 작성자가 둘 사이를
+ * 옮길 때마다 다시 배워야 한다.
+ */
+type SelectOptionRecord = Record<string, unknown>;
 interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
-    options: SelectOption[];
+    /**
+     * 옵션 목록. 기본은 `{value, label}`이고, 도메인 객체(`{id, title, …}`)를 그대로
+     * 넘길 거면 `valueKey`/`labelKey`로 읽을 키를 알려 준다.
+     */
+    options: (SelectOption | SelectOptionRecord)[];
+    /** 옵션에서 값을 읽을 키. 기본 'value'. */
+    valueKey?: string;
+    /** 옵션에서 표시 라벨을 읽을 키. 기본 'label'. */
+    labelKey?: string;
     size?: 'sm' | 'md' | 'lg';
     invalid?: boolean;
     /** 비어 있는 첫 옵션 */
     placeholder?: string;
 }
-declare function Select({ options, size, invalid, placeholder, className, ...rest }: SelectProps): React__default.JSX.Element;
+declare function Select({ options, valueKey, labelKey, size, invalid, placeholder, className, ...rest }: SelectProps): React__default.JSX.Element;
 interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
     label?: React__default.ReactNode;
     description?: React__default.ReactNode;
@@ -1571,4 +1587,4 @@ declare class NodeErrorBoundary extends React__default.Component<Props, State> {
     render(): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
 }
 
-export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePicker, DateRangePicker, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, Toast, type ToastProps, Tooltip, type TooltipProps, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, includesLooseSearch, joinMultiValue, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, 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, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePicker, DateRangePicker, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, Toast, type ToastProps, Tooltip, type TooltipProps, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, includesLooseSearch, joinMultiValue, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };

package/dist/index.js

@@ -1,11 +1,11 @@
-import { DEV, DateRangePicker, DatePicker, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, HoistedStyle, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-FGRR3ROJ.js';
-export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-FGRR3ROJ.js';
+import { DEV, DateRangePicker, DatePicker, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, HoistedStyle, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-KAXPN6KT.js';
+export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-KAXPN6KT.js';
 import { containerLayoutStyle, columnsClass, typographyStyle, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-QBIVW7E6.js';
 export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, childLayoutFrom, columnsClass, containerLayoutStyle, typographyStyle } from './chunk-QBIVW7E6.js';
-import { searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-KADFN76X.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-KADFN76X.js';
-import { Toast, Textarea, Tag, Tabs, Table, Switch, StatCard, Spinner, Select, ProgressBar, Pagination, Input, IconButton, Icon, Field, EmptyState, Checkbox, Card, Button, Badge, Alert, SegmentedControl, Dialog } from './chunk-ZUCI34QY.js';
-export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-ZUCI34QY.js';
+import { searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-TKB7H5DB.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-TKB7H5DB.js';
+import { Toast, Textarea, Tag, Tabs, Table, Switch, StatCard, Spinner, Select, ProgressBar, Pagination, Input, IconButton, Icon, Field, EmptyState, Checkbox, Card, Button, Badge, Alert, warnOnce, SegmentedControl, Dialog } from './chunk-CRSY67TZ.js';
+export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-CRSY67TZ.js';
 import React, { createContext, useContext, useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -151,14 +151,6 @@ var NodeErrorBoundary = class extends React.Component {
     return this.props.children;
   }
 };
-
-// src/warn-once.ts
-var warned = /* @__PURE__ */ new Set();
-function warnOnce(key, message) {
-  if (warned.has(key)) return;
-  warned.add(key);
-  console.error(message);
-}
 var ALLOW_ALL = () => true;
 var DENY_ALL = () => false;
 var MISSING = () => {
@@ -1907,10 +1899,10 @@ function toIndex(v) {
 function inRange(index, length) {
   return index !== null && index >= 0 && index < length;
 }
-var warned2 = /* @__PURE__ */ new Set();
+var warned = /* @__PURE__ */ new Set();
 function warnOnce2(key, message) {
-  if (warned2.has(key)) return;
-  warned2.add(key);
+  if (warned.has(key)) return;
+  warned.add(key);
   console.error(message);
 }
 function validateForm(values, config, customValidators) {

package/dist/meta.js

@@ -1114,6 +1114,7 @@ var SelectMeta = {
       kind: "array",
       label: "\uC635\uC158",
       required: true,
+      description: "\uAE30\uBCF8\uC740 \uC544\uB798 \uD589 \uD3B8\uC9D1\uAE30\uC758 {\uAC12, \uD45C\uC2DC} \uBAA8\uC591\uC774\uB2E4. \uB3C4\uBA54\uC778 \uAC1D\uCCB4 \uBAA9\uB85D\uC744 \uADF8\uB300\uB85C \uBB3C\uB9B4 \uAC70\uBA74(\uC608: {id, title}) \uAC12 \uD0A4\xB7\uB77C\uBCA8 \uD0A4\uB85C \uC77D\uC744 \uC790\uB9AC\uB97C \uC54C\uB824 \uC900\uB2E4.",
       group: "data",
       bindable: true,
       item: [
@@ -1122,6 +1123,22 @@ var SelectMeta = {
         { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131" }
       ]
     },
+    {
+      name: "valueKey",
+      kind: "string",
+      label: "\uAC12 \uD0A4",
+      default: "value",
+      description: "\uC635\uC158\uC5D0\uC11C \uAC12\uC744 \uC77D\uC744 \uD0A4. AutocompleteField\uC758 \uAC19\uC740 \uC774\uB984 \uD504\uB86D\uACFC \uB73B\uC774 \uAC19\uB2E4.",
+      group: "data"
+    },
+    {
+      name: "labelKey",
+      kind: "string",
+      label: "\uB77C\uBCA8 \uD0A4",
+      default: "label",
+      description: "\uC635\uC158\uC5D0\uC11C \uD45C\uC2DC \uB77C\uBCA8\uC744 \uC77D\uC744 \uD0A4. \uADF8 \uC790\uB9AC\uAC00 \uBE44\uBA74 \uAC12\uC73C\uB85C \uB300\uC2E0 \uADF8\uB9B0\uB2E4.",
+      group: "data"
+    },
     { name: "value", kind: "string", label: "\uC120\uD0DD\uB41C \uAC12", bindable: true, group: "data" },
     { name: "onChange", kind: "action", label: "\uBCC0\uACBD", eventArg: "\uC120\uD0DD\uB41C value", group: "behavior" },
     { name: "placeholder", kind: "string", label: "\uBE48 \uCCAB \uC635\uC158", group: "content" },

package/dist/rich.js

@@ -1,6 +1,6 @@
-import { useSduiAssetResolver, HoistedStyle } from './chunk-FGRR3ROJ.js';
-export { DatePicker, DateRangePicker } from './chunk-FGRR3ROJ.js';
-import { Spinner, EmptyState } from './chunk-ZUCI34QY.js';
+import { useSduiAssetResolver, HoistedStyle } from './chunk-KAXPN6KT.js';
+export { DatePicker, DateRangePicker } from './chunk-KAXPN6KT.js';
+import { Spinner, EmptyState } from './chunk-CRSY67TZ.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/widgets/AutocompleteField.js

@@ -1,3 +1,3 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-MOIU7MUA.js';
-import '../chunk-KADFN76X.js';
-import '../chunk-ZUCI34QY.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-57LLG32F.js';
+import '../chunk-TKB7H5DB.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/ColumnBoard.js

@@ -1,2 +1,2 @@
-export { ColumnBoard } from '../chunk-Q6SBH63R.js';
-import '../chunk-ZUCI34QY.js';
+export { ColumnBoard } from '../chunk-HGFYXY7F.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/DiffView.js

@@ -1,2 +1,2 @@
-export { DiffView } from '../chunk-WVRCIVAD.js';
-import '../chunk-ZUCI34QY.js';
+export { DiffView } from '../chunk-73ZMMJRX.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/Disclosure.js

@@ -1,2 +1,2 @@
-export { Disclosure } from '../chunk-WNYWTFGW.js';
-import '../chunk-ZUCI34QY.js';
+export { Disclosure } from '../chunk-TAFUDHIX.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/EventCalendar.js

@@ -1,2 +1,2 @@
-export { EventCalendar } from '../chunk-LZJTKVMO.js';
-import '../chunk-ZUCI34QY.js';
+export { EventCalendar } from '../chunk-XMMYJSRV.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/ImageLightbox.js

@@ -1,2 +1,2 @@
-export { ImageLightbox } from '../chunk-RH7ESUE6.js';
-import '../chunk-ZUCI34QY.js';
+export { ImageLightbox } from '../chunk-XY2JKFAV.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/InlineEdit.js

@@ -1,2 +1,2 @@
-export { InlineEdit } from '../chunk-OOHHW4K4.js';
-import '../chunk-ZUCI34QY.js';
+export { InlineEdit } from '../chunk-B4A4KY4K.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/JsonField.js

@@ -1,2 +1,2 @@
-export { JsonField } from '../chunk-AROOQ5W6.js';
-import '../chunk-ZUCI34QY.js';
+export { JsonField } from '../chunk-L4ORCIVN.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/OrgChart.js

@@ -1,2 +1,2 @@
-export { OrgChart } from '../chunk-ZNITJ4KK.js';
-import '../chunk-ZUCI34QY.js';
+export { OrgChart } from '../chunk-63U54JAG.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/PeriodFilter.js

@@ -1,2 +1,2 @@
-export { PeriodFilter } from '../chunk-DGPRX4MU.js';
-import '../chunk-ZUCI34QY.js';
+export { PeriodFilter } from '../chunk-J2DSDERS.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/PrintSheet.js

@@ -1,2 +1,2 @@
-export { PrintSheet } from '../chunk-KBHI3IUR.js';
-import '../chunk-ZUCI34QY.js';
+export { PrintSheet } from '../chunk-5O6PFLFJ.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,3 +1,3 @@
-export { SearchableMultiPicker } from '../chunk-56KKWLNI.js';
-import '../chunk-KADFN76X.js';
-import '../chunk-ZUCI34QY.js';
+export { SearchableMultiPicker } from '../chunk-H32WQHB7.js';
+import '../chunk-TKB7H5DB.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/SecureScreen.js

@@ -1,2 +1,2 @@
-export { SecureScreen } from '../chunk-APCXOCAO.js';
-import '../chunk-ZUCI34QY.js';
+export { SecureScreen } from '../chunk-562QK2G3.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/TagMultiSelect.js

@@ -1,2 +1,2 @@
-export { TagMultiSelect } from '../chunk-4SU2KYPU.js';
-import '../chunk-ZUCI34QY.js';
+export { TagMultiSelect } from '../chunk-2ARNY7WZ.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/Timeline.js

@@ -1,3 +1,3 @@
-export { Timeline } from '../chunk-MSAV4J4I.js';
-import '../chunk-WNYWTFGW.js';
-import '../chunk-ZUCI34QY.js';
+export { Timeline } from '../chunk-DN5YNPJS.js';
+import '../chunk-TAFUDHIX.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/TreePicker.js

@@ -1,3 +1,3 @@
-export { TreePicker } from '../chunk-ZQR3ULVH.js';
-import '../chunk-SEBPBUZR.js';
-import '../chunk-ZUCI34QY.js';
+export { TreePicker } from '../chunk-GWVK3BHB.js';
+import '../chunk-Y3HYEWSY.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/TreeView.js

@@ -1,2 +1,2 @@
-export { TreeView } from '../chunk-SEBPBUZR.js';
-import '../chunk-ZUCI34QY.js';
+export { TreeView } from '../chunk-Y3HYEWSY.js';
+import '../chunk-CRSY67TZ.js';

package/dist/widgets/index.js

@@ -1,47 +1,47 @@
-import { SearchableMultiPicker } from '../chunk-56KKWLNI.js';
-export { SearchableMultiPicker } from '../chunk-56KKWLNI.js';
-import { SecureScreen } from '../chunk-APCXOCAO.js';
-export { SecureScreen } from '../chunk-APCXOCAO.js';
+import { SearchableMultiPicker } from '../chunk-H32WQHB7.js';
+export { SearchableMultiPicker } from '../chunk-H32WQHB7.js';
+import { SecureScreen } from '../chunk-562QK2G3.js';
+export { SecureScreen } from '../chunk-562QK2G3.js';
 import { StackedMeter } from '../chunk-7Y4J7EOK.js';
 export { StackedMeter } from '../chunk-7Y4J7EOK.js';
 import { Strip } from '../chunk-PJRXPMI3.js';
 export { Strip } from '../chunk-PJRXPMI3.js';
 import { SummaryTable } from '../chunk-USKRM22W.js';
 export { SummaryTable } from '../chunk-USKRM22W.js';
-import { TagMultiSelect } from '../chunk-4SU2KYPU.js';
-export { TagMultiSelect } from '../chunk-4SU2KYPU.js';
-import { Timeline } from '../chunk-MSAV4J4I.js';
-export { Timeline } from '../chunk-MSAV4J4I.js';
-import { TreePicker } from '../chunk-ZQR3ULVH.js';
-export { TreePicker } from '../chunk-ZQR3ULVH.js';
-import { TreeView } from '../chunk-SEBPBUZR.js';
-export { TreeView } from '../chunk-SEBPBUZR.js';
-import { EventCalendar } from '../chunk-LZJTKVMO.js';
-export { EventCalendar } from '../chunk-LZJTKVMO.js';
-import { ImageLightbox } from '../chunk-RH7ESUE6.js';
-export { ImageLightbox } from '../chunk-RH7ESUE6.js';
-import { InlineEdit } from '../chunk-OOHHW4K4.js';
-export { InlineEdit } from '../chunk-OOHHW4K4.js';
-import { JsonField } from '../chunk-AROOQ5W6.js';
-export { JsonField } from '../chunk-AROOQ5W6.js';
+import { TagMultiSelect } from '../chunk-2ARNY7WZ.js';
+export { TagMultiSelect } from '../chunk-2ARNY7WZ.js';
+import { Timeline } from '../chunk-DN5YNPJS.js';
+export { Timeline } from '../chunk-DN5YNPJS.js';
+import { TreePicker } from '../chunk-GWVK3BHB.js';
+export { TreePicker } from '../chunk-GWVK3BHB.js';
+import { TreeView } from '../chunk-Y3HYEWSY.js';
+export { TreeView } from '../chunk-Y3HYEWSY.js';
+import { EventCalendar } from '../chunk-XMMYJSRV.js';
+export { EventCalendar } from '../chunk-XMMYJSRV.js';
+import { ImageLightbox } from '../chunk-XY2JKFAV.js';
+export { ImageLightbox } from '../chunk-XY2JKFAV.js';
+import { InlineEdit } from '../chunk-B4A4KY4K.js';
+export { InlineEdit } from '../chunk-B4A4KY4K.js';
+import { JsonField } from '../chunk-L4ORCIVN.js';
+export { JsonField } from '../chunk-L4ORCIVN.js';
 import { LiveClock } from '../chunk-QZQDHSMD.js';
 export { LiveClock } from '../chunk-QZQDHSMD.js';
-import { OrgChart } from '../chunk-ZNITJ4KK.js';
-export { OrgChart } from '../chunk-ZNITJ4KK.js';
-import { PeriodFilter } from '../chunk-DGPRX4MU.js';
-export { PeriodFilter } from '../chunk-DGPRX4MU.js';
-import { PrintSheet } from '../chunk-KBHI3IUR.js';
-export { PrintSheet } from '../chunk-KBHI3IUR.js';
+import { OrgChart } from '../chunk-63U54JAG.js';
+export { OrgChart } from '../chunk-63U54JAG.js';
+import { PeriodFilter } from '../chunk-J2DSDERS.js';
+export { PeriodFilter } from '../chunk-J2DSDERS.js';
+import { PrintSheet } from '../chunk-5O6PFLFJ.js';
+export { PrintSheet } from '../chunk-5O6PFLFJ.js';
 import '../chunk-QBIVW7E6.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-MOIU7MUA.js';
-import '../chunk-KADFN76X.js';
-import { ColumnBoard } from '../chunk-Q6SBH63R.js';
-export { ColumnBoard } from '../chunk-Q6SBH63R.js';
-import { DiffView } from '../chunk-WVRCIVAD.js';
-export { DiffView } from '../chunk-WVRCIVAD.js';
-import { Disclosure } from '../chunk-WNYWTFGW.js';
-export { Disclosure } from '../chunk-WNYWTFGW.js';
-import '../chunk-ZUCI34QY.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-57LLG32F.js';
+import '../chunk-TKB7H5DB.js';
+import { ColumnBoard } from '../chunk-HGFYXY7F.js';
+export { ColumnBoard } from '../chunk-HGFYXY7F.js';
+import { DiffView } from '../chunk-73ZMMJRX.js';
+export { DiffView } from '../chunk-73ZMMJRX.js';
+import { Disclosure } from '../chunk-TAFUDHIX.js';
+export { Disclosure } from '../chunk-TAFUDHIX.js';
+import '../chunk-CRSY67TZ.js';
 
 // src/widgets/index.ts
 var widgetComponents = {

package/package.json

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