@wipco/sdui 1.7.0 → 1.8.0

package/dist/{chunk-FGKBXUUA.js → chunk-37CLBWCE.js}

@@ -1,4 +1,4 @@
-import { Icon, Badge, Tooltip } from './chunk-OWM7E55U.js';
+import { Icon, Badge, Tooltip } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-7EDFYBUA.js → chunk-4PYOXXZJ.js}

@@ -1,7 +1,7 @@
-import { ellipsisStyle, unwrapRows } from './chunk-63GM4S25.js';
-import { includesLooseSearch } from './chunk-LN4KPZIX.js';
-import { useSduiAdapter, hostFetchOf } from './chunk-ZBX2CAOO.js';
-import { Icon, Button, Input, Spinner } from './chunk-OWM7E55U.js';
+import { ellipsisStyle, unwrapRows } from './chunk-YOLT2TPX.js';
+import { includesLooseSearch } from './chunk-ZOEQL2YL.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-XFNHHGFR.js';
+import { Icon, Button, Input, Spinner } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useId, useRef, useMemo, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-A22QR6PM.js → chunk-6AFQPHLW.js}

@@ -1,5 +1,5 @@
-import { DateRangePicker } from './chunk-4VQIKSDS.js';
-import { SegmentedControl, Select } from './chunk-OWM7E55U.js';
+import { DateRangePicker } from './chunk-LKSGAILO.js';
+import { SegmentedControl, Select } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-B5MB64YQ.js → chunk-6TWP3E2L.js}

@@ -1,9 +1,9 @@
 import { parseJobPositionRow } from './chunk-XRHR452N.js';
 import { MIN_ZOOM, usePanZoomCanvas } from './chunk-XDR6HC4U.js';
-import { ImageLightbox } from './chunk-L6ODTHTX.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
+import { ImageLightbox } from './chunk-JDTVNS3H.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
 import { useIsTabletDown } from './chunk-TAVKGYH5.js';
-import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-OWM7E55U.js';
+import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-NJTIJAFU.js → chunk-AMKIMOTU.js}

@@ -1,5 +1,5 @@
-import { Text } from './chunk-5FZBH3T5.js';
-import { Field, Input, Select, IconButton, Button } from './chunk-OWM7E55U.js';
+import { Text } from './chunk-YK7ZNV2C.js';
+import { Field, Input, Select, IconButton, Button } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-UBVYPV7H.js → chunk-B6U2YWUP.js}

@@ -1,6 +1,6 @@
 import { fetchAllJobPositions } from './chunk-XRHR452N.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
-import { Select, Button } from './chunk-OWM7E55U.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
+import { Select, Button } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-Q56LZJFX.js → chunk-CUAGMSSG.js}

@@ -1,4 +1,4 @@
-import { Badge, Checkbox, IconButton, Icon } from './chunk-OWM7E55U.js';
+import { Badge, Checkbox, IconButton, Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-X7RSKFWF.js → chunk-DDX7KJAW.js}

@@ -1,4 +1,4 @@
-import { Icon, Badge } from './chunk-OWM7E55U.js';
+import { Icon, Badge } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-7YTZB5LQ.js → chunk-DNUO63VZ.js}

@@ -1,7 +1,7 @@
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
 import { MOBILE_MEDIA_QUERY } from './chunk-TAVKGYH5.js';
-import { Icon, Badge, Checkbox, Select, Button } from './chunk-OWM7E55U.js';
+import { Icon, Badge, Checkbox, Select, Button } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-JMNUFA5M.js → chunk-FXEKHHEA.js}

@@ -1,4 +1,4 @@
-import { IconButton, Input } from './chunk-OWM7E55U.js';
+import { IconButton, Input } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-Z4LFZWHH.js → chunk-HAK2YXSF.js}

@@ -1,5 +1,5 @@
 import { usePanZoomCanvas, MIN_ZOOM, MAX_ZOOM } from './chunk-XDR6HC4U.js';
