@wipco/sdui 0.31.0 → 0.32.0

package/dist/chunk-CTSVZTIT.js

@@ -0,0 +1,122 @@
+import { Text } from './chunk-QO6UJAQN.js';
+import { Switch, Field, Select, Input } from './chunk-WIDDHR7L.js';
+import { boxed } from './chunk-SAN4IX6N.js';
+import React, { useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function normalizeSchema(schema) {
+  if (!Array.isArray(schema)) return [];
+  return schema.filter((item) => Boolean(item) && typeof item === "object").filter((item) => typeof item.key === "string" && item.key.trim() !== "");
+}
+function OptionValueFieldsImpl({
+  schema,
+  value,
+  onChange,
+  disabled = false,
+  readOnly = false
+}) {
+  const fields = useMemo(() => normalizeSchema(schema), [schema]);
+  const current = useMemo(
+    () => value && typeof value === "object" && !Array.isArray(value) ? value : {},
+    [value]
+  );
+  const strays = useMemo(() => {
+    const known = new Set(fields.map((field) => field.key));
+    return Object.entries(current).filter(([key]) => !known.has(key));
+  }, [fields, current]);
+  const set = (key, next) => {
+    const draft = { ...current };
+    if (next === "" || next === void 0 || next === null) delete draft[key];
+    else draft[key] = next;
+    onChange?.(draft);
+  };
+  if (readOnly) {
+    const filled = fields.filter((field) => {
+      const raw = current[field.key];
+      return raw !== void 0 && raw !== null && raw !== "";
+    });
+    if (fields.length === 0 || filled.length === 0) {
+      return /* @__PURE__ */ jsx(Text, { preset: "body-sm", style: { color: "var(--wp-text-muted)" }, value: "\u2014" });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "wp-kv", children: filled.map((field) => {
+      const raw = current[field.key];
+      const shown = field.type === "boolean" ? raw === true ? "\uC608" : "\uC544\uB2C8\uC624" : `${String(raw)}${field.unit ? ` ${field.unit}` : ""}`;
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "wp-kv__k", children: field.label?.trim() || field.key }),
+        /* @__PURE__ */ jsx("span", { className: "wp-kv__v", children: shown })
+      ] }, field.key);
+    }) });
+  }
+  if (fields.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { preset: "body-sm", style: { color: "var(--wp-text-muted)" }, children: "\uC774 \uC7A5\uBE44\uC5D0 \uC815\uD574 \uB454 \uC635\uC158\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uC7A5\uBE44 \uC0C1\uC138\uC758 \uC218\uC815 \u2192 \uC635\uC158 \uD0ED\uC5D0\uC11C \uBA3C\uC800 \uC11C\uC2DD\uC744 \uC815\uD558\uC138\uC694." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "wp-col", style: { gap: "var(--wp-space-3)" }, children: [
+    fields.map((field) => {
+      const label = field.label?.trim() || field.key;
+      const raw = current[field.key];
+      if (field.type === "boolean") {
+        return /* @__PURE__ */ jsxs("div", { className: "wp-row", style: { alignItems: "center", gap: "var(--wp-space-3)" }, children: [
+          /* @__PURE__ */ jsx(Text, { preset: "body-sm", style: { flex: 1 }, value: label }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: raw === true,
+              disabled,
+              onChange: (event) => set(field.key, event.target.checked ? true : void 0)
+            }
+          )
+        ] }, field.key);
+      }
+      if (field.type === "select") {
+        return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: raw === void 0 || raw === null ? "" : String(raw),
+            disabled,
+            placeholder: "\uC120\uD0DD \uC548 \uD568",
+            options: (field.options ?? []).map((option) => ({ value: option, label: option })),
+            onChange: (event) => set(field.key, event.target.value)
+          }
+        ) }, field.key);
+      }
+      if (field.type === "number") {
+        return /* @__PURE__ */ jsx(Field, { label: field.unit ? `${label} (${field.unit})` : label, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            value: raw === void 0 || raw === null ? "" : String(raw),
+            disabled,
+            onChange: (event) => {
+              const text = event.target.value;
+              if (text === "") return set(field.key, void 0);
+              const parsed = Number(text);
+              set(field.key, Number.isFinite(parsed) ? parsed : text);
+            }
+          }
+        ) }, field.key);
+      }
+      return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: raw === void 0 || raw === null ? "" : String(raw),
+          disabled,
+          onChange: (event) => set(field.key, event.target.value)
+        }
+      ) }, field.key);
+    }),
+    strays.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "wp-col", style: { gap: "var(--wp-space-1)" }, children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          preset: "caption",
+          value: `\uC11C\uC2DD \uBC16 \uAC12 ${strays.length}\uAC1C \u2014 \uADF8\uB300\uB85C \uBCF4\uAD00\uB429\uB2C8\uB2E4`,
+          style: { color: "var(--wp-text-muted)" }
+        }
+      ),
+      strays.map(([key, strayValue]) => /* @__PURE__ */ jsx(Text, { preset: "caption", value: `${key}: ${JSON.stringify(strayValue)}` }, key))
+    ] }) : null
+  ] });
+}
+var OptionValueFields = boxed(OptionValueFieldsImpl, "OptionValueFields");
+
+export { OptionValueFields };

package/dist/chunk-KVFHPBAY.js

