@wipco/sdui 1.8.3 → 1.9.1

package/dist/{chunk-H7RLEDKJ.js → chunk-35GI6LM5.js}

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

package/dist/{chunk-YJJMK5R5.js → chunk-3L4EXK3X.js}

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

package/dist/{chunk-LGKLA22B.js → chunk-3XUHKSJM.js}

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

package/dist/{chunk-KIHN7DGA.js → chunk-45GIMFRP.js}

@@ -1268,6 +1268,92 @@ var ICON_NODES = {
     { t: "line", x1: "8", x2: "14", y1: "11", y2: "11" }
   ]
 };
+
+// src/number-text.ts
+function halfWidth(ch) {
+  const code = ch.charCodeAt(0);
+  if (code >= 65296 && code <= 65305) return String.fromCharCode(code - 65296 + 48);
+  if (code === 65294) return ".";
+  if (code === 65293 || code === 8722) return "-";
+  return ch;
+}
+function sanitizeNumberText(text) {
+  let out = "";
+  let dot = false;
+  for (const raw of text) {
+    const ch = halfWidth(raw);
+    if (ch >= "0" && ch <= "9") {
+      if (!dot && (out === "0" || out === "-0")) out = out.slice(0, -1);
+      out += ch;
+    } else if (ch === "." && !dot) {
+      dot = true;
+      out += ch;
+    } else if (ch === "-" && out === "") out += ch;
+  }
+  return out;
+}
+function groupNumberText(clean) {
+  const negative = clean.startsWith("-");
+  const body = negative ? clean.slice(1) : clean;
+  const dotAt = body.indexOf(".");
+  const integer = dotAt === -1 ? body : body.slice(0, dotAt);
+  const tail = dotAt === -1 ? "" : body.slice(dotAt);
+  return `${negative ? "-" : ""}${integer.replace(/\B(?=(\d{3})+(?!\d))/g, ",")}${tail}`;
+}
+function parseNumberText(clean) {
+  if (!/\d/.test(clean)) return null;
+  const n = Number(clean);
+  if (!Number.isFinite(n)) return null;
+  return n === 0 ? 0 : n;
+}
+function plainNumberText(value) {
+  if (!Number.isFinite(value)) return "";
+  const text = String(value === 0 ? 0 : value);
+  if (!/e/i.test(text)) return text;
+  return value.toLocaleString("en-US", { useGrouping: false, maximumFractionDigits: 20 });
+}
+function numberInputValue(value) {
+  if (typeof value === "number") return Number.isFinite(value) ? value === 0 ? 0 : value : null;
+  if (typeof value !== "string") return null;
+  const plain = value.replace(/,/g, "").trim();
+  if (/^[+-]?(\d+(\.\d*)?|\.\d+)$/.test(plain)) return parseNumberText(plain.replace(/^\+/, ""));
+  return parseNumberText(sanitizeNumberText(value));
+}
+function formatNumberInputValue(value) {
+  const n = numberInputValue(value);
+  return n === null ? "" : groupNumberText(plainNumberText(n));
+}
+function significantBefore(text, caret) {
+  return sanitizeNumberText(text.slice(0, Math.max(0, caret))).length;
+}
+function caretAfterSignificant(formatted, count) {
+  if (count <= 0) return 0;
+  let seen = 0;
+  for (let i = 0; i < formatted.length; i += 1) {
+    if (formatted[i] === ",") continue;
+    seen += 1;
+    if (seen === count) return i + 1;
+  }
+  return formatted.length;
+}
+function editNumberText(raw, caret, previous, inputType) {
+  let source = raw;
+  let at = Math.max(0, Math.min(caret, raw.length));
+  if (previous !== void 0 && raw.length === previous.length - 1 && previous[at] === "," && raw === previous.slice(0, at) + previous.slice(at + 1)) {
+    if (inputType === "deleteContentForward") {
+      source = previous.slice(0, at + 1) + previous.slice(at + 2);
+    } else if (at > 0) {
+      source = previous.slice(0, at - 1) + previous.slice(at);
+      at -= 1;
+    }
+  }
+  const clean = sanitizeNumberText(source);
+  const text = groupNumberText(clean);
+  return { text, caret: caretAfterSignificant(text, significantBefore(source, at)), value: parseNumberText(clean) };
+}
+function sameNumberValue(a, b) {
+  return a === b;
+}
 function asArray(value) {
   return Array.isArray(value) ? value : [];
 }
@@ -1367,23 +1453,139 @@ function IconButton({
     }
   );
 }
