@wipco/sdui 1.6.0 → 1.7.0

package/dist/{chunk-FEKKOBPX.js → chunk-B5MB64YQ.js}

@@ -1,8 +1,9 @@
 import { parseJobPositionRow } from './chunk-XRHR452N.js';
-import { usePanZoomCanvas, MIN_ZOOM } from './chunk-CSZCWBOE.js';
-import { ImageLightbox } from './chunk-KZ6U6FKB.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-BLFJMMBW.js';
+import { MIN_ZOOM, usePanZoomCanvas } from './chunk-XDR6HC4U.js';
+import { ImageLightbox } from './chunk-L6ODTHTX.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
+import { useIsTabletDown } from './chunk-TAVKGYH5.js';
+import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -43,6 +44,13 @@ var TOP_GAP = 58;
 var ROOT_ROW_GAP = 70;
 var DEFAULT_VIEW = { scale: 0.82, x: 48, y: 48 };
 var FIT_PAD = 16;
+var FIT_MIN_ZOOM = 0.1;
+var FLOW_PAD = 16;
+var FLOW_ITEM_WIDTH = 264;
+var FLOW_GAP = 12;
+var FLOW_ROW_GAP = 12;
+var FLOW_BLOCK_GAP = 24;
+var FLOW_TOP = 72;
 function fitCanvasView(viewportWidth, viewportHeight, layoutWidth, layoutHeight) {
   if (!(viewportWidth > 0) || !(viewportHeight > 0) || !(layoutWidth > 0) || !(layoutHeight > 0)) {
     return DEFAULT_VIEW;
@@ -52,7 +60,7 @@ function fitCanvasView(viewportWidth, viewportHeight, layoutWidth, layoutHeight)
     (viewportHeight - FIT_PAD * 2) / layoutHeight,
     1
   );
-  const scale = Math.max(MIN_ZOOM, raw);
+  const scale = Math.max(FIT_MIN_ZOOM, raw);
   const width = layoutWidth * scale;
   const height = layoutHeight * scale;
   return {
@@ -61,6 +69,11 @@ function fitCanvasView(viewportWidth, viewportHeight, layoutWidth, layoutHeight)
     y: height <= viewportHeight - FIT_PAD * 2 ? (viewportHeight - height) / 2 : FIT_PAD
   };
 }
