@wipco/sdui 0.25.0 → 0.26.0

package/dist/{chunk-XKLUCUVA.js → chunk-EFMKWPZ3.js}

@@ -1,137 +1,10 @@
+import { useOverlayLayer, OverlayContainerContext, getOverlayRoot } from './chunk-XQPTSEJC.js';
 import { Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
-import React, { useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, useSyncExternalStore } from 'react';
-import { createPortal } from 'react-dom';
+import React, { useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
 
-var OVERLAY_ROOT_ID = "wp-overlay-root";
-var DOCUMENT_POSITION_FOLLOWING = 4;
-function getOverlayRoot() {
-  if (typeof document === "undefined") return null;
-  const existing = document.getElementById(OVERLAY_ROOT_ID);
-  if (existing) return existing;
-  const created = document.createElement("div");
-  created.id = OVERLAY_ROOT_ID;
-  document.body.appendChild(created);
-  return created;
-}
-var layers = [];
-var nextId = 0;
-var subscribers = /* @__PURE__ */ new Set();
-var keyListenerBound = false;
-function emit() {
-  layers = layers.slice();
-  subscribers.forEach((fn) => fn());
-}
-function topLayer(list) {
-  let best;
-  let bestNode = null;
-  for (const layer of list) {
-    const node = layer.node();
-    if (!best) {
-      best = layer;
-      bestNode = node;
-      continue;
-    }
-    if (!node) continue;
-    if (!bestNode) {
-      best = layer;
-      bestNode = node;
-      continue;
-    }
-    if (bestNode.compareDocumentPosition(node) & DOCUMENT_POSITION_FOLLOWING) {
-      best = layer;
-      bestNode = node;
-    }
-  }
-  return best;
-}
-function layerHoldsTop(list, id) {
-  const top = topLayer(list);
-  if (!top) return false;
-  if (top.id === id) return true;
-  const mine = list.find((l) => l.id === id)?.node();
-  const topNode = top.node();
-  return !!mine && !!topNode && mine.contains(topNode);
-}
-function escapeTopmost() {
-  topLayer(layers)?.onEscape();
-}
-function handleKeyDown(event) {
-  if (event.key !== "Escape") return;
-  escapeTopmost();
-}
-function push(layer) {
-  layers.push(layer);
-  if (!keyListenerBound && typeof document !== "undefined") {
-    document.addEventListener("keydown", handleKeyDown);
-    keyListenerBound = true;
-  }
-  emit();
-}
-function remove(id) {
-  layers = layers.filter((l) => l.id !== id);
-  emit();
-}
-function subscribe(fn) {
-  subscribers.add(fn);
-  return () => {
-    subscribers.delete(fn);
-  };
-}
-var snapshot = () => layers;
-var serverSnapshot = () => [];
-function useOverlayLayer(active, onEscape, nodeRef) {
-  const idRef = useRef(0);
-  if (idRef.current === 0) idRef.current = ++nextId;
-  const escapeRef = useRef(onEscape);
-  escapeRef.current = onEscape;
-  const nodeRefRef = useRef(nodeRef);
-  nodeRefRef.current = nodeRef;
-  useEffect(() => {
-    if (!active) return;
-    const id2 = idRef.current;
-    push({
-      id: id2,
-      onEscape: () => escapeRef.current?.(),
-      node: () => nodeRefRef.current?.current ?? null
-    });
-    return () => remove(id2);
-  }, [active]);
-  const current = useSyncExternalStore(subscribe, snapshot, serverSnapshot);
-  const id = idRef.current;
-  return {
-    isTop: active && topLayer(current)?.id === id,
-    holdsTop: active && layerHoldsTop(current, id)
-  };
-}
-var OverlayContainerContext = React.createContext(null);
-function OverlayLayer({
-  onClose,
-  children
-}) {
-  const ref = useRef(null);
-  const container = React.useContext(OverlayContainerContext);
-  const { holdsTop } = useOverlayLayer(true, onClose, ref);
-  useEffect(() => {
-    ref.current?.toggleAttribute("inert", !holdsTop);
-  }, [holdsTop]);
-  const layer = /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: "wp-overlay-layer",
-      onClick: (event) => {
-        if (onClose && event.target instanceof HTMLElement && event.target.classList.contains("wp-overlay")) {
-          onClose();
-        }
-      },
-      children
-    }
-  );
-  const root = container ?? getOverlayRoot();
-  return root ? createPortal(layer, root) : layer;
-}
 function HoistedStyle({ id, css }) {
   return /* @__PURE__ */ jsx("style", { href: id, precedence: "medium", children: css });
 }
