@wipco/sdui 0.31.0 → 0.33.0

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,10 @@ 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 QRDisplayMeta: SduiComponentMeta;
 declare const AutocompleteFieldMeta: SduiComponentMeta;
 declare const InlineEditMeta: SduiComponentMeta;
 declare const JsonFieldMeta: SduiComponentMeta;
@@ -468,6 +472,10 @@ declare const widgetComponentMeta: {
     ApprovalLineEditor: SduiComponentMeta;
     ApprovalOverridesEditor: SduiComponentMeta;
     ApprovalStepper: SduiComponentMeta;
+    QRDisplay: SduiComponentMeta;
+    OptionSchemaEditor: SduiComponentMeta;
+    OptionValueFields: SduiComponentMeta;
+    StagePeriodEditor: SduiComponentMeta;
     ExcelUploadCard: SduiComponentMeta;
     FileDropzone: SduiComponentMeta;
     PermissionMatrixEditor: SduiComponentMeta;
@@ -606,4 +614,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, QRDisplayMeta, 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,175 @@ 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 QRDisplayMeta = {
+  name: "QRDisplay",
+  label: "QR \uCF54\uB4DC",
+  category: "display",
+  icon: "scan",
+  description: "\uBC31\uC5D4\uB4DC QR \uB80C\uB354\uB7EC(GET /qr)\uB85C \uB9CC\uB4E0 QR \uC774\uBBF8\uC9C0\uB97C \uCEA1\uC158\uACFC \uD568\uAED8 \uBCF4\uC5EC\uC900\uB2E4. \uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD558\uBA74 \uC810\uC120 \uD50C\uB808\uC774\uC2A4\uD640\uB354\uB85C \uB300\uCCB4\uB41C\uB2E4.",
+  props: [
+    {
+      name: "path",
+      kind: "string",
+      label: "\uC571 \uB0B4\uBD80 \uACBD\uB85C",
+      bindable: true,
+      description: '\uC608: "/public/asset/unit/WP-0001". \uB9C8\uC6B4\uD2B8 \uD6C4 \uC808\uB300 URL\uB85C \uBCC0\uD658\uD574 \uC778\uCF54\uB529\uD55C\uB2E4.',
+      group: "content"
+    },
+    // 실측 2/2
+    {
+      name: "url",
+      kind: "string",
+      label: "URL \uC9C1\uC811 \uC9C0\uC815",
+      bindable: true,
+      description: "path\uBCF4\uB2E4 \uC6B0\uC120\uD55C\uB2E4.",
+      group: "content",
+      advanced: true
+    },
+    // 실측 0/2 — 구현에는 있다
+    {
+      name: "size",
+      kind: "number",
+      label: "\uD06C\uAE30(px)",
+      default: 128,
+      description: "QR \uD55C \uBCC0. \uAC00\uB85C\xB7\uC138\uB85C\uAC00 \uAC19\uC774 \uC6C0\uC9C1\uC778\uB2E4.",
+      group: "appearance"
+    },
+    // 실측 2/2 (148, 112)
+    { name: "caption", kind: "string", label: "\uCEA1\uC158", group: "content" }
+    // 실측 2/2
+  ],
+  children: { accepts: false },
+  dom: { element: "figure" },
+  // 실측: 루트가 <figure>
+  preset: {
+    component: "QRDisplay",
+    props: { path: "/", size: 128, caption: "QR \uCF54\uB4DC" }
+  },
+  // size 하나가 한 변이라 가로 손잡이든 세로 손잡이든 같은 프롭을 움직인다.
+  // 실측(resizePatch 직접 호출): dx=+40 dy=0 → {size:168} · dx=0 dy=+40 → {size:168} ·
+  // dx=+40 dy=+10 → {size:168}. 대각선은 더 많이 끈 축을 따른다(합산이 아니다).
+  // 처음 적을 때는 이 문장을 재보지 않고 썼고 실제로는 거짓이었다 — 가로 손잡이가
+  // 죽어 있었다. resize.ts의 "같은 프롭이면 축을 합친다" 분기를 그때 넣어 참으로 만들었다.
+  resize: { kind: "numeric", widthProp: "size", heightProp: "size", unit: "px", axis: "both" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -5480,6 +5649,10 @@ var widgetComponentMeta = {
   ApprovalLineEditor: ApprovalLineEditorMeta,
   ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  QRDisplay: QRDisplayMeta,
+  OptionSchemaEditor: OptionSchemaEditorMeta,
+  OptionValueFields: OptionValueFieldsMeta,
+  StagePeriodEditor: StagePeriodEditorMeta,
   ExcelUploadCard: ExcelUploadCardMeta,
   FileDropzone: FileDropzoneMeta,
   PermissionMatrixEditor: PermissionMatrixEditorMeta,
@@ -5543,4 +5716,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, QRDisplayMeta, 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/QRDisplay.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+
+/**
+ * QRDisplay — 백엔드 QR 렌더러(GET {API_BASE}/qr)로 만든 QR 이미지를 카드로 표시.
+ *
+ * path(앱 내부 경로) 또는 url을 받아 마운트 후 절대 URL로 변환해
+ * 인코딩한다(SSR 안전). 백엔드가 없어 이미지 로드가 실패하면 점선
+ * 플레이스홀더 + 안내 문구로 대체한다.
+ *
+ * ## 자산 관문을 스스로 통과시킨다 (useSduiAssetResolver)
+ *
+ * 렌더러의 자산 순회는 **스펙이 준 URL**만 본다. 이 컴포넌트는 그 검사에 걸릴 문자열이
+ * 애초에 없다 — `src`를 프롭으로 받지 않고 `apiUrl('/qr?data=…')`로 **안에서 만들어**
+ * 붙이기 때문이다. 그래서 편집기 캔버스가 클릭·fetch·navigate를 다 막아 둔 상태에서도
+ * 이 `<img>` 하나는 잠금 밖이었다. 목적지가 동일 오리진이라 **세션 쿠키까지 실린다.**
+ *
+ * 더 나쁜 경우가 둘 더 있다.
+ * - 프롭을 아예 안 주면 `window.location.href`로 채우는데(아래 effect), 캔버스에서 그건
+ *   **편집기 자신의 URL**이다. 남의 스펙을 여는 것만으로 편집 중인 화면 주소가 QR 인코딩
+ *   요청에 실려 나간다.
+ * - Tauri 데스크톱에서 `apiUrl`의 기준은 **사용자가 설정한 임의 호스트**다. 웹처럼
+ *   동일 오리진으로 끝나지 않는다.
+ *
+ * 그래서 URL을 만든 쪽이 직접 관문에 태운다. 진짜 앱에서는 항등함수라
+ * (`defaultAdapter.resolveAsset`) 바이트 단위로 같은 요청이 나간다.
+ */
+interface QRDisplayProps {
+    /** QR에 담을 앱 내부 경로(예: "/hr/employees/1"). 마운트 후 절대 URL로 변환. */
+    path?: string;
+    /** 절대/상대 URL을 직접 지정. path보다 우선한다. */
+    url?: string;
+    /** QR 한 변(px). 기본 128. */
+    size?: number;
+    /**
+     * QR 이미지를 내주는 서버 경로. `?data=<인코딩된 URL>&size=<px>` 가 붙는다.
+     * 기본 '/qr'. API 가 다른 오리진이면 그 절대 주소를 넘긴다.
+     */
+    endpoint?: string;
+    caption?: string;
+}
+/** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자기 축(폭·여백)이 닿게 하는 통로. */
+declare const QRDisplay: React.FC<QRDisplayProps & SduiBoxProps>;
+
+export { QRDisplay, type QRDisplayProps };

package/dist/widgets/QRDisplay.js

@@ -0,0 +1,4 @@
+export { QRDisplay } from '../chunk-PCMJE2GO.js';
+import '../chunk-DKPNFEVU.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 };