@@ -0,0 +1,124 @@
+import { TimePicker } from './chunk-SNRKPEWT.js';
+import { DatePicker } from './chunk-EFMKWPZ3.js';
+import { Field } from './chunk-WIDDHR7L.js';
+import { boxed } from './chunk-SAN4IX6N.js';
+import { useState, useRef, useEffect, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function toHm(value) {
+  if (typeof value !== "string") return "";
+  const trimmed = value.trim();
+  return /^\d{2}:\d{2}/.test(trimmed) ? trimmed.slice(0, 5) : trimmed;
+}
+function toYmd(value) {
+  if (typeof value !== "string") return "";
+  const trimmed = value.trim();
+  return /^\d{4}-\d{2}-\d{2}/.test(trimmed) ? trimmed.slice(0, 10) : trimmed;
+}
+function formFromValue(value) {
+  const record = value && typeof value === "object" ? value : {};
+  const startDate = toYmd(record.startDate);
+  const endDate = toYmd(record.endDate);
+  return {
+    startDate,
+    endDate,
+    // 시간은 날짜가 있어야 의미가 있다 — 저장분이 어긋나 있어도 폼에서 정합화.
+    startTime: startDate ? toHm(record.startTime) : "",
+    endTime: endDate ? toHm(record.endTime) : ""
+  };
+}
+function periodError(form) {
+  if (form.startDate && form.endDate && form.endDate < form.startDate) {
+    return "\uD3C9\uAC00 \uC885\uB8CC\uC77C\uC740 \uC2DC\uC791\uC77C\uBCF4\uB2E4 \uBE60\uB97C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.";
+  }
+  if (form.startDate && form.endDate && form.startDate === form.endDate && form.startTime && form.endTime && form.endTime <= form.startTime) {
+    return "\uC885\uB8CC \uC2DC\uAC04\uC740 \uC2DC\uC791 \uC2DC\uAC04\uBCF4\uB2E4 \uB2A6\uC5B4\uC57C \uD569\uB2C8\uB2E4.";
+  }
+  return null;
+}
+function envelopeFrom(form) {
+  return {
+    startDate: form.startDate || null,
+    endDate: form.endDate || null,
+    startTime: form.startDate && form.startTime || null,
+    endTime: form.endDate && form.endTime || null,
+    error: periodError(form)
+  };
+}
+function StagePeriodEditorImpl({ value, onChange, resetKey, disabled = false }) {
+  const [form, setForm] = useState(() => formFromValue(value));
+  const seededFor = useRef(resetKey);
+  useEffect(() => {
+    if (seededFor.current === resetKey) return;
+    seededFor.current = resetKey;
+    setForm(formFromValue(value));
+  }, [resetKey, value]);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  useEffect(() => {
+    onChangeRef.current?.(envelopeFrom(form));
+  }, [form]);
+  const error = useMemo(() => periodError(form), [form]);
+  const patch = (partial) => setForm((previous) => ({ ...previous, ...partial }));
+  return /* @__PURE__ */ jsxs("div", { className: "wp-col", style: { gap: "var(--wp-space-3)" }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+          gap: "var(--wp-space-3)"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Field, { label: "\uC2DC\uC791\uC77C", children: /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              value: form.startDate,
+              disabled,
+              max: form.endDate || void 0,
+              onChange: (next) => patch({
+                startDate: next,
+                // 시간은 날짜가 있어야 의미가 있으므로 날짜를 지우면 함께 비운다.
+                startTime: next ? form.startTime : ""
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "\uC2DC\uC791 \uC2DC\uAC04 (\uC120\uD0DD)", children: /* @__PURE__ */ jsx(
+            TimePicker,
+            {
+              value: form.startTime,
+              disabled: disabled || !form.startDate,
+              onChange: (next) => patch({ startTime: next })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "\uC885\uB8CC\uC77C", children: /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              value: form.endDate,
+              disabled,
+              min: form.startDate || void 0,
+              onChange: (next) => patch({
+                endDate: next,
+                endTime: next ? form.endTime : ""
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "\uC885\uB8CC \uC2DC\uAC04 (\uC120\uD0DD)", children: /* @__PURE__ */ jsx(
+            TimePicker,
+            {
+              min: form.endDate && form.endDate === form.startDate ? form.startTime || void 0 : void 0,
+              value: form.endTime,
+              disabled: disabled || !form.endDate,
+              onChange: (next) => patch({ endTime: next })
+            }
+          ) })
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-danger)" }, children: error }) : null,
+    /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-muted)" }, children: "\uB2E8\uACC4 \uAE30\uAC04\uC744 \uB530\uB85C \uC815\uD558\uC9C0 \uC54A\uC73C\uBA74 \uD68C\uCC28 \uAE30\uAC04\uC744 \uB530\uB985\uB2C8\uB2E4. \uD68C\uCC28 \uAE30\uAC04\uC744 \uBC14\uAFB8\uBA74 \uD68C\uCC28 \uAE30\uAC04\uC744 \uB530\uB974\uB358 \uB2E8\uACC4\uB9CC \uD568\uAED8 \uBC14\uB01D\uB2C8\uB2E4." })
+  ] });
+}
+var StagePeriodEditor = boxed(StagePeriodEditorImpl, "StagePeriodEditor");
+
+export { StagePeriodEditor };

package/dist/chunk-QO6UJAQN.js

@@ -0,0 +1,145 @@
+import { mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle } from './chunk-SAN4IX6N.js';
+import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function paddingStyle(padding) {
+  const value = padding === void 0 ? void 0 : PADDING_CSS[padding];
+  return value === void 0 ? {} : { padding: value };
+}
+var PADDING_CSS = {
+  "2": "2px",
+  "4": "4px",
+  "8": "8px",
+  "12": "12px",
+  "16": "16px",
+  "20": "20px",
+  "24": "24px",
+  "32": "32px"
+};
+function Grid({
+  columns = 3,
+  template,
+  gap,
+  align,
+  justify,
+  wrap,
+  padding,
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: joinClass("wp-grid", !template && columnsClass(columns), className),
+      style: mergeStyle(
+        {
+          ...template ? { gridTemplateColumns: template } : null,
+          ...containerLayoutStyle({ gap, align, justify, wrap }),
+          ...paddingStyle(padding)
+        },
+        style
+      ),
+      children
+    }
+  );
+}
+function Row({ justify, gap, align, wrap, className, style, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: joinClass("wp-row", justify === "between" && "wp-row--between", className),
+      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
+      children
+    }
+  );
+}
+function Actions({ justify = "end", gap, align, wrap, className, style, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: joinClass("wp-row", className),
+      style: mergeStyle({ flex: 1, ...containerLayoutStyle({ gap, align, justify, wrap }) }, style),
+      children
+    }
+  );
+}
+function Col({ gap, align, justify, wrap, className, style, children }) {
+  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-col", className), style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style), children });
+}
+var SPACER_STEPS = /* @__PURE__ */ new Set([1, 2, 3, 4, 5, 6, 8]);
+function Spacer({ size, className, style }) {
+  const step = size !== void 0 && SPACER_STEPS.has(Number(size)) ? Number(size) : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: joinClass("wp-spacer", step !== void 0 && `wp-spacer--${step}`, className),
+      style
+    }
+  );
+}
+function Section({ title, gap, align, justify, wrap, className, style, children }) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: joinClass("wp-col", className),
+      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
+      children: [
+        title ? /* @__PURE__ */ jsx("h2", { className: "wp-h4", children: title }) : null,
+        children
+      ]
+    }
+  );
+}
+var TEXT_WRAP_CSS = {
+  normal: {},
+  preserve: { whiteSpace: "pre-wrap" },
+  anywhere: { whiteSpace: "pre-wrap", wordBreak: "break-all" }
+};
+function Text({
+  preset = "body",
+  as: Tag = "p",
+  weight,
+  textAlign,
+  wrap,
+  className,
+  style,
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      className: joinClass(`wp-${preset}`, className),
+      style: mergeStyle({ ...typographyStyle({ weight, textAlign }), ...TEXT_WRAP_CSS[wrap ?? "normal"] }, style),
+      children: value ?? children
+    }
+  );
+}
+function KeyValueList({ source, items, className, style }) {
+  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-kv", className), style, children: (items ?? []).map((item, index) => {
+    const raw = item.key ? source?.[item.key] : item.value;
+    const content = raw === null || raw === void 0 || raw === "" ? "\u2014" : raw;
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "wp-kv__k", children: item.label }),
+      /* @__PURE__ */ jsx("span", { className: joinClass("wp-kv__v", item.mono && "wp-mono"), children: content })
+    ] }, index);
+  }) });
+}
+function PageHead({ title, subtitle, actions, className, style }) {
+  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-page-head", className), style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "wp-page-head__text", children: [
+      title ? /* @__PURE__ */ jsx("h1", { className: "wp-page-head__title", children: title }) : null,
+      subtitle ? /* @__PURE__ */ jsx("div", { className: "wp-page-head__sub", children: subtitle }) : null
+    ] }),
+    actions ? /* @__PURE__ */ jsx("div", { className: "wp-page-head__actions", children: actions }) : null
+  ] });
+}
+function Show({ when, children }) {
+  return when ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
+}
+function Divider({ style, className }) {
+  return /* @__PURE__ */ jsx("hr", { className: joinClass("wp-divider", className), style });
+}
+
+export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text };