@@ -357,7 +230,7 @@ function Calendar({
   const moveFocus = (next) => {
     onFocusDateChange(clampDate(next, minDate, maxDate));
   };
-  const handleKeyDown2 = (event) => {
+  const handleKeyDown = (event) => {
     const deltaDays = event.key === "ArrowLeft" ? -1 : event.key === "ArrowRight" ? 1 : event.key === "ArrowUp" ? -7 : event.key === "ArrowDown" ? 7 : 0;
     if (deltaDays !== 0) {
       event.preventDefault();
@@ -375,7 +248,7 @@ function Calendar({
       moveFocus(addMonths(focusDate, event.key === "PageUp" ? -1 : 1));
     }
   };
-  return /* @__PURE__ */ jsx("div", { className: "wp-dp", children: /* @__PURE__ */ jsxs("div", { className: "wp-dp__months", ref: gridRef, onKeyDown: handleKeyDown2, children: [
+  return /* @__PURE__ */ jsx("div", { className: "wp-dp", children: /* @__PURE__ */ jsxs("div", { className: "wp-dp__months", ref: gridRef, onKeyDown: handleKeyDown, children: [
     /* @__PURE__ */ jsxs("div", { className: "wp-dp__nav", children: [
       /* @__PURE__ */ jsx(
         "button",
@@ -553,7 +426,7 @@ function DatePickerImpl({
     }
     commit(next);
   };
-  const handleKeyDown2 = (event) => {
+  const handleKeyDown = (event) => {
     if (event.key === "ArrowDown") {
       event.preventDefault();
       if (open) popRef.current?.querySelector('[tabindex="0"]')?.focus();
@@ -586,7 +459,7 @@ function DatePickerImpl({
         lead: true,
         expanded: open,
         onValueChange: handleTextChange,
-        onKeyDown: handleKeyDown2,
+        onKeyDown: handleKeyDown,
         onPointerDown: () => {
           if (!disabled && !open) openCalendar(false);
         }
@@ -706,7 +579,7 @@ function DateRangePickerImpl({
       commit(fromDate && parsed.getTime() < fromDate.getTime() ? "" : fromValue, masked);
     }
   };
-  const handleKeyDown2 = (which) => (event) => {
+  const handleKeyDown = (which) => (event) => {
     if (event.key === "ArrowDown") {
       event.preventDefault();
       if (open) popRef.current?.querySelector('[tabindex="0"]')?.focus();
@@ -761,7 +634,7 @@ function DateRangePickerImpl({
           expanded: open,
           ariaLabel: "\uC2DC\uC791\uC77C",
           onValueChange: (raw) => handleTextChange("from", raw),
-          onKeyDown: handleKeyDown2("from"),
+          onKeyDown: handleKeyDown("from"),
           onFocus: () => setEnd("from"),
           onPointerDown: () => {
             if (!disabled && !open) openCalendar("from", false);
@@ -783,7 +656,7 @@ function DateRangePickerImpl({
           expanded: open,
           ariaLabel: "\uC885\uB8CC\uC77C",
           onValueChange: (raw) => handleTextChange("to", raw),
-          onKeyDown: handleKeyDown2("to"),
+          onKeyDown: handleKeyDown("to"),
           onFocus: () => setEnd("to"),
           onPointerDown: () => {
             if (!disabled && !open) openCalendar("to", false);
@@ -872,4 +745,4 @@ var DP_CSS = `
 var DatePicker = boxed(DatePickerImpl, "DatePicker");
 var DateRangePicker = boxed(DateRangePickerImpl, "DateRangePicker");
 
-export { AnchoredPopoverStyles, DatePicker, DateRangePicker, HoistedStyle, OverlayContainerContext, OverlayLayer, anchorStyle, focusStaysInside, getOverlayRoot, useDismiss, useOverlayLayer, usePopoverAnchor, usePortalTo };
+export { AnchoredPopoverStyles, DatePicker, DateRangePicker, HoistedStyle, anchorStyle, focusStaysInside, useDismiss, usePopoverAnchor, usePortalTo };

package/dist/{chunk-PFUULIZ2.js → chunk-INWASR2G.js}

@@ -1,4 +1,4 @@
-import { DateRangePicker } from './chunk-XKLUCUVA.js';
+import { DateRangePicker } from './chunk-EFMKWPZ3.js';
 import { SegmentedControl, Select } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';

package/dist/chunk-QU7YVMFA.js

@@ -0,0 +1,39 @@
+import { OverlayLayer } from './chunk-XQPTSEJC.js';
+import { Dialog, warnOnce } from './chunk-WIDDHR7L.js';
+import { createContext, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SduiDispatchContext = createContext(null);
+function useSduiDispatch() {
+  const dispatch = useContext(SduiDispatchContext);
+  if (!dispatch) {
+    throw new Error("useSduiDispatch\uB294 SduiRenderer \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.");
+  }
+  return dispatch;
+}
+var ALLOW_ALL = () => true;
+var DENY_ALL = () => false;
+var MISSING = () => {
+  warnOnce(
+    "permission:missing",
+    '[sdui] \uAD8C\uD55C \uD310\uC815(can)\uC774 \uC8FC\uC785\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4 \u2014 <Can>\uC774 \uC804\uBD80 \uD1B5\uACFC\uD569\uB2C8\uB2E4. SduiRenderer\uC5D0 can \uCF5C\uBC31\uC744 \uB118\uAE30\uAC70\uB098, \uC138\uC158\uC774 \uC5C6\uB294 \uBBF8\uB9AC\uBCF4\uAE30\uB77C\uBA74 can="allow-all"\uC744 \uBA85\uC2DC\uD558\uC138\uC694.'
+  );
+  return true;
+};
+var SduiPermissionContext = createContext(null);
+function SduiPermissionProvider({ can, children }) {
+  const value = useMemo(() => {
+    if (can === "allow-all") return ALLOW_ALL;
+    if (can === "deny-all") return DENY_ALL;
+    return typeof can === "function" ? can : null;
+  }, [can]);
+  return /* @__PURE__ */ jsx(SduiPermissionContext.Provider, { value, children });
+}
+function useSduiCan() {
+  return useContext(SduiPermissionContext) ?? MISSING;
+}
+function SduiDialog(props) {
+  return /* @__PURE__ */ jsx(OverlayLayer, { onClose: props.onClose, children: /* @__PURE__ */ jsx(Dialog, { ...props }) });
+}
+
+export { SduiDialog, SduiDispatchContext, SduiPermissionProvider, useSduiCan, useSduiDispatch };

package/dist/{chunk-EQW24SJC.js → chunk-U3HYQCFA.js}

@@ -1,5 +1,5 @@
-import { resolveTreeNodes, TreeView } from './chunk-IDUN2ESE.js';
-import { OverlayLayer } from './chunk-XKLUCUVA.js';
+import { resolveTreeNodes, TreeView } from './chunk-X5R2HHEN.js';
+import { OverlayLayer } from './chunk-XQPTSEJC.js';
 import { Field, Dialog, Icon, Button, Input } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo, useEffect } from 'react';

package/dist/{chunk-36MXPCJP.js → chunk-WXOU7QTN.js}

@@ -1,4 +1,4 @@
-import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-XKLUCUVA.js';
+import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-EFMKWPZ3.js';
 import { Icon, Spinner, EmptyState } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';

package/dist/{chunk-IDUN2ESE.js → chunk-X5R2HHEN.js}

@@ -1,4 +1,4 @@
-import { buildCascadingTree } from './chunk-U7ZK7WYH.js';
+import { buildCascadingTree } from './chunk-BD75U73S.js';
 import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useRef, useEffect } from 'react';

package/dist/chunk-XQPTSEJC.js

@@ -0,0 +1,135 @@
+import React, { useRef, useEffect, useSyncExternalStore } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx } from 'react/jsx-runtime';
+
+// src/overlay.tsx
+var OVERLAY_ROOT_ID = "wp-overlay-root";
+var DOCUMENT_POSITION_FOLLOWING = 4;
+function getOverlayRoot() {
+  if (typeof document === "undefined") return null;
+  const existing = document.getElementById(OVERLAY_ROOT_ID);
+  if (existing) return existing;
+  const created = document.createElement("div");
+  created.id = OVERLAY_ROOT_ID;
+  document.body.appendChild(created);
+  return created;
+}
+var layers = [];
+var nextId = 0;
+var subscribers = /* @__PURE__ */ new Set();
+var keyListenerBound = false;
+function emit() {
+  layers = layers.slice();
+  subscribers.forEach((fn) => fn());
+}
+function topLayer(list) {
+  let best;
+  let bestNode = null;
+  for (const layer of list) {
+    const node = layer.node();
+    if (!best) {
+      best = layer;
+      bestNode = node;
+      continue;
+    }
+    if (!node) continue;
+    if (!bestNode) {
+      best = layer;
+      bestNode = node;
+      continue;
+    }
+    if (bestNode.compareDocumentPosition(node) & DOCUMENT_POSITION_FOLLOWING) {
+      best = layer;
+      bestNode = node;
+    }
+  }
+  return best;
+}
+function layerHoldsTop(list, id) {
+  const top = topLayer(list);
+  if (!top) return false;
+  if (top.id === id) return true;
+  const mine = list.find((l) => l.id === id)?.node();
+  const topNode = top.node();
+  return !!mine && !!topNode && mine.contains(topNode);
+}
+function escapeTopmost() {
+  topLayer(layers)?.onEscape();
+}
+function handleKeyDown(event) {
+  if (event.key !== "Escape") return;
+  escapeTopmost();
+}
+function push(layer) {
+  layers.push(layer);
+  if (!keyListenerBound && typeof document !== "undefined") {
+    document.addEventListener("keydown", handleKeyDown);
+    keyListenerBound = true;
+  }
+  emit();
+}
+function remove(id) {
+  layers = layers.filter((l) => l.id !== id);
+  emit();
+}
+function subscribe(fn) {
+  subscribers.add(fn);
+  return () => {
+    subscribers.delete(fn);
+  };
+}
+var snapshot = () => layers;
+var serverSnapshot = () => [];
+function useOverlayLayer(active, onEscape, nodeRef) {
+  const idRef = useRef(0);
+  if (idRef.current === 0) idRef.current = ++nextId;
+  const escapeRef = useRef(onEscape);
+  escapeRef.current = onEscape;
+  const nodeRefRef = useRef(nodeRef);
+  nodeRefRef.current = nodeRef;
+  useEffect(() => {
+    if (!active) return;
+    const id2 = idRef.current;
+    push({
+      id: id2,
+      onEscape: () => escapeRef.current?.(),
+      node: () => nodeRefRef.current?.current ?? null
+    });
+    return () => remove(id2);
+  }, [active]);
+  const current = useSyncExternalStore(subscribe, snapshot, serverSnapshot);
+  const id = idRef.current;
+  return {
+    isTop: active && topLayer(current)?.id === id,
+    holdsTop: active && layerHoldsTop(current, id)
+  };
+}
+var OverlayContainerContext = React.createContext(null);
+function OverlayLayer({
+  onClose,
+  children
+}) {
+  const ref = useRef(null);
+  const container = React.useContext(OverlayContainerContext);
+  const { holdsTop } = useOverlayLayer(true, onClose, ref);
+  useEffect(() => {
+    ref.current?.toggleAttribute("inert", !holdsTop);
+  }, [holdsTop]);
+  const layer = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: "wp-overlay-layer",
+      onClick: (event) => {
+        if (onClose && event.target instanceof HTMLElement && event.target.classList.contains("wp-overlay")) {
+          onClose();
+        }
+      },
+      children
+    }
+  );
+  const root = container ?? getOverlayRoot();
+  return root ? createPortal(layer, root) : layer;
+}
+
+export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer };

package/dist/index.js

@@ -1,18 +1,21 @@
-import { TimePicker } from './chunk-36MXPCJP.js';
-export { TimePicker, loadOptionalModule } from './chunk-36MXPCJP.js';
+import { TimePicker } from './chunk-WXOU7QTN.js';
+export { TimePicker, loadOptionalModule } from './chunk-WXOU7QTN.js';
+import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-QU7YVMFA.js';
+export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-QU7YVMFA.js';
 import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
-import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-U7ZK7WYH.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-U7ZK7WYH.js';
+import { 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 { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-DVOPZFQS.js';
 export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DVOPZFQS.js';
-import { HoistedStyle, DateRangePicker, DatePicker, OverlayLayer } from './chunk-XKLUCUVA.js';
-export { DatePicker, DateRangePicker, OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XKLUCUVA.js';
-import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce, Dialog } from './chunk-WIDDHR7L.js';
+import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-EFMKWPZ3.js';
+export { DatePicker, DateRangePicker } from './chunk-EFMKWPZ3.js';
+export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XQPTSEJC.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';
 export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-SAN4IX6N.js';
-import React11, { createContext, useState, useMemo, useContext, useRef, useEffect, useCallback } from 'react';
+import React10, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/asset-url.ts
@@ -109,15 +112,7 @@ function resolveAssetsIn(propName, value, resolve, component) {
     return out ?? record;
   }
 }
-var SduiDispatchContext = createContext(null);
-function useSduiDispatch() {
-  const dispatch = useContext(SduiDispatchContext);
-  if (!dispatch) {
-    throw new Error("useSduiDispatch\uB294 SduiRenderer \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.");
-  }
-  return dispatch;
-}
-var NodeErrorBoundary = class extends React11.Component {
+var NodeErrorBoundary = class extends React10.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -157,27 +152,6 @@ var NodeErrorBoundary = class extends React11.Component {
     return this.props.children;
   }
 };
-var ALLOW_ALL = () => true;
-var DENY_ALL = () => false;
-var MISSING = () => {
-  warnOnce(
-    "permission:missing",
-    '[sdui] \uAD8C\uD55C \uD310\uC815(can)\uC774 \uC8FC\uC785\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4 \u2014 <Can>\uC774 \uC804\uBD80 \uD1B5\uACFC\uD569\uB2C8\uB2E4. SduiRenderer\uC5D0 can \uCF5C\uBC31\uC744 \uB118\uAE30\uAC70\uB098, \uC138\uC158\uC774 \uC5C6\uB294 \uBBF8\uB9AC\uBCF4\uAE30\uB77C\uBA74 can="allow-all"\uC744 \uBA85\uC2DC\uD558\uC138\uC694.'
-  );
-  return true;
-};
-var SduiPermissionContext = createContext(null);
-function SduiPermissionProvider({ can, children }) {
-  const value = useMemo(() => {
-    if (can === "allow-all") return ALLOW_ALL;
-    if (can === "deny-all") return DENY_ALL;
-    return typeof can === "function" ? can : null;
-  }, [can]);
-  return /* @__PURE__ */ jsx(SduiPermissionContext.Provider, { value, children });
-}
-function useSduiCan() {
-  return useContext(SduiPermissionContext) ?? MISSING;
-}
 function Can({ entity, action = "read", scope, fallback = null, children }) {
   const can = useSduiCan();
   if (typeof entity !== "string" || entity === "") {
@@ -304,7 +278,7 @@ 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(React11.Fragment, { children: [
+    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);
@@ -1365,9 +1339,6 @@ function RemoteSearchResultsImpl({
 }
 var SduiSearchResults = boxed(SduiSearchResultsImpl, "SduiSearchResults");
 var RemoteSearchResults = boxed(RemoteSearchResultsImpl, "RemoteSearchResults");
-function SduiDialog(props) {
-  return /* @__PURE__ */ jsx(OverlayLayer, { onClose: props.onClose, children: /* @__PURE__ */ jsx(Dialog, { ...props }) });
-}
 var SduiRuntimeContext = createContext(null);
 function useSduiRuntime() {
   const runtime = useContext(SduiRuntimeContext);
@@ -2668,7 +2639,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(React11.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
+      return /* @__PURE__ */ jsx(React10.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
     }) });
   }
   if (node.component === "Fragment") {
@@ -2744,11 +2715,11 @@ function SduiNodeRenderer({
   const children = childList?.map((child, i) => renderChild(child, i, scope, engine));
   return /* @__PURE__ */ jsx(Component, { ...props, children });
 }
-var SduiFragmentChainContext = React11.createContext([]);
+var SduiFragmentChainContext = React10.createContext([]);
 var FRAGMENT_MAX_DEPTH = 4;
 function SduiFragment({ node, scope, engine }) {
   const adapter = useSduiAdapter();
-  const chain = React11.useContext(SduiFragmentChainContext);
+  const chain = React10.useContext(SduiFragmentChainContext);
   const raw = isPlainObject4(node.props) ? node.props.id : void 0;
   const id = engine.resolveValue(raw, scope);
   if (typeof id !== "string" || id === "") {
@@ -2803,9 +2774,9 @@ function SduiFragmentBody({
   engine
 }) {
   const spec = useSpec(id);
-  const nextChain = React11.useMemo(() => [...chain, id], [chain, id]);
-  const bodyScope = React11.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
-  React11.useEffect(() => {
+  const nextChain = React10.useMemo(() => [...chain, id], [chain, id]);
+  const bodyScope = React10.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
+  React10.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}`)
@@ -3296,4 +3267,4 @@ function SduiRenderer({
   );
 }
 
-export { Actions, CALC_OPS, Can, Col, Divider, Grid, KeyValueList, NodeErrorBoundary, PageHead, RemoteSearchResults, ResultTable, Row, SduiDialog, SduiForm, SduiPermissionProvider, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, Section, Show, SortHandle, SortableList, Spacer, Text, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiCan, useSduiDispatch, useSduiRuntime, useSearchFetcher, validateSpec };
+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 };

package/dist/meta.d.ts

@@ -424,6 +424,7 @@ declare const richComponentMeta: {
  */
 
 declare const ApprovalStepperMeta: SduiComponentMeta;
+declare const RankBoardMeta: SduiComponentMeta;
 declare const AutocompleteFieldMeta: SduiComponentMeta;
 declare const InlineEditMeta: SduiComponentMeta;
 declare const JsonFieldMeta: SduiComponentMeta;
@@ -458,6 +459,7 @@ declare const StripMeta: SduiComponentMeta;
  */
 declare const widgetComponentMeta: {
     ApprovalStepper: SduiComponentMeta;
+    RankBoard: SduiComponentMeta;
     AutocompleteField: SduiComponentMeta;
     ColumnBoard: SduiComponentMeta;
     DiffView: SduiComponentMeta;
@@ -590,4 +592,4 @@ declare function paletteGroups(catalog?: Record<string, SduiComponentMeta>): Arr
     items: SduiComponentMeta[];
 }>;
 
-export { ActionsMeta, AlertMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RecordSheetMeta, RemoteSearchResultsMeta, 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, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, 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 };

package/dist/meta.js

@@ -3393,6 +3393,29 @@ var ApprovalStepperMeta = {
   },
   resize: { kind: "none" }
 };
+var RankBoardMeta = {
+  name: "RankBoard",
+  label: "\uC9C1\uC704 \uC11C\uC5F4 \uBCF4\uB4DC",
+  category: "input",
+  icon: "list",
+  description: "\uC9C1\uC704 \uB9C8\uC2A4\uD130\uB97C \uAE09(rank_order) \uD589 \xD7 \uC9C1\uC704 \uCE69\uC758 2\uCC28\uC6D0 \uB4DC\uB798\uADF8 \uBCF4\uB4DC\uB85C \uD3B8\uC9D1\uD55C\uB2E4. \uBAA9\uB85D\xB7\uB4F1\uB85D\xB7\uC218\uC815\xB7\uC0AD\uC81C\xB7\uC21C\uC11C \uC800\uC7A5(PUT {endpoint}/order {ranks})\uC744 \uC704\uC82F\uC774 \uC18C\uC720\uD558\uACE0, \uBCC0\uACBD \uD6C4 invalidate \uC561\uC158\uC73C\uB85C \uB2E4\uB978 \uD654\uBA74\uC758 \uC9C1\uC704 \uC870\uD68C\uB97C \uB3D9\uAE30\uD654\uD55C\uB2E4.",
+  props: [
+    { name: "endpoint", kind: "string", label: "API \uACBD\uB85C", default: "/job-positions", description: "\uC9C1\uC704 \uB9C8\uC2A4\uD130 \uB9AC\uC18C\uC2A4 \uACBD\uB85C \u2014 GET/POST/PATCH/DELETE\uC640 PUT {endpoint}/order \uC804\uBD80 \uC774 \uACBD\uB85C\uB97C \uC4F4\uB2E4.", group: "data", advanced: true },
+    { name: "entity", kind: "string", label: "\uAD8C\uD55C \uC5D4\uD2F0\uD2F0", default: "job_position", description: "\uD504\uB86D \uC0DD\uB7B5 \uC2DC \uB80C\uB354\uB7EC \uAD8C\uD55C \uD310\uC815\uC5D0 \uC4F8 \uC5D4\uD2F0\uD2F0.", group: "behavior", advanced: true },
+    { name: "canCreate", kind: "boolean", label: "\uB4F1\uB85D \uD5C8\uC6A9", bindable: true, description: "\uC0DD\uB7B5\uD558\uBA74 \uB80C\uB354\uB7EC \uAD8C\uD55C \uD310\uC815(entity.create)\uC73C\uB85C \uC2A4\uC2A4\uB85C \uD310\uB2E8\uD55C\uB2E4.", group: "behavior", advanced: true },
+    { name: "canUpdate", kind: "boolean", label: "\uC218\uC815 \uD5C8\uC6A9", bindable: true, description: "\uC0DD\uB7B5\uD558\uBA74 entity.update \uD310\uC815.", group: "behavior", advanced: true },
+    { name: "canDelete", kind: "boolean", label: "\uC0AD\uC81C \uD5C8\uC6A9", bindable: true, description: "\uC0DD\uB7B5\uD558\uBA74 entity.delete \uD310\uC815.", group: "behavior", advanced: true }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "RankBoard",
+    // 빈 props 는 저장 왕복에서 사라지므로(편집기 계약) 프리셋은 실제로 채운다.
+    // 경로·엔티티는 도메인이 아니라 설정이라 예시 값을 둔다 — 드롭한 사람이 곧 바꾼다.
+    props: { endpoint: "/job-positions", entity: "job_position" }
+  },
+  resize: { kind: "none" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -4811,6 +4834,7 @@ var StripMeta = {
 };
 var widgetComponentMeta = {
   ApprovalStepper: ApprovalStepperMeta,
+  RankBoard: RankBoardMeta,
   AutocompleteField: AutocompleteFieldMeta,
   ColumnBoard: ColumnBoardMeta,
   DiffView: DiffViewMeta,
@@ -4868,4 +4892,4 @@ function paletteGroups(catalog = allComponentMeta) {
   })).filter((group) => group.items.length > 0);
 }
 
-export { ActionsMeta, AlertMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RecordSheetMeta, RemoteSearchResultsMeta, 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, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, 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 };

package/dist/rich.js

@@ -1,8 +1,9 @@
-import { useOptionalModule, DependencyPlaceholder } from './chunk-36MXPCJP.js';
-export { TimePicker } from './chunk-36MXPCJP.js';
+import { useOptionalModule, DependencyPlaceholder } from './chunk-WXOU7QTN.js';
+export { TimePicker } from './chunk-WXOU7QTN.js';
 import { useSduiAssetResolver } from './chunk-DVOPZFQS.js';
-import { HoistedStyle } from './chunk-XKLUCUVA.js';
-export { DatePicker, DateRangePicker } from './chunk-XKLUCUVA.js';
+import { HoistedStyle } from './chunk-EFMKWPZ3.js';
+export { DatePicker, DateRangePicker } from './chunk-EFMKWPZ3.js';
+import './chunk-XQPTSEJC.js';
 import { Spinner, EmptyState } from './chunk-WIDDHR7L.js';
 import './chunk-SAN4IX6N.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';

package/dist/widgets/AutocompleteField.js

@@ -1,6 +1,7 @@
-export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-OG62LSFH.js';
-import '../chunk-U7ZK7WYH.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-6S5CFNFM.js';
+import '../chunk-BD75U73S.js';
 import '../chunk-DVOPZFQS.js';
-import '../chunk-XKLUCUVA.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/PeriodFilter.js

@@ -1,4 +1,5 @@
-export { PeriodFilter } from '../chunk-PFUULIZ2.js';
-import '../chunk-XKLUCUVA.js';
+export { PeriodFilter } from '../chunk-INWASR2G.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';