-import { IconButton, Badge } from './chunk-OWM7E55U.js';
+import { IconButton, Badge } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-GWT5UF5B.js → chunk-HSS7MTJK.js}

@@ -1,5 +1,5 @@
-import { DatePicker, TimePicker } from './chunk-4VQIKSDS.js';
-import { Field } from './chunk-OWM7E55U.js';
+import { DatePicker, TimePicker } from './chunk-LKSGAILO.js';
+import { Field } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-466W3XNK.js → chunk-ITFSPOOB.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-OWM7E55U.js';
+import { Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-Z4JZUIKE.js → chunk-IWLLM45X.js}

@@ -1,6 +1,6 @@
-import { ImageLightbox } from './chunk-L6ODTHTX.js';
-import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-ZBX2CAOO.js';
-import { Spinner, Icon, IconButton } from './chunk-OWM7E55U.js';
+import { ImageLightbox } from './chunk-JDTVNS3H.js';
+import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-XFNHHGFR.js';
+import { Spinner, Icon, IconButton } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-L6ODTHTX.js → chunk-JDTVNS3H.js}

@@ -1,4 +1,4 @@
-import { ImageViewer } from './chunk-JCG4575S.js';
+import { ImageViewer } from './chunk-PN5IJPA5.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-WTQH2NI2.js → chunk-JRCHWX2B.js}

@@ -1,4 +1,4 @@
-import { Spinner, EmptyState } from './chunk-OWM7E55U.js';
+import { Spinner, EmptyState } from './chunk-KIHN7DGA.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-RA74PUMP.js → chunk-K7K6WOIG.js}

@@ -1,7 +1,7 @@
 import { fetchAllJobPositions } from './chunk-XRHR452N.js';
-import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-FUNCQCKN.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
-import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-OWM7E55U.js';
+import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-O3SD2HS6.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
+import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-OWM7E55U.js → chunk-KIHN7DGA.js}

@@ -149,6 +149,11 @@ var CALC_OPS = /* @__PURE__ */ new Set([
   "div",
   "percent",
   "count",
+  // 자리 맞춤 (신규) — 억원 소수 둘째 자리, 부가세 자동 분할(세액 = round(공급가액/10),
+  // 공급가액 = floor(합계×10/11)). 예전에는 반올림하는 연산이 percent(소수 한 자리) 하나뿐이었다
+  "round",
+  "floor",
+  "ceil",
   // 문자 (기존)
   "concat",
   "encode",
@@ -294,6 +299,33 @@ function formatNumberValue(value, digits) {
     maximumFractionDigits: fixed
   }).format(numeric);
 }