package/dist/chunk-TIY4A223.js

@@ -0,0 +1,140 @@
+import { Text } from './chunk-QO6UJAQN.js';
+import { Field, Input, Select, IconButton, Button } from './chunk-WIDDHR7L.js';
+import { boxed } from './chunk-SAN4IX6N.js';
+import { useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var OPTION_TYPES = [
+  { value: "text", label: "\uBB38\uC790\uC5F4" },
+  { value: "number", label: "\uC22B\uC790" },
+  { value: "select", label: "\uC120\uD0DD" },
+  { value: "boolean", label: "\uC608/\uC544\uB2C8\uC624" }
+];
+function normalize(value) {
+  if (!Array.isArray(value)) return [];
+  return value.filter((item) => Boolean(item) && typeof item === "object").map((item) => ({
+    key: typeof item.key === "string" ? item.key : "",
+    label: typeof item.label === "string" ? item.label : void 0,
+    type: OPTION_TYPES.some((t) => t.value === item.type) ? item.type : "text",
+    options: Array.isArray(item.options) ? item.options.map((o) => String(o)) : void 0,
+    unit: typeof item.unit === "string" ? item.unit : void 0
+  }));
+}
+function OptionSchemaEditorImpl({ value, onChange, disabled = false }) {
+  const config = useMemo(
+    () => value && typeof value === "object" && !Array.isArray(value) ? value : {},
+    [value]
+  );
+  const fields = useMemo(() => normalize(config.options), [config.options]);
+  const duplicates = useMemo(() => {
+    const seen = /* @__PURE__ */ new Map();
+    for (const field of fields) {
+      const key = field.key.trim();
+      if (!key) continue;
+      seen.set(key, (seen.get(key) ?? 0) + 1);
+    }
+    return new Set([...seen.entries()].filter(([, count]) => count > 1).map(([key]) => key));
+  }, [fields]);
+  const emit = (next) => onChange?.({ ...config, options: next });
+  const patch = (index, change) => emit(fields.map((field, i) => i === index ? { ...field, ...change } : field));
+  return /* @__PURE__ */ jsxs("div", { className: "wp-col", style: { gap: "var(--wp-space-3)" }, children: [
+    fields.length === 0 ? /* @__PURE__ */ jsx(Text, { preset: "body-sm", style: { color: "var(--wp-text-muted)" }, children: "\uC544\uC9C1 \uC635\uC158\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uC5EC\uAE30\uC5D0 \uC815\uD574 \uB450\uBA74 \uC774 \uC7A5\uBE44\uC758 \uC720\uB2DB\uC744 \uC218\uC815\uD560 \uB54C \uADF8 \uC11C\uC2DD\uB300\uB85C \uCE78\uC774 \uB739\uB2C8\uB2E4." }) : null,
+    fields.map((field, index) => {
+      const duplicated = Boolean(field.key.trim()) && duplicates.has(field.key.trim());
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "wp-row",
+          style: { gap: "var(--wp-space-2)", alignItems: "flex-start" },
+          children: [
+            /* @__PURE__ */ jsx(
+              Field,
+              {
+                label: index === 0 ? "\uC774\uB984(\uD0A4)" : void 0,
+                error: !field.key.trim() ? "\uC774\uB984\uC740 \uBE44\uC6B8 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" : duplicated ? "\uC774\uB984\uC774 \uACB9\uCE69\uB2C8\uB2E4" : void 0,
+                style: { flex: 1.2 },
+                children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: field.key,
+                    placeholder: "CPU",
+                    disabled,
+                    invalid: !field.key.trim() || duplicated,
+                    onChange: (event) => patch(index, { key: event.target.value })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(Field, { label: index === 0 ? "\uD45C\uC2DC \uC774\uB984" : void 0, style: { flex: 1.2 }, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: field.label ?? "",
+                placeholder: field.key || "\uBE44\uC6B0\uBA74 \uC774\uB984 \uADF8\uB300\uB85C",
+                disabled,
+                onChange: (event) => patch(index, { label: event.target.value || void 0 })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Field, { label: index === 0 ? "\uD615\uC2DD" : void 0, style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+              Select,
+              {
+                value: field.type,
+                disabled,
+                options: OPTION_TYPES,
+                onChange: (event) => patch(index, {
+                  type: event.target.value,
+                  // 선택이 아니면 선택지는 의미가 없다 — 남겨 두면 다시 선택으로 바꿨을 때 옛 값이 살아난다
+                  options: event.target.value === "select" ? field.options ?? [] : void 0
+                })
+              }
+            ) }),
+            field.type === "select" ? /* @__PURE__ */ jsx(Field, { label: index === 0 ? "\uC120\uD0DD\uC9C0(\uC27C\uD45C\uB85C \uAD6C\uBD84)" : void 0, style: { flex: 1.6 }, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: (field.options ?? []).join(", "),
+                placeholder: "8GB, 16GB, 32GB",
+                disabled,
+                onChange: (event) => patch(index, {
+                  options: event.target.value.split(",").map((option) => option.trim()).filter(Boolean)
+                })
+              }
+            ) }) : null,
+            field.type === "number" ? /* @__PURE__ */ jsx(Field, { label: index === 0 ? "\uB2E8\uC704" : void 0, style: { flex: 0.7 }, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: field.unit ?? "",
+                placeholder: "GB",
+                disabled,
+                onChange: (event) => patch(index, { unit: event.target.value || void 0 })
+              }
+            ) }) : null,
+            /* @__PURE__ */ jsx("div", { style: { paddingTop: index === 0 ? 22 : 0, flex: "none" }, children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                icon: "trash-2",
+                label: `${field.label || field.key || index + 1} \uC0AD\uC81C`,
+                variant: "ghost",
+                disabled,
+                onClick: () => emit(fields.filter((_, i) => i !== index))
+              }
+            ) })
+          ]
+        },
+        index
+      );
+    }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "secondary",
+        icon: "plus",
+        disabled,
+        onClick: () => emit([...fields, { key: "", type: "text" }]),
+        children: "\uC635\uC158 \uCD94\uAC00"
+      }
+    ) })
+  ] });
+}
+var OptionSchemaEditor = boxed(OptionSchemaEditorImpl, "OptionSchemaEditor");
+
+export { OPTION_TYPES, OptionSchemaEditor };

package/dist/index.js

@@ -1,10 +1,12 @@
-import { TimePicker } from './chunk-SNRKPEWT.js';
-export { TimePicker } from './chunk-SNRKPEWT.js';
 export { loadOptionalModule } from './chunk-RRMKCZYQ.js';
 import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-QU7YVMFA.js';
 export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-QU7YVMFA.js';
+import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-QO6UJAQN.js';
+export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-QO6UJAQN.js';
 import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
+import { TimePicker } from './chunk-SNRKPEWT.js';
+export { TimePicker } from './chunk-SNRKPEWT.js';
 import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-BD75U73S.js';
 export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-BD75U73S.js';
 import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-EFMKWPZ3.js';
@@ -14,9 +16,9 @@ import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbo
 export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DKPNFEVU.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 } from './chunk-WIDDHR7L.js';
 export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-WIDDHR7L.js';