+function fitFlowView(viewportWidth, layoutWidth) {
+  if (!(viewportWidth > 0) || !(layoutWidth > 0)) return { scale: 1, x: 0, y: FLOW_TOP };
+  const scale = Math.max(FIT_MIN_ZOOM, Math.min(1, (viewportWidth - FIT_PAD * 2) / layoutWidth));
+  return { scale, x: (viewportWidth - layoutWidth * scale) / 2, y: FLOW_TOP };
+}
 var DUTY_ORDER = [
   "\uD68C\uC7A5",
   "\uBD80\uD68C\uC7A5",
@@ -135,6 +148,9 @@ var OCB_CSS = `
 @media screen and (max-width: 767.98px) {
   .erp-ocb-viewport { min-height: 320px; height: min(var(--erp-ocb-h, 72vh), 68dvh); }
 }
+/* \uD750\uB984 \uBC30\uCE58(\uD0DC\uBE14\uB9BF \uC774\uD558, \uC804\uCCB4\uD654\uBA74 \uBC16): \uB192\uC774\uB294 \uB0B4\uC6A9\uC744 \uB530\uB77C\uAC04\uB2E4(\uC778\uB77C\uC778 height) \u2014 \uC138\uB85C\uB294 \uD398\uC774\uC9C0\uAC00 \uC2A4\uD06C\uB864\uD55C\uB2E4. */
+.erp-ocb-viewport.erp-ocb-viewport--flow { min-height: 0; }
+.erp-ocb-toggle { flex-shrink: 0; margin-left: auto; opacity: .9; }
 `;
 async function fetchAllPages(api, endpoint, pick) {
   const all = [];
@@ -353,13 +369,20 @@ function leadershipRankOf(employee, leadership) {
 function leadershipEmployees(employees, leadership = LEADERSHIP_MATCH) {
   return employees.map((employee) => ({ employee, rank: leadershipRankOf(employee, leadership) })).filter((entry) => entry.rank >= 0).sort((a, b) => a.rank - b.rank).slice(0, 3).map((entry) => entry.employee);
 }
-function buildCanvasLayout(model, employees, leadershipGroups) {
-  const leadership = leadershipEmployees(employees, leadershipGroups);
-  const leadershipIds = new Set(leadership.map((employee) => employee.id));
+function boardRootsOf(model) {
   const topGroup = model.visibleRoots.length === 1 ? model.visibleRoots[0] : null;
   const topChildren = topGroup ? model.childrenByParent.get(topGroup.id) ?? [] : [];
   const hasCompanyRoot = !!topGroup && topChildren.length > 1;
-  const boardRoots = hasCompanyRoot ? topChildren : model.visibleRoots;
+  return { topGroup, hasCompanyRoot, boardRoots: hasCompanyRoot ? topChildren : model.visibleRoots };
+}
+function flowToggleIds(model) {
+  const { boardRoots } = boardRootsOf(model);
+  return boardRoots.length > 1 ? boardRoots.map((group) => group.id) : [];
+}
+function buildCanvasLayout(model, employees, leadershipGroups) {
+  const leadership = leadershipEmployees(employees, leadershipGroups);
+  const leadershipIds = new Set(leadership.map((employee) => employee.id));
+  const { topGroup, hasCompanyRoot, boardRoots } = boardRootsOf(model);
   const rootBlocks = boardRoots.map(
     (group, index) => buildRootBlock(group, model, leadershipIds, index)
   );
@@ -444,6 +467,118 @@ function buildCanvasLayout(model, employees, leadershipGroups) {
     connectors
   };
 }
+function buildFlowLayout(model, employees, leadershipGroups, expanded, availableWidth) {
+  const leadership = leadershipEmployees(employees, leadershipGroups);
+  const leadershipIds = new Set(leadership.map((employee) => employee.id));
+  const { topGroup, hasCompanyRoot, boardRoots } = boardRootsOf(model);
+  const single = boardRoots.length === 1;
+  const blocks = boardRoots.map(
+    (group, index) => single || expanded.has(group.id) ? buildRootBlock(group, model, leadershipIds, index) : null
+  );
+  const inner = Math.max(FLOW_ITEM_WIDTH, availableWidth - FLOW_PAD * 2);
+  const columns = Math.max(
+    1,
+    Math.min(boardRoots.length, Math.floor((inner + FLOW_GAP) / (FLOW_ITEM_WIDTH + FLOW_GAP)))
+  );
+  const gridWidth = columns * FLOW_ITEM_WIDTH + (columns - 1) * FLOW_GAP;
+  const contentWidth = Math.max(
+    gridWidth,
+    leadership.length > 0 ? LEADER_WIDTH : 0,
+    ...blocks.map((block) => block?.width ?? 0)
+  );
+  const centerX = FLOW_PAD + contentWidth / 2;
+  const groups = [];
+  const placedEmployees = [];
+  const connectors = [];
+  let y = FLOW_PAD;
+  let bottom = FLOW_PAD;
+  if (leadership.length > 0) {
+    leadership.forEach((employee, index) => {
+      placedEmployees.push({
+        employee,
+        x: centerX - LEADER_WIDTH / 2,
+        y: y + index * (LEADER_HEIGHT + EMPLOYEE_GAP),
+        featured: true
+      });
+    });
+    y += leadership.length * LEADER_HEIGHT + (leadership.length - 1) * EMPLOYEE_GAP;
+    bottom = y;
+  }
+  if (hasCompanyRoot && topGroup) {
+    if (leadership.length > 0) {
+      connectors.push({ fromX: centerX, fromY: y, toX: centerX, toY: y + FLOW_BLOCK_GAP });
+      y += FLOW_BLOCK_GAP;
+    }
+    groups.push({
+      group: topGroup,
+      x: centerX - GROUP_WIDTH / 2,
+      y,
+      width: GROUP_WIDTH,
+      color: BOARD_COLORS[0],
+      depth: 0,
+      totalMembers: employeesInGroup(topGroup.id, model).length
+    });
+    y += GROUP_HEIGHT;
+    bottom = y;
+  }
+  if (bottom > FLOW_PAD) y += FLOW_BLOCK_GAP;
+  const gridX = FLOW_PAD + (contentWidth - gridWidth) / 2;
+  let column = 0;
+  const closeRow = (gap) => {
+    if (column === 0) return;
+    y += GROUP_HEIGHT + gap;
+    column = 0;
+  };
+  boardRoots.forEach((group, index) => {
+    const block = blocks[index];
+    if (block) {
+      closeRow(FLOW_BLOCK_GAP);
+      const bx = FLOW_PAD + (contentWidth - block.width) / 2;
+      const by = y;
+      groups.push(
+        ...block.groups.map((item, itemIndex) => ({
+          ...item,
+          x: item.x + bx,
+          y: item.y + by,
+          // 블록의 첫 그룹이 본부 머리다(buildRootBlock) — 거기에 접기 손잡이를 단다.
+          ...itemIndex === 0 && !single ? { toggle: "expanded" } : {}
+        }))
+      );
+      placedEmployees.push(...block.employees.map((item) => ({ ...item, x: item.x + bx, y: item.y + by })));
+      connectors.push(
+        ...block.connectors.map((item) => ({
+          fromX: item.fromX + bx,
+          fromY: item.fromY + by,
+          toX: item.toX + bx,
+          toY: item.toY + by
+        }))
+      );
+      bottom = by + block.height;
+      y = bottom + FLOW_BLOCK_GAP;
+      return;
+    }
+    groups.push({
+      group,
+      x: gridX + column * (FLOW_ITEM_WIDTH + FLOW_GAP),
+      y,
+      width: FLOW_ITEM_WIDTH,
+      color: BOARD_COLORS[index % BOARD_COLORS.length],
+      depth: 0,
+      totalMembers: employeesInGroup(group.id, model).length,
+      toggle: "collapsed"
+    });
+    bottom = y + GROUP_HEIGHT;
+    column += 1;
+    if (column === columns) closeRow(FLOW_ROW_GAP);
+  });
+  return {
+    width: contentWidth + FLOW_PAD * 2,
+    height: bottom + FLOW_PAD,
+    groups,
+    employees: placedEmployees,
+    connectors
+  };
+}
 function buildRootBlock(group, model, leadershipIds, siblingIndex) {
   const teams = model.childrenByParent.get(group.id) ?? [];
   const directEmployees = groupEmployees(group.id, model, leadershipIds);
@@ -755,9 +890,11 @@ var SELECTED_RING = "0 0 0 2px var(--wp-surface-card), 0 0 0 4px var(--wp-accent
 function CanvasGroupNode({
   item,
   selected,
-  onSelect
+  onSelect,
+  onToggle
 }) {
   const height = item.height ?? GROUP_HEIGHT;
+  const toggle = item.toggle && onToggle ? item.toggle : void 0;
   if (item.vertical) {
     return /* @__PURE__ */ jsxs(
       "button",
@@ -832,7 +969,11 @@ function CanvasGroupNode({
         boxShadow: selected ? SELECTED_RING : "var(--wp-shadow-xs)",
         cursor: "pointer"
       },
-      onClick: () => onSelect(item.group.id),
+      "aria-expanded": toggle ? toggle === "expanded" : void 0,
+      onClick: () => {
+        onSelect(item.group.id);
+        if (toggle) onToggle?.(item.group.id);
+      },
       children: [
         /* @__PURE__ */ jsx(Icon, { name: "building-2", size: 16, style: { flexShrink: 0 } }),
         /* @__PURE__ */ jsxs(
@@ -854,7 +995,8 @@ function CanvasGroupNode({
               ")"
             ]
           }
-        )
+        ),
+        toggle ? /* @__PURE__ */ jsx(Icon, { className: "erp-ocb-toggle", name: toggle === "expanded" ? "chevron-up" : "chevron-down", size: 16 }) : null
       ]
     }
   );
@@ -936,6 +1078,10 @@ function OrganizationCanvas({
   onOpenCard,
   height
 }) {
+  const narrow = useIsTabletDown();
+  const [expanded, setExpanded] = useState(() => /* @__PURE__ */ new Set());
+  const [boxWidth, setBoxWidth] = useState(0);
+  const [minScale, setMinScale] = useState(MIN_ZOOM);
   const {
     viewportRef,
     view,
@@ -948,33 +1094,58 @@ function OrganizationCanvas({
     zoomAt,
     toggleFullscreen,
     pointerHandlers
-  } = usePanZoomCanvas({ stopSelector: "[data-org-card]", initialView: DEFAULT_VIEW });
+  } = usePanZoomCanvas({
+    stopSelector: "[data-org-card]",
+    initialView: DEFAULT_VIEW,
+    minScale,
+    // 흐름 배치(전체화면 밖)는 캔버스가 페이지 세로를 덮는다 — 그냥 휠은 페이지 스크롤, Ctrl+휠·트랙패드 핀치만 줌.
+    wheelNeedsCtrl: narrow
+  });
+  const flowAuto = narrow && !isFullscreen;
   const layout = useMemo(
-    () => buildCanvasLayout(model, employees, leadership),
-    [model, employees, leadership]
+    () => narrow ? buildFlowLayout(model, employees, leadership, expanded, Math.max(0, boxWidth - FIT_PAD * 2)) : buildCanvasLayout(model, employees, leadership),
+    [narrow, model, employees, leadership, expanded, boxWidth]
   );
+  const toggleIds = useMemo(() => narrow ? flowToggleIds(model) : [], [narrow, model]);
+  const allExpanded = toggleIds.length > 0 && toggleIds.every((id) => expanded.has(id));
+  const toggleGroup = useCallback((groupId) => {
+    setExpanded((current) => {
+      const next = new Set(current);
+      if (next.has(groupId)) next.delete(groupId);
+      else next.add(groupId);
+      return next;
+    });
+  }, []);
   const fitView = useCallback(() => {
     const el = viewportRef.current;
     if (!el) return;
     interactedRef.current = false;
-    setView(fitCanvasView(el.clientWidth, el.clientHeight, layout.width, layout.height));
-  }, [layout.width, layout.height, setView, viewportRef, interactedRef]);
+    const next = flowAuto ? fitFlowView(el.clientWidth, layout.width) : fitCanvasView(el.clientWidth, el.clientHeight, layout.width, layout.height);
+    setMinScale(Math.min(MIN_ZOOM, next.scale));
+    setView(next);
+  }, [flowAuto, layout.width, layout.height, setView, viewportRef, interactedRef]);
+  useLayoutEffect(() => {
+    const el = viewportRef.current;
+    if (el && el.clientWidth !== boxWidth) setBoxWidth(el.clientWidth);
+  });
   useLayoutEffect(() => {
     fitView();
   }, [fitView]);
   useEffect(() => {
     const el = viewportRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
-    let last = `${el.clientWidth}x${el.clientHeight}`;
+    const sizeOf = () => flowAuto ? `${el.clientWidth}` : `${el.clientWidth}x${el.clientHeight}`;
+    let last = sizeOf();
     const observer = new ResizeObserver(() => {
-      const size = `${el.clientWidth}x${el.clientHeight}`;
+      const size = sizeOf();
       if (size === last) return;
       last = size;
+      setBoxWidth(el.clientWidth);
       if (!interactedRef.current) fitView();
     });
     observer.observe(el);
     return () => observer.disconnect();
-  }, [fitView, viewportRef, interactedRef]);
+  }, [fitView, flowAuto, viewportRef, interactedRef]);
   const savedScrollRef = useRef([]);
   const rememberScroll = () => {
     const saved = [];
@@ -1013,10 +1184,13 @@ function OrganizationCanvas({
   const viewportClass = [
     "erp-ocb-viewport",
     dragging ? "erp-ocb-viewport--dragging" : "",
-    pseudoFullscreen ? "erp-ocb-viewport--pseudo-fs" : ""
+    pseudoFullscreen ? "erp-ocb-viewport--pseudo-fs" : "",
+    flowAuto ? "erp-ocb-viewport--flow" : ""
   ].filter(Boolean).join(" ");
+  const stageY = flowAuto ? FLOW_TOP : view.y;
   const viewportStyle = {
-    "--erp-ocb-h": typeof height === "number" ? `${height}px` : height
+    "--erp-ocb-h": typeof height === "number" ? `${height}px` : height,
+    ...flowAuto ? { height: Math.ceil(FLOW_TOP + layout.height * view.scale + FIT_PAD) } : null
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     pseudoFullscreen ? /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "erp-ocb-placeholder", style: { height: flowHeightRef.current } }) : null,
@@ -1054,6 +1228,15 @@ function OrganizationCanvas({
                 ] }),
                 /* @__PURE__ */ jsx(IconButton, { icon: "plus", label: "\uD655\uB300", size: "sm", onClick: () => zoomStep(0.1) }),
                 /* @__PURE__ */ jsx(IconButton, { icon: "locate-fixed", label: "\uD654\uBA74\uC5D0 \uB9DE\uCDA4", size: "sm", onClick: fitView }),
+                toggleIds.length > 0 ? /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    icon: allExpanded ? "folder" : "folder-open",
+                    label: allExpanded ? "\uBCF8\uBD80 \uBAA8\uB450 \uC811\uAE30" : "\uBCF8\uBD80 \uBAA8\uB450 \uD3BC\uCE58\uAE30",
+                    size: "sm",
+                    onClick: () => setExpanded(allExpanded ? /* @__PURE__ */ new Set() : new Set(toggleIds))
+                  }
+                ) : null,
                 /* @__PURE__ */ jsx(
                   IconButton,
                   {
@@ -1081,7 +1264,7 @@ function OrganizationCanvas({
                 top: 0,
                 width: layout.width,
                 height: layout.height,
-                transform: `translate(${view.x}px, ${view.y}px) scale(${view.scale})`,
+                transform: `translate(${view.x}px, ${stageY}px) scale(${view.scale})`,
                 transformOrigin: "0 0"
               },
               children: [
@@ -1108,7 +1291,8 @@ function OrganizationCanvas({
                   {
                     item,
                     selected: selectedGroupId === item.group.id,
-                    onSelect
+                    onSelect,
+                    onToggle: toggleGroup
                   },
                   item.group.id
                 )),
@@ -1328,4 +1512,4 @@ function OrgChartBoardImpl({
 }
 var OrgChartBoard = boxed(OrgChartBoardImpl, "OrgChartBoard");
 
-export { OrgChartBoard, buildModel, compareMembers, fitCanvasView, isUnassignedGroup, leadershipEmployees, orgVocabOf, pickEmployees, pickGroups, pickPositions };
+export { OrgChartBoard, buildFlowLayout, buildModel, compareMembers, fitCanvasView, fitFlowView, flowToggleIds, isUnassignedGroup, leadershipEmployees, orgVocabOf, pickEmployees, pickGroups, pickPositions };

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

@@ -1,7 +1,7 @@
-import { orderCircleStyle, ellipsisStyle, unwrapRows, uid } from './chunk-LKQJJSVJ.js';
-import { includesLooseSearch } from './chunk-4OABUPIU.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button, isPlainObject } from './chunk-BLFJMMBW.js';
+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 { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useId, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

@@ -1,8 +1,8 @@
-import { TagMultiSelect } from './chunk-6TI4WF5Y.js';
-import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-IQXLNICY.js';
-import { orderCircleStyle, unwrapRows, uid } from './chunk-LKQJJSVJ.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-BLFJMMBW.js';
+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 { boxed } from './chunk-3JTBOABA.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

@@ -1,4 +1,4 @@
-import { Textarea, Icon } from './chunk-BLFJMMBW.js';
+import { Textarea, Icon } from './chunk-OWM7E55U.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-WTIYILY3.js → chunk-FGKBXUUA.js}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/{chunk-6TI4WF5Y.js → chunk-LKL3SCBJ.js}

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

package/dist/{chunk-4OABUPIU.js → chunk-LN4KPZIX.js}

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