-function Input({ size = "md", icon, invalid = false, mono = false, trailing, className = "", style, ...rest }) {
+function unitPaddingRight(unit) {
+  let width = 0;
+  for (const ch of unit) {
+    if (/[\u1100-\u11ff\u3000-\u9fff\uac00-\ud7af\uff00-\uffef]/.test(ch)) width += 12;
+    else if (/[A-Z%@#&WM]/.test(ch)) width += 9;
+    else if (ch === " ") width += 3.5;
+    else width += 7;
+  }
+  return `${Math.ceil(width + 18)}px`;
+}
+function Input(props) {
+  const {
+    size = "md",
+    icon,
+    invalid = false,
+    mono = false,
+    trailing,
+    unit,
+    thousands,
+    className = "",
+    style,
+    ...rest
+  } = props;
   const classes = ["wp-input"];
   if (size !== "md") classes.push(`wp-input--${size}`);
   if (invalid) classes.push("wp-input--invalid");
   if (mono) classes.push("wp-input--mono");
   if (className) classes.push(className);
-  const input = /* @__PURE__ */ jsx("input", { className: classes.join(" "), "aria-invalid": invalid || void 0, style, ...rest });
-  if (!icon && !trailing) return input;
+  const unitText = unit === void 0 || unit === null || String(unit) === "" ? void 0 : String(unit);
+  if (unitText !== void 0 && trailing) {
+    warnOnce("input:unit+trailing", "[sdui] Input: unit \uACFC trailing \uC744 \uD568\uAED8 \uC8FC\uBA74 unit \uB9CC \uADF8\uB9BD\uB2C8\uB2E4");
+  }
+  const inputStyle = unitText !== void 0 ? { paddingRight: unitPaddingRight(unitText), ...style } : style;
+  const input = thousands ? /* @__PURE__ */ jsx(
+    ThousandsInput,
+    {
+      className: classes.join(" "),
+      "aria-invalid": invalid || void 0,
+      style: inputStyle,
+      ...rest
+    }
+  ) : /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: classes.join(" "),
+      "aria-invalid": invalid || void 0,
+      style: inputStyle,
+      ...rest
+    }
+  );
+  const trail = unitText !== void 0 ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "wp-inputwrap__trail",
+      "data-unit": "",
+      style: { fontSize: "var(--wp-size-xs)", color: "var(--wp-text-muted)", whiteSpace: "nowrap", lineHeight: 1 },
+      children: unitText
+    }
+  ) : trailing ? /* @__PURE__ */ jsx("span", { className: "wp-inputwrap__trail", children: typeof trailing === "string" ? /* @__PURE__ */ jsx(Icon, { name: trailing, size: 15 }) : trailing }) : null;
+  if (!icon && !trail) return input;
   const wrap = ["wp-inputwrap"];
   if (icon) wrap.push("wp-inputwrap--lead");
-  if (trailing) wrap.push("wp-inputwrap--trail");
+  if (trail) wrap.push("wp-inputwrap--trail");
   return /* @__PURE__ */ jsxs("div", { className: wrap.join(" "), children: [
     icon ? /* @__PURE__ */ jsx("span", { className: "wp-inputwrap__lead", children: /* @__PURE__ */ jsx(Icon, { name: icon, size: 15 }) }) : null,
     input,
-    trailing ? /* @__PURE__ */ jsx("span", { className: "wp-inputwrap__trail", children: typeof trailing === "string" ? /* @__PURE__ */ jsx(Icon, { name: trailing, size: 15 }) : trailing }) : null
+    trail
   ] });
 }
