@wipco/sdui 0.24.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.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, ComponentType } from 'react';
-import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-DDQh8bKF.js';
-export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-DDQh8bKF.js';
+import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-Bum2uMjl.js';
+export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-Bum2uMjl.js';
 import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-B1QrIBm6.js';
 export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-B1QrIBm6.js';
 import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-D2EtpvkQ.js';

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);
@@ -2114,10 +2085,16 @@ function deferChainEntry(container, key) {
   return typeof container.action === "string" && (key === "onSuccess" || key === "onError");
 }
 async function runRequestAction(action, deps) {
+  const pendingKey = typeof action.pendingKey === "string" && action.pendingKey !== "" ? action.pendingKey : null;
+  let pendingOn = false;
   try {
     if (typeof action.endpoint !== "string" || action.endpoint === "") {
       throw new Error("request \uC561\uC158\uC758 endpoint\uAC00 \uBE44\uC5B4 \uC788\uC2B5\uB2C8\uB2E4 \u2014 $state \uCC38\uC870\uC5D0 \uC544\uC9C1 \uAC12\uC774 \uC5C6\uB294\uC9C0 \uD655\uC778\uD558\uC138\uC694");
     }
+    if (pendingKey) {
+      pendingOn = true;
+      deps.dispatch({ action: "setState", key: pendingKey, value: true });
+    }
     const response = await deps.fetch(action.endpoint, {
       method: action.method ?? "POST",
       ...action.body === void 0 ? {} : { body: action.body }
@@ -2144,6 +2121,8 @@ async function runRequestAction(action, deps) {
     } else {
       deps.toast({ tone: "danger", title: "\uC694\uCCAD \uC2E4\uD328", message });
     }
+  } finally {
+    if (pendingKey && pendingOn) deps.dispatch({ action: "setState", key: pendingKey, value: false });
   }
 }
 
@@ -2660,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") {
@@ -2736,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 === "") {
@@ -2795,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}`)
@@ -3288,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

@@ -1,4 +1,4 @@
-import { b as SduiPropValue, i as SduiNode } from './types-DDQh8bKF.js';
+import { b as SduiPropValue, i as SduiNode } from './types-Bum2uMjl.js';
 
 /**
  * 시각 빌더용 컴포넌트 메타데이터 스키마.
@@ -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 };