+function roundingDigits(v) {
+  const wanted = toNumber(v);
+  if (!Number.isFinite(wanted)) return 0;
+  return Math.max(0, Math.min(6, Math.trunc(wanted)));
+}
+function shiftDecimal(value, places) {
+  const [mantissa, exponent = "0"] = String(value).split("e");
+  return Number(`${mantissa}e${Number(exponent) + places}`);
+}
+function roundToDigits(value, digits, mode = "round") {
+  if (!Number.isFinite(value)) return value;
+  if (Number.isInteger(value)) return value === 0 ? 0 : value;
+  const clean = Math.abs(value) < 1e15 ? Number(value.toPrecision(15)) : value;
+  const negative = clean < 0;
+  const shifted = shiftDecimal(Math.abs(clean), digits);
+  const whole = Math.floor(shifted);
+  const fraction = shifted - whole;
+  let magnitude;
+  if (mode === "round") {
+    magnitude = fraction >= 0.5 ? whole + 1 : whole;
+  } else {
+    const awayFromZero = mode === "floor" ? negative : !negative;
+    magnitude = awayFromZero && fraction > 0 ? whole + 1 : whole;
+  }
+  const result = shiftDecimal(magnitude, -digits);
+  return negative && result !== 0 ? -result : result;
+}
 var DISPLAY_FORMATS = /* @__PURE__ */ new Set(["date", "datetime", "time", "number", "currency"]);
 function formatDisplayValue(value, format) {
   if (typeof value !== "string" && typeof value !== "number") return value;
@@ -377,6 +409,11 @@ function evaluateCalc(calc, resolved, resolve) {
       const [a, b] = resolved.map((v) => toNumber(v));
       return b === 0 ? 0 : Math.round(a / b * 1e3) / 10;
     }
+    /* ── 자리 맞춤 ── */
+    case "round":
+    case "floor":
+    case "ceil":
+      return roundToDigits(toNumber(first), roundingDigits(resolved[1]), op);
     /* ── 문자 ── */
     case "concat":
       return resolved.map((v) => v == null ? "" : String(v)).join("");

package/dist/{chunk-MUXGTVEA.js → chunk-KJDHF6VU.js}

@@ -1,7 +1,7 @@
 import { OverlayContainerContext, getOverlayRoot, useOverlayLayer } from './chunk-R2ORCOTG.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { IconButton } from './chunk-OWM7E55U.js';
-import React2, { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import { IconButton } from './chunk-KIHN7DGA.js';
+import React2, { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -414,8 +414,49 @@ function useDismiss(open, hostRef, popRef, onDismiss) {
   }, [open, hostRef, popRef, onDismiss]);
   useOverlayLayer(open, () => onDismiss("escape"), hostRef);
 }
-function focusStaysInside(next, hostRef, popRef) {
-  return next instanceof Node && Boolean(hostRef.current?.contains(next) || popRef.current?.contains(next));
+var POINTER_SEQUENCE_MS = 1e3;
+function usePanelPointer(popRef) {
+  const downRef = useRef(false);
+  const timerRef = useRef(void 0);
+  const clearRef = useRef(() => void 0);
+  const clear = useCallback(() => {
+    downRef.current = false;
+    if (typeof document !== "undefined") {
+      document.removeEventListener("click", clearRef.current, true);
+      document.removeEventListener("pointercancel", clearRef.current, true);
+    }
+    if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+    timerRef.current = void 0;
+  }, []);
+  clearRef.current = clear;
+  const onPointerDownCapture = useCallback(() => {
+    downRef.current = true;
+    document.addEventListener("click", clearRef.current, true);
+    document.addEventListener("pointercancel", clearRef.current, true);
+    if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(clearRef.current, POINTER_SEQUENCE_MS);
+  }, []);
+  const onClick = useCallback(
+    (event) => {
+      const target = event.target instanceof Element ? event.target.closest("button") : null;
+      if (!(target instanceof HTMLElement) || !target.isConnected || !popRef.current?.contains(target)) return;
+      const active = document.activeElement;
+      if (active && active !== document.body && !active.contains(target)) return;
+      if (active === target) return;
+      target.focus({ preventScroll: true });
+    },
+    [popRef]
+  );
+  useEffect(() => clear, [clear]);
+  return { interacting: () => downRef.current, panelProps: { onPointerDownCapture, onClick } };
+}
+function focusStaysInside(next, hostRef, popRef, pointer) {
+  const pointerInside = pointer !== void 0 && pointer.interacting();
+  if (next instanceof Node) {
+    if (hostRef.current?.contains(next) || popRef.current?.contains(next)) return true;
+    return pointerInside && popRef.current != null && next.contains(popRef.current);
+  }
+  return next === null && pointerInside;
 }
 
-export { AnchoredPopoverStyles, CalendarNav, CalendarZoom, KO_CALENDAR_NAV_LOCALE, anchorStyle, clampIndex, focusStaysInside, resolveCalendarNavLocale, useDismiss, usePopoverAnchor, usePortalTo };
+export { AnchoredPopoverStyles, CalendarNav, CalendarZoom, KO_CALENDAR_NAV_LOCALE, anchorStyle, clampIndex, focusStaysInside, resolveCalendarNavLocale, useDismiss, usePanelPointer, usePopoverAnchor, usePortalTo };

package/dist/{chunk-27ILQUWE.js → chunk-KVQXQLAP.js}

@@ -1,8 +1,8 @@
-import { useDismiss, usePopoverAnchor, usePortalTo, CalendarNav, KO_CALENDAR_NAV_LOCALE, CalendarZoom, anchorStyle, AnchoredPopoverStyles } from './chunk-MUXGTVEA.js';
+import { useDismiss, usePopoverAnchor, usePanelPointer, usePortalTo, CalendarNav, KO_CALENDAR_NAV_LOCALE, CalendarZoom, anchorStyle, AnchoredPopoverStyles } from './chunk-KJDHF6VU.js';
 import { tabbablesIn } from './chunk-R2ORCOTG.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
 import { useIsMobile } from './chunk-TAVKGYH5.js';
-import { SegmentedControl, Button, Tag, EmptyState, Icon, Badge } from './chunk-OWM7E55U.js';
+import { SegmentedControl, Button, Tag, EmptyState, Icon, Badge } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -322,6 +322,9 @@ var EventCalendarImpl = ({
   const dismissZoom = useCallback((reason) => closeZoom(reason === "escape"), [closeZoom]);
   useDismiss(zoomOpen, titleRef, zoomPopRef, dismissZoom);
   const zoomAnchor = usePopoverAnchor(zoomOpen, titleRef, zoomPopRef, ZOOM_HEIGHT);
+  const zoomPointer = usePanelPointer(zoomPopRef);
+  const navRef = useRef(null);
+  const navPointer = usePanelPointer(navRef);
   const portal = usePortalTo();
   const anchorDate = new Date(anchor);
   const anchorMonthIdx = anchorDate.getFullYear() * 12 + anchorDate.getMonth();
@@ -484,7 +487,7 @@ var EventCalendarImpl = ({
         ),
         /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: () => setDate(today), children: "\uC624\uB298" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "wp-evcal__nav", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "wp-evcal__nav", ref: navRef, onClick: navPointer.panelProps.onClick, children: /* @__PURE__ */ jsx(
         CalendarNav,
         {
           size: "md",
@@ -791,9 +794,13 @@ var EventCalendarImpl = ({
           style: anchorStyle(zoomAnchor),
           role: "dialog",
           "aria-label": KO_CALENDAR_NAV_LOCALE.monthGridLabel,
+          ...zoomPointer.panelProps,
           onBlur: (event) => {
             const next = event.relatedTarget;
-            if (next instanceof Node && !zoomPopRef.current?.contains(next) && next !== titleRef.current) closeZoom(false);
+            if (!(next instanceof Node) || zoomPopRef.current?.contains(next) || next === titleRef.current) return;
+            if (zoomPointer.interacting() && zoomPopRef.current && next.contains(zoomPopRef.current)) return;
+            if (titleRef.current && next.contains(titleRef.current)) return;
+            closeZoom(false);
           },
           onKeyDown: (event) => {
             if (event.key !== "Tab" || !zoomPopRef.current) return;

package/dist/{chunk-WPAZBAUW.js → chunk-LGKLA22B.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-OWM7E55U.js';
+import { Button } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useEffect, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-4VQIKSDS.js → chunk-LKSGAILO.js}

@@ -1,7 +1,7 @@
-import { KO_CALENDAR_NAV_LOCALE, useDismiss, usePopoverAnchor, usePortalTo, AnchoredPopoverStyles, anchorStyle, focusStaysInside, resolveCalendarNavLocale, CalendarZoom, CalendarNav, clampIndex } from './chunk-MUXGTVEA.js';
+import { KO_CALENDAR_NAV_LOCALE, useDismiss, usePopoverAnchor, usePortalTo, usePanelPointer, AnchoredPopoverStyles, anchorStyle, focusStaysInside, resolveCalendarNavLocale, CalendarZoom, CalendarNav, clampIndex } from './chunk-KJDHF6VU.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
 import { useIsMobile } from './chunk-TAVKGYH5.js';
-import { Icon } from './chunk-OWM7E55U.js';
+import { Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useMemo, useCallback, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -68,6 +68,7 @@ function TimePickerImpl({
   useDismiss(open, hostRef, popRef, dismiss);
   const anchor = usePopoverAnchor(open, hostRef, popRef, LIST_HEIGHT);
   const portal = usePortalTo();
+  const pointer = usePanelPointer(popRef);
   const isInvalid = Boolean(invalid);
   const commit = (next) => {
     if (!isControlled) setInnerValue(next);
@@ -133,7 +134,7 @@ function TimePickerImpl({
     inputRef.current?.focus();
   };
   const handleBlur = (event) => {
-    if (focusStaysInside(event.relatedTarget, hostRef, popRef)) return;
+    if (focusStaysInside(event.relatedTarget, hostRef, popRef, pointer)) return;
     if (text !== currentValue) setText(currentValue);
     setOpen(false);
   };
@@ -179,6 +180,7 @@ function TimePickerImpl({
           style: anchorStyle(anchor),
           role: "listbox",
           "aria-label": listLabel,
+          ...pointer.panelProps,
           children: options.map((option, index) => /* @__PURE__ */ jsx(
             "button",
             {
@@ -650,6 +652,7 @@ function DatePickerImpl({
   useDismiss(open, hostRef, popRef, dismiss);
   const anchor = usePopoverAnchor(open, hostRef, popRef, CALENDAR_HEIGHT);
   const portal = usePortalTo();
+  const pointer = usePanelPointer(popRef);
   const isInvalid = Boolean(invalid);
   const commit = (wall) => {
     const emitZone = withTime && wall !== "" && (zoned ?? sawZone.current);
@@ -689,7 +692,7 @@ function DatePickerImpl({
     }
   };
   const handleBlur = (event) => {
-    if (focusStaysInside(event.relatedTarget, hostRef, popRef)) return;
+    if (focusStaysInside(event.relatedTarget, hostRef, popRef, pointer)) return;
     if (text !== fieldText) setText(fieldText);
     setOpen(false);
   };
@@ -725,6 +728,7 @@ function DatePickerImpl({
           style: anchorStyle(anchor),
           role: "dialog",
           "aria-label": loc.calendarLabel,
+          ...pointer.panelProps,
           children: /* @__PURE__ */ jsx("div", { className: "wp-dp-pop__body", children: /* @__PURE__ */ jsx(
             Calendar,
             {
@@ -802,6 +806,7 @@ function DateRangePickerImpl({
   useDismiss(open, hostRef, popRef, dismiss);
   const anchor = usePopoverAnchor(open, hostRef, popRef, CALENDAR_HEIGHT);
   const portal = usePortalTo();
+  const pointer = usePanelPointer(popRef);
   const isInvalid = Boolean(invalid);
   const commit = (nextFrom, nextTo) => {
     const next = { from: nextFrom || void 0, to: nextTo || void 0 };
@@ -852,7 +857,7 @@ function DateRangePickerImpl({
     }
   };
   const handleBlur = (event) => {
-    if (focusStaysInside(event.relatedTarget, hostRef, popRef)) return;
+    if (focusStaysInside(event.relatedTarget, hostRef, popRef, pointer)) return;
     if (fromText !== fromValue) setFromText(fromValue);
     if (toText !== toValue) setToText(toValue);
     setOpen(false);
@@ -934,6 +939,7 @@ function DateRangePickerImpl({
           style: anchorStyle(anchor),
           role: "dialog",
           "aria-label": loc.calendarLabel,
+          ...pointer.panelProps,
           children: /* @__PURE__ */ jsx("div", { className: "wp-dp-pop__body", children: /* @__PURE__ */ jsx(
             Calendar,
             {

package/dist/{chunk-P62INTQ5.js → chunk-LONXOEZY.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-OWM7E55U.js';
+import { Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useId, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-AP33B24H.js → chunk-MSPBNI2M.js}

@@ -1,5 +1,5 @@
-import { buildCascadingTree } from './chunk-LN4KPZIX.js';
-import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-OWM7E55U.js';
+import { buildCascadingTree } from './chunk-ZOEQL2YL.js';
+import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useMemo, useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-DCSUBFFG.js → chunk-NLN5SLU7.js}

@@ -1,7 +1,7 @@
-import { orderCircleStyle, ellipsisStyle, unwrapRows, uid } from './chunk-63GM4S25.js';
-import { includesLooseSearch } from './chunk-LN4KPZIX.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
-import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button, isPlainObject } from './chunk-OWM7E55U.js';
+import { orderCircleStyle, ellipsisStyle, unwrapRows, uid } from './chunk-YOLT2TPX.js';
+import { includesLooseSearch } from './chunk-ZOEQL2YL.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
+import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button, isPlainObject } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useId, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-FUNCQCKN.js → chunk-O3SD2HS6.js}

@@ -1,5 +1,5 @@
 import { OverlayLayer } from './chunk-R2ORCOTG.js';
-import { Dialog, Button, warnOnce } from './chunk-OWM7E55U.js';
+import { Dialog, Button, warnOnce } from './chunk-KIHN7DGA.js';
 import { createContext, useContext, useMemo, useRef, useCallback, useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-ENZBX4AR.js → chunk-PGAP2RLS.js}

@@ -1,4 +1,4 @@
-import { Textarea, Icon } from './chunk-OWM7E55U.js';
+import { Textarea, Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useId, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-JCG4575S.js → chunk-PN5IJPA5.js}

@@ -1,5 +1,5 @@
 import { useOverlayLayer, OverlayContainerContext, getOverlayRoot } from './chunk-R2ORCOTG.js';
-import { IconButton } from './chunk-OWM7E55U.js';
+import { IconButton } from './chunk-KIHN7DGA.js';
 import { useState, useRef, useCallback, useEffect, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-H5QRRPBJ.js → chunk-POETCJUR.js}

@@ -1,6 +1,6 @@
-import { resolveTreeNodes, TreeView } from './chunk-AP33B24H.js';
+import { resolveTreeNodes, TreeView } from './chunk-MSPBNI2M.js';
 import { OverlayLayer } from './chunk-R2ORCOTG.js';
-import { Field, Dialog, Icon, Button, Input } from './chunk-OWM7E55U.js';
+import { Field, Dialog, Icon, Button, Input } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-NQDHGK7C.js → chunk-QP7AQEGZ.js}

@@ -1,6 +1,6 @@
-import { fetchAllPages } from './chunk-63GM4S25.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
-import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-OWM7E55U.js';
+import { fetchAllPages } from './chunk-YOLT2TPX.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
+import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useMemo, useState, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-DILQ2DJV.js → chunk-SQYLAWQP.js}

@@ -1,8 +1,8 @@
-import { TagMultiSelect } from './chunk-LKL3SCBJ.js';
-import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-DCSUBFFG.js';
-import { orderCircleStyle, unwrapRows, uid } from './chunk-63GM4S25.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
-import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-OWM7E55U.js';
+import { TagMultiSelect } from './chunk-TCHXA35K.js';
+import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-NLN5SLU7.js';
+import { orderCircleStyle, unwrapRows, uid } from './chunk-YOLT2TPX.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
+import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-LKL3SCBJ.js → chunk-TCHXA35K.js}

@@ -1,5 +1,5 @@
-import { useSduiAdapter, hostFetchOf } from './chunk-ZBX2CAOO.js';
-import { Badge, Tag } from './chunk-OWM7E55U.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-XFNHHGFR.js';
+import { Badge, Tag } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useEffect, useMemo, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-7ZCM6XEM.js → chunk-TK3WS7XE.js}

@@ -1,5 +1,5 @@
-import { Text } from './chunk-5FZBH3T5.js';
-import { Switch, Field, Select, Input } from './chunk-OWM7E55U.js';
+import { Text } from './chunk-YK7ZNV2C.js';
+import { Switch, Field, Select, Input } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-NI3LMETK.js → chunk-TQV4M3SB.js}

@@ -1,5 +1,5 @@
-import { useSduiAssetResolver } from './chunk-ZBX2CAOO.js';
-import { Spinner, Icon } from './chunk-OWM7E55U.js';
+import { useSduiAssetResolver } from './chunk-XFNHHGFR.js';
+import { Spinner, Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-MWBCQHKQ.js → chunk-WLHF5MVE.js}

@@ -1,6 +1,6 @@
-import { includesLooseSearch } from './chunk-LN4KPZIX.js';
+import { includesLooseSearch } from './chunk-ZOEQL2YL.js';
 import { OverlayLayer } from './chunk-R2ORCOTG.js';
-import { Button, Dialog, Input, Tag, Checkbox } from './chunk-OWM7E55U.js';
+import { Button, Dialog, Input, Tag, Checkbox } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useMemo, useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-A3SO6H47.js → chunk-WW65XEEE.js}

@@ -1,5 +1,5 @@
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
-import { Spinner, Badge, Icon } from './chunk-OWM7E55U.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
+import { Spinner, Badge, Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-ZBX2CAOO.js → chunk-XFNHHGFR.js}

@@ -1,5 +1,5 @@
 import { DEV } from './chunk-TAVKGYH5.js';
-import { warnOnce } from './chunk-OWM7E55U.js';
+import { warnOnce } from './chunk-KIHN7DGA.js';
 import { createContext, useContext } from 'react';
 
 function isSafeNavigationTarget(to) {

package/dist/{chunk-5LIFU57A.js → chunk-YJJMK5R5.js}

@@ -1,5 +1,5 @@
-import { Disclosure } from './chunk-P62INTQ5.js';
-import { Icon } from './chunk-OWM7E55U.js';
+import { Disclosure } from './chunk-LONXOEZY.js';
+import { Icon } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-5FZBH3T5.js → chunk-YK7ZNV2C.js}

@@ -1,4 +1,4 @@
-import { formatDisplayValue } from './chunk-OWM7E55U.js';
+import { formatDisplayValue } from './chunk-KIHN7DGA.js';
 import { mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle, GAP_CSS } from './chunk-3JTBOABA.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-63GM4S25.js → chunk-YOLT2TPX.js}

@@ -1,4 +1,4 @@
-import { isPlainObject } from './chunk-OWM7E55U.js';
+import { isPlainObject } from './chunk-KIHN7DGA.js';
 
 // src/widgets/shared.ts
 function unwrapRows(payload) {

package/dist/{chunk-LN4KPZIX.js → chunk-ZOEQL2YL.js}

@@ -1,7 +1,7 @@
-import { DateRangePicker } from './chunk-4VQIKSDS.js';
+import { DateRangePicker } from './chunk-LKSGAILO.js';
 import { useOverlayLayer } from './chunk-R2ORCOTG.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-OWM7E55U.js';
+import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-KIHN7DGA.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-LKA43GYA.js → chunk-ZW42VDR3.js}

@@ -1,5 +1,5 @@
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { Tag } from './chunk-OWM7E55U.js';
+import { Tag } from './chunk-KIHN7DGA.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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-CMikpoN5.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-CMikpoN5.js';
+import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-CacjInOz.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-CacjInOz.js';
 import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-DmRikwZb.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-DmRikwZb.js';
 import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-BOOKdd5x.js';