+function ThousandsInput({
+  value,
+  defaultValue,
+  onChange,
+  onBlur,
+  type: _type,
+  min: _min,
+  max: _max,
+  step: _step,
+  inputMode,
+  autoComplete,
+  ...rest
+}) {
+  const controlled = value !== void 0;
+  const [own, setOwn] = React.useState(() => numberInputValue(defaultValue));
+  const external = controlled ? numberInputValue(value) : own;
+  const [draft, setDraft] = React.useState(null);
+  const [seen, setSeen] = React.useState(external);
+  let shown = draft;
+  if (!sameNumberValue(seen, external)) {
+    setSeen(external);
+    if (draft !== null && !sameNumberValue(parseNumberText(sanitizeNumberText(draft)), external)) {
+      setDraft(null);
+      shown = null;
+    }
+  }
+  const display = shown ?? formatNumberInputValue(controlled ? value : own);
+  const handleChange = (event) => {
+    const el = event.target;
+    const inputType = event.nativeEvent.inputType;
+    const next = editNumberText(
+      el.value,
+      el.selectionStart ?? el.value.length,
+      display,
+      typeof inputType === "string" ? inputType : void 0
+    );
+    if (el.value !== next.text) el.value = next.text;
+    if (el.ownerDocument.activeElement === el) {
+      try {
+        el.setSelectionRange(next.caret, next.caret);
+      } catch {
+      }
+    }
+    setDraft(next.text);
+    if (next.text === display) return;
+    if (!controlled) setOwn(next.value);
+    onChange?.(next.value);
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ...rest,
+      type: "text",
+      inputMode: inputMode ?? "decimal",
+      autoComplete: autoComplete ?? "off",
+      value: display,
+      onChange: handleChange,
+      onBlur: (event) => {
+        setDraft(null);
+        onBlur?.(event);
+      }
+    }
+  );
+}
 function Textarea({ invalid = false, rows = 3, className = "", ...rest }) {
   return /* @__PURE__ */ jsx(
     "textarea",
@@ -2039,4 +2241,4 @@ function Tooltip({ label, shortcut, placement = "top", wrap = false, children, c
   );
 }
 
-export { Alert, Avatar, Badge, Breadcrumb, Button, CALC_OPS, Card, Checkbox, Dialog, EmptyState, Field, ICON_NODES, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip, evaluateCalc, fieldOf, formatDateValue, formatDisplayValue, formatNumberValue, isPlainObject, isZonedIsoDateTime, parseNumeric, toNumber, warnOnce };
+export { Alert, Avatar, Badge, Breadcrumb, Button, CALC_OPS, Card, Checkbox, Dialog, EmptyState, Field, ICON_NODES, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip, evaluateCalc, fieldOf, formatDateValue, formatDisplayValue, formatNumberValue, isPlainObject, isZonedIsoDateTime, parseNumeric, plainNumberText, toNumber, warnOnce };

package/dist/{chunk-TCHXA35K.js → chunk-5DLUGN5M.js}

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

package/dist/{chunk-TK3WS7XE.js → chunk-5N4ESLPX.js}

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

package/dist/{chunk-O3SD2HS6.js → chunk-77OM6OQG.js}

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

package/dist/{chunk-PN5IJPA5.js → chunk-7NQBV77N.js}

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

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

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

package/dist/{chunk-DNUO63VZ.js → chunk-BOL536MN.js}

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

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

@@ -1,4 +1,4 @@
-import { Textarea, Icon } from './chunk-KIHN7DGA.js';
+import { Textarea, Icon } from './chunk-45GIMFRP.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-WW65XEEE.js → chunk-CBY6ACMR.js}

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

package/dist/{chunk-OI2GPBIL.js → chunk-CRSNVEUE.js}

@@ -1,5 +1,5 @@
-import { buildCascadingTree } from './chunk-I2URQNZZ.js';
-import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-KIHN7DGA.js';
+import { buildCascadingTree } from './chunk-QDCP6P3K.js';
+import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-45GIMFRP.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-XFNHHGFR.js → chunk-DE7FPWVJ.js}

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

package/dist/{chunk-ITFSPOOB.js → chunk-EH5QJJQE.js}

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

package/dist/{chunk-CFFSCGDV.js → chunk-FPEOYSK4.js}

@@ -1,6 +1,6 @@
-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 { ImageLightbox } from './chunk-S4CQTJC6.js';
+import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-DE7FPWVJ.js';
+import { Spinner, Icon, IconButton } from './chunk-45GIMFRP.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-UNQ6VAVD.js → chunk-FVONSLW3.js}

@@ -1,5 +1,5 @@
-import { DateRangePicker } from './chunk-5JXXCRXA.js';
-import { SegmentedControl, Select } from './chunk-KIHN7DGA.js';
+import { DateRangePicker } from './chunk-KMNC3Q4J.js';
+import { SegmentedControl, Select } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

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

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

@@ -1,6 +1,6 @@
 import { OverlayContainerContext, getOverlayRoot, useOverlayLayer } from './chunk-R2ORCOTG.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { IconButton } from './chunk-KIHN7DGA.js';
+import { IconButton } from './chunk-45GIMFRP.js';
 import React2, { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';

package/dist/{chunk-YOLT2TPX.js → chunk-HR2U2QGN.js}

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

package/dist/{chunk-5JXXCRXA.js → chunk-KMNC3Q4J.js}

@@ -1,7 +1,7 @@
-import { KO_CALENDAR_NAV_LOCALE, useDismiss, usePopoverAnchor, usePortalTo, usePanelPointer, AnchoredPopoverStyles, anchorStyle, focusStaysInside, resolveCalendarNavLocale, CalendarZoom, CalendarNav, clampIndex } from './chunk-KJDHF6VU.js';
+import { KO_CALENDAR_NAV_LOCALE, useDismiss, usePopoverAnchor, usePortalTo, usePanelPointer, AnchoredPopoverStyles, anchorStyle, focusStaysInside, resolveCalendarNavLocale, CalendarZoom, CalendarNav, clampIndex } from './chunk-HNMBEUBO.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
 import { useIsMobile } from './chunk-TAVKGYH5.js';
-import { Icon } from './chunk-KIHN7DGA.js';
+import { Icon } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useMemo, useCallback, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

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

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

@@ -1,7 +1,7 @@
 import { fetchAllJobPositions } from './chunk-XRHR452N.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 { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-77OM6OQG.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DE7FPWVJ.js';
+import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-45GIMFRP.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-ZDWCLHIY.js → chunk-MBROAHA6.js}

@@ -1,8 +1,8 @@
-import { TagMultiSelect } from './chunk-TCHXA35K.js';
-import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-4SVSS7VO.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 { TagMultiSelect } from './chunk-5DLUGN5M.js';
+import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-ZSKQUIYR.js';
+import { orderCircleStyle, unwrapRows, uid } from './chunk-HR2U2QGN.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DE7FPWVJ.js';
+import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-45GIMFRP.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { parseJobPositionRow } from './chunk-XRHR452N.js';
 import { MIN_ZOOM, usePanZoomCanvas } from './chunk-XDR6HC4U.js';
-import { ImageLightbox } from './chunk-JDTVNS3H.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-XFNHHGFR.js';
+import { ImageLightbox } from './chunk-S4CQTJC6.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DE7FPWVJ.js';
 import { useIsTabletDown } from './chunk-TAVKGYH5.js';
-import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-KIHN7DGA.js';
+import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-45GIMFRP.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-YK7ZNV2C.js → chunk-PPOQY3V5.js}