-import { boxed, mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SAN4IX6N.js';
+import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SAN4IX6N.js';
 export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-SAN4IX6N.js';
-import React10, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
+import React9, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/asset-url.ts
@@ -113,7 +115,7 @@ function resolveAssetsIn(propName, value, resolve, component) {
     return out ?? record;
   }
 }
-var NodeErrorBoundary = class extends React10.Component {
+var NodeErrorBoundary = class extends React9.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -161,145 +163,6 @@ function Can({ entity, action = "read", scope, fallback = null, children }) {
   }
   return can({ entity, action: typeof action === "string" ? action : "read", scope }) ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
 }
-function paddingStyle(padding) {
-  const value = padding === void 0 ? void 0 : PADDING_CSS[padding];
-  return value === void 0 ? {} : { padding: value };
-}
-var PADDING_CSS = {
-  "2": "2px",
-  "4": "4px",
-  "8": "8px",
-  "12": "12px",
-  "16": "16px",
-  "20": "20px",
-  "24": "24px",
-  "32": "32px"
-};
-function Grid({
-  columns = 3,
-  template,
-  gap,
-  align,
-  justify,
-  wrap,
-  padding,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-grid", !template && columnsClass(columns), className),
-      style: mergeStyle(
-        {
-          ...template ? { gridTemplateColumns: template } : null,
-          ...containerLayoutStyle({ gap, align, justify, wrap }),
-          ...paddingStyle(padding)
-        },
-        style
-      ),
-      children
-    }
-  );
-}
-function Row({ justify, gap, align, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-row", justify === "between" && "wp-row--between", className),
-      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
-      children
-    }
-  );
-}
-function Actions({ justify = "end", gap, align, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-row", className),
-      style: mergeStyle({ flex: 1, ...containerLayoutStyle({ gap, align, justify, wrap }) }, style),
-      children
-    }
-  );
-}
-function Col({ gap, align, justify, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-col", className), style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style), children });
-}
-var SPACER_STEPS = /* @__PURE__ */ new Set([1, 2, 3, 4, 5, 6, 8]);
-function Spacer({ size, className, style }) {
-  const step = size !== void 0 && SPACER_STEPS.has(Number(size)) ? Number(size) : void 0;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-spacer", step !== void 0 && `wp-spacer--${step}`, className),
-      style
-    }
-  );
-}
-function Section({ title, gap, align, justify, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: joinClass("wp-col", className),
-      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
-      children: [
-        title ? /* @__PURE__ */ jsx("h2", { className: "wp-h4", children: title }) : null,
-        children
-      ]
-    }
-  );
-}
-var TEXT_WRAP_CSS = {
-  normal: {},
-  preserve: { whiteSpace: "pre-wrap" },
-  anywhere: { whiteSpace: "pre-wrap", wordBreak: "break-all" }
-};
-function Text({
-  preset = "body",
-  as: Tag2 = "p",
-  weight,
-  textAlign,
-  wrap,
-  className,
-  style,
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    Tag2,
-    {
-      className: joinClass(`wp-${preset}`, className),
-      style: mergeStyle({ ...typographyStyle({ weight, textAlign }), ...TEXT_WRAP_CSS[wrap ?? "normal"] }, style),
-      children: value ?? children
-    }
-  );
-}
-function KeyValueList({ source, items, className, style }) {
-  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-kv", className), style, children: (items ?? []).map((item, index) => {
-    const raw = item.key ? source?.[item.key] : item.value;
-    const content = raw === null || raw === void 0 || raw === "" ? "\u2014" : raw;
-    return /* @__PURE__ */ jsxs(React10.Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "wp-kv__k", children: item.label }),
-      /* @__PURE__ */ jsx("span", { className: joinClass("wp-kv__v", item.mono && "wp-mono"), children: content })
-    ] }, index);
-  }) });
-}
-function PageHead({ title, subtitle, actions, className, style }) {
-  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-page-head", className), style, children: [
-    /* @__PURE__ */ jsxs("div", { className: "wp-page-head__text", children: [
-      title ? /* @__PURE__ */ jsx("h1", { className: "wp-page-head__title", children: title }) : null,
-      subtitle ? /* @__PURE__ */ jsx("div", { className: "wp-page-head__sub", children: subtitle }) : null
-    ] }),
-    actions ? /* @__PURE__ */ jsx("div", { className: "wp-page-head__actions", children: actions }) : null
-  ] });
-}
-function Show({ when, children }) {
-  return when ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
-}
-function Divider({ style, className }) {
-  return /* @__PURE__ */ jsx("hr", { className: joinClass("wp-divider", className), style });
-}
 function imageRenderer(cell, key, width = cell.width ?? 72) {
   const height = cell.height ?? 52;
   return (row) => /* @__PURE__ */ jsx(
@@ -2640,7 +2503,7 @@ function SduiNodeRenderer({
     return /* @__PURE__ */ jsx(Fragment, { children: rows.map((item, rowIndex) => {
       const rowScope = [...scope, { item, index: rowIndex }];
       const rowKey = isPlainObject4(item) && typeof item.id === "string" ? item.id : rowIndex;
-      return /* @__PURE__ */ jsx(React10.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
+      return /* @__PURE__ */ jsx(React9.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
     }) });
   }
   if (node.component === "Fragment") {
@@ -2716,11 +2579,11 @@ function SduiNodeRenderer({
   const children = childList?.map((child, i) => renderChild(child, i, scope, engine));
   return /* @__PURE__ */ jsx(Component, { ...props, children });
 }
-var SduiFragmentChainContext = React10.createContext([]);
+var SduiFragmentChainContext = React9.createContext([]);
 var FRAGMENT_MAX_DEPTH = 4;
 function SduiFragment({ node, scope, engine }) {
   const adapter = useSduiAdapter();
-  const chain = React10.useContext(SduiFragmentChainContext);
+  const chain = React9.useContext(SduiFragmentChainContext);
   const raw = isPlainObject4(node.props) ? node.props.id : void 0;
   const id = engine.resolveValue(raw, scope);
   if (typeof id !== "string" || id === "") {
@@ -2775,9 +2638,9 @@ function SduiFragmentBody({
   engine
 }) {
   const spec = useSpec(id);
-  const nextChain = React10.useMemo(() => [...chain, id], [chain, id]);
-  const bodyScope = React10.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
-  React10.useEffect(() => {
+  const nextChain = React9.useMemo(() => [...chain, id], [chain, id]);
+  const bodyScope = React9.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
+  React9.useEffect(() => {
     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}`)
@@ -3268,4 +3131,4 @@ function SduiRenderer({
   );
 }
 
-export { Actions, CALC_OPS, Can, Col, Divider, Grid, KeyValueList, NodeErrorBoundary, PageHead, RemoteSearchResults, ResultTable, Row, SduiForm, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, Section, Show, SortHandle, SortableList, Spacer, Text, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiRuntime, useSearchFetcher, validateSpec };
+export { CALC_OPS, Can, NodeErrorBoundary, RemoteSearchResults, ResultTable, SduiForm, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, SortHandle, SortableList, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiRuntime, useSearchFetcher, validateSpec };

package/dist/meta.d.ts

@@ -432,6 +432,9 @@ declare const PermissionMatrixEditorMeta: SduiComponentMeta;
 declare const RoleMemberPickerMeta: SduiComponentMeta;
 declare const FileDropzoneMeta: SduiComponentMeta;
 declare const ExcelUploadCardMeta: SduiComponentMeta;
+declare const OptionSchemaEditorMeta: SduiComponentMeta;
+declare const OptionValueFieldsMeta: SduiComponentMeta;
+declare const StagePeriodEditorMeta: SduiComponentMeta;
 declare const AutocompleteFieldMeta: SduiComponentMeta;
 declare const InlineEditMeta: SduiComponentMeta;
 declare const JsonFieldMeta: SduiComponentMeta;
@@ -468,6 +471,9 @@ declare const widgetComponentMeta: {
     ApprovalLineEditor: SduiComponentMeta;
     ApprovalOverridesEditor: SduiComponentMeta;
     ApprovalStepper: SduiComponentMeta;
+    OptionSchemaEditor: SduiComponentMeta;
+    OptionValueFields: SduiComponentMeta;
+    StagePeriodEditor: SduiComponentMeta;
     ExcelUploadCard: SduiComponentMeta;
     FileDropzone: SduiComponentMeta;
     PermissionMatrixEditor: SduiComponentMeta;
@@ -606,4 +612,4 @@ declare function paletteGroups(catalog?: Record<string, SduiComponentMeta>): Arr
     items: SduiComponentMeta[];
 }>;
 
-export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, type SduiCategory, type SduiChildrenMeta, type SduiComponentMeta, type SduiDomMeta, type SduiEnumOption, type SduiPropGroup, type SduiPropKind, type SduiPropMeta, type SduiResizeMeta, type SduiSlotMeta, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };
+export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, type SduiCategory, type SduiChildrenMeta, type SduiComponentMeta, type SduiDomMeta, type SduiEnumOption, type SduiPropGroup, type SduiPropKind, type SduiPropMeta, type SduiResizeMeta, type SduiSlotMeta, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StagePeriodEditorMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };

package/dist/meta.js

@@ -4060,6 +4060,123 @@ var ExcelUploadCardMeta = {
   },
   resize: { kind: "none" }
 };
+var OptionSchemaEditorMeta = {
+  name: "OptionSchemaEditor",
+  label: "\uC635\uC158 \uC11C\uC2DD \uD3B8\uC9D1",
+  category: "input",
+  icon: "sliders-horizontal",
+  description: "\uC7A5\uBE44\uAC00 \uC790\uAE30 \uC720\uB2DB\uC5D0\uAC8C \uBC1B\uC744 \uC635\uC158\uC758 \uC11C\uC2DD(\uC774\uB984\xB7\uD615\uC2DD\xB7\uC120\uD0DD\uC9C0)\uC744 \uC815\uD55C\uB2E4. \uAC12\uC774 \uC544\uB2C8\uB77C \uC11C\uC2DD\uC774\uB2E4 \u2014 \uC720\uB2DB \uC218\uC815\uC740 \uC774 \uC11C\uC2DD\uB300\uB85C \uCE78\uC744 \uADF8\uB9B0\uB2E4(OptionValueFields).",
+  props: [
+    {
+      name: "value",
+      kind: "object",
+      label: "\uC7A5\uBE44 config",
+      bindable: true,
+      description: "\uC11C\uC2DD\uC740 \uC774 \uAC1D\uCCB4\uC758 options\uC5D0 \uB2F4\uAE34\uB2E4 \u2014 { options: [{ key, label?, type, options?, unit? }] }. \uBC30\uC5F4\uC774 \uC544\uB2C8\uB77C config \uD1B5\uC9F8\uB85C \uC8FC\uACE0\uBC1B\uB294 \uC774\uC720\uB294 setState\uAC00 \uC810 \uACBD\uB85C\uB97C \uD3C9\uBA74 \uD0A4\uB85C \uC800\uC7A5\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.",
+      group: "data"
+    },
+    {
+      name: "onChange",
+      kind: "action",
+      label: "\uBCC0\uACBD",
+      eventArg: "options\uAC00 \uAC31\uC2E0\uB41C config \uAC1D\uCCB4",
+      description: '{ "action": "setState", "key": "assetEditForm.config", "fromEvent": true }',
+      group: "behavior"
+    },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "OptionSchemaEditor",
+    props: {
+      value: { $state: "form.config", default: {} },
+      onChange: { action: "setState", key: "form.config", fromEvent: true }
+    }
+  },
+  resize: { kind: "none" }
+};
+var OptionValueFieldsMeta = {
+  name: "OptionValueFields",
+  label: "\uC635\uC158 \uAC12 \uC785\uB825",
+  category: "input",
+  icon: "list-filter",
+  description: "\uC7A5\uBE44\uAC00 \uC815\uD574 \uB454 \uC635\uC158 \uC11C\uC2DD\uB300\uB85C \uC720\uB2DB\uC758 \uAC12 \uCE78\uC744 \uADF8\uB9B0\uB2E4. \uC11C\uC2DD\uC5D0 \uC5C6\uB294 \uD0A4\uB294 \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uACE0 \uADF8\uB300\uB85C \uBCF4\uAD00\uD55C\uB2E4.",
+  props: [
+    {
+      name: "schema",
+      kind: "array",
+      label: "\uC635\uC158 \uC11C\uC2DD",
+      bindable: true,
+      description: "\uC7A5\uBE44\uC758 assets.config.options \u2014 OptionSchemaEditor\uAC00 \uB9CC\uB4E0 \uBC30\uC5F4 \uADF8\uB300\uB85C.",
+      group: "data",
+      item: [
+        { name: "key", kind: "string", label: "\uC774\uB984(\uD0A4)", required: true },
+        { name: "label", kind: "string", label: "\uD45C\uC2DC \uC774\uB984" },
+        { name: "type", kind: "string", label: "\uD615\uC2DD", required: true },
+        { name: "options", kind: "array", label: "\uC120\uD0DD\uC9C0", itemKind: "string", item: [] },
+        { name: "unit", kind: "string", label: "\uB2E8\uC704" }
+      ]
+    },
+    {
+      name: "value",
+      kind: "object",
+      label: "\uC635\uC158 \uAC12",
+      bindable: true,
+      description: "{ \uD0A4: \uAC12 } \uD3C9\uBA74 \uAC1D\uCCB4 \u2014 asset_units.config.",
+      group: "data"
+    },
+    {
+      name: "onChange",
+      kind: "action",
+      label: "\uBCC0\uACBD",
+      eventArg: "\uC635\uC158 \uAC12 \uAC1D\uCCB4",
+      description: '{ "action": "setState", "key": "unitForm.config", "fromEvent": true }',
+      group: "behavior"
+    },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "readOnly",
+      kind: "boolean",
+      label: "\uC77D\uAE30 \uD45C\uC2DC",
+      default: false,
+      description: "\uC0C1\uC138 \uD654\uBA74\uC6A9 \u2014 \uC785\uB825\uCE78 \uB300\uC2E0 \uAC12\uC774 \uC788\uB294 \uCE78\uB9CC \uB77C\uBCA8\xB7\uAC12 \uC904\uB85C \uC138\uC6B4\uB2E4.",
+      group: "appearance"
+    }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "OptionValueFields",
+    props: {
+      schema: { $state: "rt.assetOptions.config.options", default: [] },
+      value: { $state: "unitForm.config", default: {} },
+      onChange: { action: "setState", key: "unitForm.config", fromEvent: true }
+    }
+  },
+  resize: { kind: "none" }
+};
+var StagePeriodEditorMeta = {
+  name: "StagePeriodEditor",
+  label: "\uB2E8\uACC4 \uAE30\uAC04 \uC785\uB825\uAE30",
+  category: "input",
+  icon: "calendar",
+  description: "\uD3C9\uAC00 \uB2E8\uACC4\uC758 \uAE30\uAC04 4\uD544\uB4DC(startDate/endDate/startTime/endTime)\uB97C \uD3B8\uC9D1\uD55C\uB2E4. \uBE48\uAC12\u2192null \uC815\uADDC\uD654\uC640 \uC11C\uBC84 validate_period \uBBF8\uB7EC(\uC885\uB8CC\uC77C<\uC2DC\uC791\uC77C, \uAC19\uC740 \uB0A0 \uC2DC\uAC04 \uC21C\uC11C)\uAC00 \uC874\uC7AC \uC774\uC720 \u2014 onChange \uBD09\uD22C\uC758 error\uAC00 \uC788\uC73C\uBA74 \uC800\uC7A5\uC744 \uC7A0\uADFC\uB2E4. \uC800\uC7A5\uC740 \uC2A4\uD399\uC774 PATCH \uCCB4\uC778\uC73C\uB85C \uD55C\uB2E4.",
+  props: [
+    { name: "value", kind: "object", label: "\uC800\uC7A5\uB41C \uAE30\uAC04", bindable: true, description: "\uB2E8\uACC4 \uD589(stages[]) \uADF8\uB300\uB85C \u2014 \uC2DC\uAC01 HH:MM:SS \uD5C8\uC6A9, HH:MM\uB85C \uC815\uADDC\uD654\uD574 \uC77D\uB294\uB2E4. \uC2DC\uB529 \uC804\uC6A9.", group: "data" },
+    { name: "onChange", kind: "action", label: "\uBCC0\uACBD", description: "{startDate,endDate,startTime,endTime(null|\uC720\uD6A8\uAC12), error} \uBD09\uD22C. \uB9C8\uC6B4\uD2B8 \uC9C1\uD6C4\uC5D0\uB3C4 1\uD68C \uD758\uB9B0\uB2E4.", group: "behavior" },
+    { name: "resetKey", kind: "string", label: "\uC7AC\uC2DC\uB529 \uD0A4", bindable: true, group: "data", advanced: true },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "StagePeriodEditor",
+    // 빈 props 는 저장 왕복에서 사라진다(편집기 계약) — 프리셋은 실제로 채운다.
+    props: { value: { startDate: "", endDate: "", startTime: "09:00", endTime: "18:00" } }
+  },
+  resize: { kind: "none" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -5480,6 +5597,9 @@ var widgetComponentMeta = {
   ApprovalLineEditor: ApprovalLineEditorMeta,
   ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  OptionSchemaEditor: OptionSchemaEditorMeta,
+  OptionValueFields: OptionValueFieldsMeta,
+  StagePeriodEditor: StagePeriodEditorMeta,
   ExcelUploadCard: ExcelUploadCardMeta,
   FileDropzone: FileDropzoneMeta,
   PermissionMatrixEditor: PermissionMatrixEditorMeta,
@@ -5543,4 +5663,4 @@ function paletteGroups(catalog = allComponentMeta) {
   })).filter((group) => group.items.length > 0);
 }
 
-export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };
+export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StagePeriodEditorMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };

package/dist/rich.js

@@ -1,5 +1,5 @@
-export { TimePicker } from './chunk-SNRKPEWT.js';
 import { useOptionalModule, DependencyPlaceholder } from './chunk-RRMKCZYQ.js';
+export { TimePicker } from './chunk-SNRKPEWT.js';
 import { HoistedStyle } from './chunk-EFMKWPZ3.js';
 export { DatePicker, DateRangePicker } from './chunk-EFMKWPZ3.js';
 import './chunk-XQPTSEJC.js';

package/dist/widgets/OptionSchemaEditor.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+
+/**
+ * OptionSchemaEditor — 장비가 자기 유닛에게 받을 **옵션 서식**을 정한다.
+ *
+ * 유닛의 사양(CPU·RAM·해상도…)은 장비 종류마다 달라서 컬럼으로 세울 수 없다.
+ * 그래서 값은 `asset_units.config`(JSON)에 담기는데, 지금까지는 그 JSON을 사람이
+ * 직접 쓰고 있었다 — 키 이름이 유닛마다 갈리고(`cpu`/`CPU`/`씨피유`) 숫자여야 할
+ * 자리에 문자열이 들어가도 아무도 못 막는다.
+ *
+ * 여기서 정하는 것은 **값이 아니라 서식**이다. 장비에 한 번 정해 두면
+ * (`assets.config.options`) 유닛 수정 화면이 그 서식대로 칸을 그린다
+ * ({@link ./OptionValueFields.tsx}). SDUI가 스펙을 화면으로 만드는 것과 같은 결이고,
+ * 서식이 스펙이 아니라 **데이터**라는 점만 다르다 — 장비마다 다르니 스펙일 수 없다.
+ *
+ * 계약: `value`는 장비의 **config 객체 통째**이고 서식은 그 안의 `options`다.
+ *   { options: [{ key, label?, type: 'text'|'number'|'select'|'boolean', options?, unit? }] }
+ *
+ * 배열만 주고받지 않는 이유는 SDUI의 `setState`가 **점 경로를 평면 키로 저장**하기
+ * 때문이다 — `assetEditForm.config.options`로 쓰면 그 이름의 납작한 키가 하나 생길 뿐
+ * `config` 안에 들어가지 않아 폼 본문에 실리지 않는다. 그래서 다른 폼 칸과 똑같이
+ * 키 하나(`assetEditForm.config`)를 주고받고, `options` 밖의 값은 그대로 보존한다.
+ * - `key`가 유닛 config의 실제 키다. 비었거나 겹치면 저장 못 하게 사유를 띄운다
+ *   (스펙은 이 위젯 밖이라 검증을 여기서 보여 준다).
+ * - `label`은 화면에 쓸 이름 — 비면 key를 그대로 쓴다.
+ */
+declare const OPTION_TYPES: readonly [{
+    readonly value: "text";
+    readonly label: "문자열";
+}, {
+    readonly value: "number";
+    readonly label: "숫자";
+}, {
+    readonly value: "select";
+    readonly label: "선택";
+}, {
+    readonly value: "boolean";
+    readonly label: "예/아니오";
+}];
+type OptionFieldType = (typeof OPTION_TYPES)[number]['value'];
+interface OptionField {
+    key: string;
+    label?: string;
+    type: OptionFieldType;
+    /** type=select일 때의 선택지 */
+    options?: string[];
+    /** 숫자 뒤에 붙는 단위 표시 — GB·인치처럼 값에 섞지 않을 것들 */
+    unit?: string;
+}
+/** 장비의 config — 서식은 options에 담고 나머지 키는 손대지 않는다 */
+interface AssetOptionConfig {
+    options?: OptionField[];
+    [key: string]: unknown;
+}
+interface OptionSchemaEditorProps {
+    value?: AssetOptionConfig | null;
+    onChange?: (config: AssetOptionConfig) => void;
+    disabled?: boolean;
+}
+declare const OptionSchemaEditor: React.FC<OptionSchemaEditorProps & SduiBoxProps>;
+
+export { type AssetOptionConfig, OPTION_TYPES, type OptionField, type OptionFieldType, OptionSchemaEditor, type OptionSchemaEditorProps };

package/dist/widgets/OptionSchemaEditor.js

@@ -0,0 +1,4 @@
+export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-TIY4A223.js';
+import '../chunk-QO6UJAQN.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/OptionValueFields.d.ts

@@ -0,0 +1,21 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+import { OptionField } from './OptionSchemaEditor.js';
+
+interface OptionValueFieldsProps {
+    /** 장비의 옵션 서식 (assets.config.options) */
+    schema?: OptionField[];
+    /** 유닛의 옵션 값 (asset_units.config) */
+    value?: Record<string, unknown> | null;
+    onChange?: (value: Record<string, unknown>) => void;
+    disabled?: boolean;
+    /**
+     * 입력 대신 읽기 표시 — 상세 화면용. 값이 있는 칸만 라벨·값 줄로 세운다.
+     * 잠긴 입력칸으로 대신하지 않는 이유: 회색 입력칸은 "고칠 수 있는데 지금은 막혔다"로
+     * 읽히고, 빈 칸이 줄줄이 서면 값이 없다는 사실만 크게 보인다.
+     */
+    readOnly?: boolean;
+}
+declare const OptionValueFields: React__default.FC<OptionValueFieldsProps & SduiBoxProps>;
+
+export { OptionValueFields, type OptionValueFieldsProps };

package/dist/widgets/OptionValueFields.js

@@ -0,0 +1,4 @@
+export { OptionValueFields } from '../chunk-CTSVZTIT.js';
+import '../chunk-QO6UJAQN.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/StagePeriodEditor.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+
+/**
+ * StagePeriodEditor — 평가 단계(회차 소속 세션)의 기간 4필드 편집기.
+ *
+ * v2 evaluation-campaign-management.tsx의 StagePeriodDialog 본문 이식이다.
+ * 스펙만으로는 안 되는 두 가지가 이 계층의 존재 이유다:
+ *  1. **빈값 → null 정규화** — 서버 PATCH /evaluation-sessions/{id}는 빈 문자열을
+ *     400("YYYY-MM-DD/HH:MM 형식")으로 거부하고 null만 "기간 없음"으로 받는다.
+ *     스펙($calc)에는 ""→null 변환 연산이 없다.
+ *  2. **서버 validate_period의 클라이언트 미러** — 종료일<시작일, 같은 날
+ *     종료시간≤시작시간. 날짜 문자열 비교 연산이 스펙에 없다.
+ *
+ * 프롭 계약:
+ * - value: 저장된 기간(서버 stages[]의 startDate/endDate/startTime/endTime —
+ *   시각은 'HH:MM:SS'도 허용, 'HH:MM'으로 정규화해 읽는다). **시딩 전용** —
+ *   resetKey가 바뀔 때만 다시 읽는다(편집 중 재조회가 입력을 덮지 않게, v2와
+ *   같은 마운트 1회 초기화 의미론).
+ * - onChange: { startDate, endDate, startTime, endTime, error } 봉투.
+ *   4필드는 항상 null 또는 유효값이라 그대로 PATCH body에 바인딩할 수 있고,
+ *   error가 있으면 스펙은 저장 버튼을 잠근다. 마운트 직후에도 한 번 흘린다.
+ * - 저장은 스펙이 한다(PATCH camel 4필드). 시간을 날짜 없이 두는 조합은 입력
+ *   단계에서 막는다(날짜를 지우면 시각도 함께 비움 — v2 동일).
+ */
+/** onChange 봉투 — 4필드는 null 또는 유효값, error가 있으면 저장 금지. */
+interface StagePeriodValue {
+    startDate: string | null;
+    endDate: string | null;
+    startTime: string | null;
+    endTime: string | null;
+    error: string | null;
+}
+interface StagePeriodEditorProps {
+    /** 저장된 기간(서버 응답 그대로). 시딩 전용 — resetKey가 바뀔 때 다시 읽는다. */
+    value?: unknown;
+    onChange?: (value: StagePeriodValue) => void;
+    /** 단계 id — 바뀌면 value로 폼을 다시 시딩한다(다이얼로그 재사용 대비). */
+    resetKey?: string;
+    disabled?: boolean;
+}
+/** 바깥 style·className을 뿌리에 얹는다 — 자기 축(폭·여백) 통로. */
+declare const StagePeriodEditor: React.FC<StagePeriodEditorProps & SduiBoxProps>;
+
+export { StagePeriodEditor, type StagePeriodEditorProps, type StagePeriodValue };

package/dist/widgets/StagePeriodEditor.js

@@ -0,0 +1,6 @@
+export { StagePeriodEditor } from '../chunk-KVFHPBAY.js';
+import '../chunk-SNRKPEWT.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.d.ts

@@ -10,6 +10,8 @@ import { SummaryTableProps } from './SummaryTable.js';
 export { SummaryTable, SummaryTableColumn } from './SummaryTable.js';
 import { StripProps } from './Strip.js';
 export { Strip } from './Strip.js';
+import { StagePeriodEditorProps } from './StagePeriodEditor.js';
+export { StagePeriodEditor } from './StagePeriodEditor.js';
 import { StackedMeterProps } from './StackedMeter.js';
 export { StackedMeter, StackedMeterSegment } from './StackedMeter.js';
 import { SecureScreenProps } from './SecureScreen.js';
@@ -32,6 +34,10 @@ import { OrgChartBoardProps } from './OrgChartBoard.js';
 export { OrgChartBoard } from './OrgChartBoard.js';
 import { OrgChartProps } from './OrgChart.js';
 export { OrgChart, OrgNode } from './OrgChart.js';
+import { OptionValueFieldsProps } from './OptionValueFields.js';
+export { OptionValueFields } from './OptionValueFields.js';
+import { OptionSchemaEditorProps } from './OptionSchemaEditor.js';
+export { OptionSchemaEditor } from './OptionSchemaEditor.js';
 import { LiveClockProps } from './LiveClock.js';
 export { LiveClock } from './LiveClock.js';
 import { JsonFieldProps } from './JsonField.js';
@@ -78,6 +84,8 @@ declare const widgetComponents: {
     InlineEdit: React.FC<InlineEditProps & SduiBoxProps>;
     JsonField: React.FC<JsonFieldProps & SduiBoxProps>;
     LiveClock: React.FC<LiveClockProps & SduiBoxProps>;
+    OptionSchemaEditor: React.FC<OptionSchemaEditorProps & SduiBoxProps>;
+    OptionValueFields: React.FC<OptionValueFieldsProps & SduiBoxProps>;
     OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
     OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
     PermissionMatrixEditor: React.FC<PermissionMatrixEditorProps & SduiBoxProps>;
@@ -89,6 +97,7 @@ declare const widgetComponents: {
     SearchableMultiPicker: React.FC<SearchableMultiPickerProps & SduiBoxProps>;
     SecureScreen: React.FC<SecureScreenProps & SduiBoxProps>;
     StackedMeter: React.FC<StackedMeterProps & SduiBoxProps>;
+    StagePeriodEditor: React.FC<StagePeriodEditorProps & SduiBoxProps>;
     Strip: React.FC<StripProps & SduiBoxProps>;
     SummaryTable: React.FC<SummaryTableProps & SduiBoxProps>;
     TagMultiSelect: React.FC<TagMultiSelectProps & SduiBoxProps>;
@@ -99,4 +108,4 @@ declare const widgetComponents: {
 /** 위젯 어휘의 컴포넌트 이름 union — 메타데이터 대조에 쓴다(`@wipco/sdui/meta`). */
 type SduiWidgetComponentName = keyof typeof widgetComponents;
 
-export { ApprovalLineEditorProps, ApprovalOverridesEditorProps, ApprovalStepperProps, ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartBoardProps, OrgChartProps, PeriodFilterProps, PermissionMatrixEditorProps, PrintSheetProps, RankBoardProps, RecordSheetProps, RoleMemberPickerProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };
+export { ApprovalLineEditorProps, ApprovalOverridesEditorProps, ApprovalStepperProps, ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OptionSchemaEditorProps, OptionValueFieldsProps, OrgChartBoardProps, OrgChartProps, PeriodFilterProps, PermissionMatrixEditorProps, PrintSheetProps, RankBoardProps, RecordSheetProps, RoleMemberPickerProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StagePeriodEditorProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };

package/dist/widgets/index.js

@@ -1,9 +1,17 @@
+import { Strip } from '../chunk-ZH5MLOZS.js';
+export { Strip } from '../chunk-ZH5MLOZS.js';
+import { SummaryTable } from '../chunk-O4U7Y3XL.js';
+export { SummaryTable } from '../chunk-O4U7Y3XL.js';
 import { Timeline } from '../chunk-EFYEOT47.js';
 export { Timeline } from '../chunk-EFYEOT47.js';
 import { TreePicker } from '../chunk-U3HYQCFA.js';
 export { TreePicker } from '../chunk-U3HYQCFA.js';
 import { TreeView } from '../chunk-X5R2HHEN.js';
 export { TreeView, buildTreeNodes } from '../chunk-X5R2HHEN.js';
+import { PrintSheet } from '../chunk-MYJ2KEIP.js';
+export { PrintSheet } from '../chunk-MYJ2KEIP.js';
+import { RankBoard } from '../chunk-U6H7YN4I.js';
+export { RankBoard } from '../chunk-U6H7YN4I.js';
 import { RecordSheet } from '../chunk-K3JBSWFI.js';
 export { RecordSheet } from '../chunk-K3JBSWFI.js';
 import { RoleMemberPicker } from '../chunk-WXZDYDXG.js';
@@ -14,14 +22,16 @@ import { SecureScreen } from '../chunk-IIRENCDS.js';
 export { SecureScreen } from '../chunk-IIRENCDS.js';
 import { StackedMeter } from '../chunk-BMZKZGJF.js';
 export { StackedMeter } from '../chunk-BMZKZGJF.js';
-import { Strip } from '../chunk-ZH5MLOZS.js';
-export { Strip } from '../chunk-ZH5MLOZS.js';
-import { SummaryTable } from '../chunk-O4U7Y3XL.js';
-export { SummaryTable } from '../chunk-O4U7Y3XL.js';
+import { StagePeriodEditor } from '../chunk-KVFHPBAY.js';
+export { StagePeriodEditor } from '../chunk-KVFHPBAY.js';
 import { JsonField } from '../chunk-JVBZRDC2.js';
 export { JsonField } from '../chunk-JVBZRDC2.js';
 import { LiveClock } from '../chunk-Z3WGIFJP.js';
 export { LiveClock } from '../chunk-Z3WGIFJP.js';
+import { OptionSchemaEditor } from '../chunk-TIY4A223.js';
+export { OptionSchemaEditor } from '../chunk-TIY4A223.js';
+import { OptionValueFields } from '../chunk-CTSVZTIT.js';
+export { OptionValueFields } from '../chunk-CTSVZTIT.js';
 import { OrgChart } from '../chunk-QWJ3OBBL.js';
 export { OrgChart } from '../chunk-QWJ3OBBL.js';
 import { OrgChartBoard } from '../chunk-NGZI4V3O.js';
@@ -30,10 +40,6 @@ import { PermissionMatrixEditor } from '../chunk-N24VF6KI.js';
 export { PermissionMatrixEditor } from '../chunk-N24VF6KI.js';
 import { PeriodFilter } from '../chunk-INWASR2G.js';
 export { PeriodFilter } from '../chunk-INWASR2G.js';
-import { PrintSheet } from '../chunk-MYJ2KEIP.js';
-export { PrintSheet } from '../chunk-MYJ2KEIP.js';
-import { RankBoard } from '../chunk-U6H7YN4I.js';
-export { RankBoard } from '../chunk-U6H7YN4I.js';
 export { AutocompleteField, toAutocompleteOptions } from '../chunk-CVCP52OD.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
@@ -49,7 +55,9 @@ export { ImageLightbox } from '../chunk-XPBZMECW.js';
 import { InlineEdit } from '../chunk-KT3ZVBLN.js';
 export { InlineEdit } from '../chunk-KT3ZVBLN.js';
 import '../chunk-QU7YVMFA.js';
+import '../chunk-QO6UJAQN.js';
 import '../chunk-THEP3VWY.js';
+import '../chunk-SNRKPEWT.js';
 import { ApprovalOverridesEditor } from '../chunk-OR27SRKL.js';
 export { ApprovalOverridesEditor } from '../chunk-OR27SRKL.js';
 import { TagMultiSelect } from '../chunk-QDEZXA34.js';
@@ -78,6 +86,8 @@ var widgetComponents = {
   InlineEdit,
   JsonField,
   LiveClock,
+  OptionSchemaEditor,
+  OptionValueFields,
   OrgChart,
   OrgChartBoard,
   PermissionMatrixEditor,
@@ -89,6 +99,7 @@ var widgetComponents = {
   SearchableMultiPicker,
   SecureScreen,
   StackedMeter,
+  StagePeriodEditor,
   Strip,
   SummaryTable,
   TagMultiSelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",
@@ -92,6 +92,14 @@
       "types": "./dist/widgets/LiveClock.d.ts",
       "default": "./dist/widgets/LiveClock.js"
     },
+    "./widgets/OptionSchemaEditor": {
+      "types": "./dist/widgets/OptionSchemaEditor.d.ts",
+      "default": "./dist/widgets/OptionSchemaEditor.js"
+    },
+    "./widgets/OptionValueFields": {
+      "types": "./dist/widgets/OptionValueFields.d.ts",
+      "default": "./dist/widgets/OptionValueFields.js"
+    },
     "./widgets/OrgChart": {
       "types": "./dist/widgets/OrgChart.d.ts",
       "default": "./dist/widgets/OrgChart.js"
@@ -136,6 +144,10 @@
       "types": "./dist/widgets/StackedMeter.d.ts",
       "default": "./dist/widgets/StackedMeter.js"
     },
+    "./widgets/StagePeriodEditor": {
+      "types": "./dist/widgets/StagePeriodEditor.d.ts",
+      "default": "./dist/widgets/StagePeriodEditor.js"
+    },
     "./widgets/Strip": {
       "types": "./dist/widgets/Strip.d.ts",
       "default": "./dist/widgets/Strip.js"