@@ -1,4 +1,4 @@
-import { formatDisplayValue } from './chunk-KIHN7DGA.js';
+import { formatDisplayValue } from './chunk-45GIMFRP.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-CUAGMSSG.js → chunk-Q6V7E2H5.js}

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

package/dist/{chunk-I2URQNZZ.js → chunk-QDCP6P3K.js}

@@ -1,7 +1,7 @@
-import { DateRangePicker } from './chunk-5JXXCRXA.js';
+import { DateRangePicker } from './chunk-KMNC3Q4J.js';
 import { useOverlayLayer } from './chunk-R2ORCOTG.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-KIHN7DGA.js';
+import { Input, Button, IconButton, Tag, Field, Checkbox, plainNumberText, formatNumberValue } from './chunk-45GIMFRP.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -272,9 +272,10 @@ function activeSearchCriteria(fields, values) {
       const from = values[fromKey];
       const to = values[toKey];
       if (from || to) {
+        const show = (v) => field.type === "numberRange" ? formatNumberValue(v ?? "") : v ?? "";
         criteria.push({
           key: field.key,
-          label: `${field.label}: ${from ?? ""}~${to ?? ""}`,
+          label: `${field.label}: ${show(from)}~${show(to)}`,
           clearKeys: [fromKey, toKey]
         });
       }
@@ -438,26 +439,27 @@ function SearchFieldInput({
   if (field.type === "numberRange") {
     const fromKey = field.fromKey ?? `${field.key}Min`;
     const toKey = field.toKey ?? `${field.key}Max`;
+    const store = (key) => (next) => onChange({ [key]: next === null ? "" : plainNumberText(next) });
     return /* @__PURE__ */ jsx(Field, { label: field.label, children: /* @__PURE__ */ jsxs("div", { className: "wp-row", children: [
       /* @__PURE__ */ jsx(
         Input,
         {
-          type: "number",
+          thousands: true,
           mono: true,
           placeholder: field.minPlaceholder ?? "\uCD5C\uC18C",
           value: values[fromKey] ?? "",
-          onChange: (e) => onChange({ [fromKey]: e.target.value })
+          onChange: store(fromKey)
         }
       ),
       /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "~" }),
       /* @__PURE__ */ jsx(
         Input,
         {
-          type: "number",
+          thousands: true,
           mono: true,
           placeholder: field.maxPlaceholder ?? "\uCD5C\uB300",
           value: values[toKey] ?? "",
-          onChange: (e) => onChange({ [toKey]: e.target.value })
+          onChange: store(toKey)
         }
       )
     ] }) });