@osdk/react-components 0.12.0 → 0.13.0

package/build/cjs/DateRangeCalendar-OHT4IUWQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/action-form/fields/DateRangeCalendar.tsx"],"names":["CLASS_NAMES","classnames","DateCalendar_default","useMemo","buildDisabledMatchers","DEFAULT_FROM_YEAR","DEFAULT_TO_YEAR","React","DayPicker","CALENDAR_COMPONENTS"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAMA,YAAAA,GAAc;AAAA,EAClB,GAAGA,6BAAA;AAAA,EACH,eAAA,EAAiBC,2BAAA,CAAWC,sCAAA,CAAO,qBAAA,EAAuBA,uCAAO,kBAAkB,CAAA;AAAA,EACnF,kBAAkBA,sCAAA,CAAO,mBAAA;AAAA,EACzB,aAAA,EAAeD,2BAAA,CAAWC,sCAAA,CAAO,qBAAA,EAAuBA,uCAAO,gBAAgB;AACjF,CAAA;AACe,SAAR,iBAAA,CAAmC;AAAA,EACxC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAG;AACD,EAAA,MAAM,QAAA,GAAWC,aAAA,CAAQ,MAAMC,uCAAA,CAAsB,GAAA,EAAK,GAAG,CAAA,EAAG,CAAC,GAAA,EAAK,GAAG,CAAC,CAAA;AAC1E,EAAA,MAAM,QAAA,GAAW,GAAA,IAAO,IAAA,GAAO,GAAA,CAAI,aAAY,GAAIC,mCAAA;AACnD,EAAA,MAAM,MAAA,GAAS,GAAA,IAAO,IAAA,GAAO,GAAA,CAAI,aAAY,GAAIC,iCAAA;AACjD,EAAA,MAAM,iBAAiB,MAAA,IAAU,IAAA,GAAO,MAAA,mBAAyBC,sBAAA,CAAM,cAAc,KAAA,EAAO;AAAA,IAC1F,WAAWL,sCAAA,CAAO;AAAA,KACjB,MAAM,CAAA;AACT,EAAA,8CAA0B,aAAA,CAAcK,sBAAA,CAAM,UAAU,IAAA,kBAAmBA,sBAAA,CAAM,cAAcC,wBAAA,EAAW;AAAA,IACxG,IAAA,EAAM,OAAA;AAAA,IACN,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAc,QAAA,EAAU,IAAA;AAAA,IACxB,UAAA,EAAYR,YAAAA;AAAA,IACZ,UAAA,EAAYS,qCAAA;AAAA,IACZ,aAAA,EAAe,kBAAA;AAAA,IACf,QAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,CAAA;AAAA,IAChB,eAAA,EAAiB;AAAA,GAClB,GAAG,cAAc,CAAA;AACpB","file":"DateRangeCalendar-OHT4IUWQ.cjs","sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport classnames from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport { buildDisabledMatchers, DEFAULT_FROM_YEAR, DEFAULT_TO_YEAR } from \"./calendarShared.js\";\nimport { CALENDAR_COMPONENTS, CLASS_NAMES as BASE_CLASS_NAMES } from \"./DateCalendar.js\";\nimport styles from \"./DateCalendar.module.css\";\nconst CLASS_NAMES = {\n  ...BASE_CLASS_NAMES,\n  day_range_start: classnames(styles.calendarRangeEndpoint, styles.calendarRangeStart),\n  day_range_middle: styles.calendarRangeMiddle,\n  day_range_end: classnames(styles.calendarRangeEndpoint, styles.calendarRangeEnd)\n};\nexport default function DateRangeCalendar({\n  selected,\n  onSelect,\n  min,\n  max,\n  footer\n}) {\n  const disabled = useMemo(() => buildDisabledMatchers(min, max), [min, max]);\n  const fromYear = min != null ? min.getFullYear() : DEFAULT_FROM_YEAR;\n  const toYear = max != null ? max.getFullYear() : DEFAULT_TO_YEAR;\n  const calendarFooter = footer == null ? undefined : /*#__PURE__*/React.createElement(\"div\", {\n    className: styles.calendarRangeFooter\n  }, footer);\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DayPicker, {\n    mode: \"range\",\n    selected: selected,\n    onSelect: onSelect,\n    disabled: disabled,\n    defaultMonth: selected?.from,\n    classNames: CLASS_NAMES,\n    components: CALENDAR_COMPONENTS,\n    captionLayout: \"dropdown-buttons\",\n    fromYear: fromYear,\n    toYear: toYear,\n    numberOfMonths: 2,\n    pagedNavigation: true\n  }), calendarFooter);\n}"]}

package/build/cjs/{chunk-T7I6O43T.cjs → chunk-6SPXSFPI.cjs}

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkJLESWL47_cjs = require('./chunk-JLESWL47.cjs');
-var chunkSB2VTP67_cjs = require('./chunk-SB2VTP67.cjs');
+var chunkV7XWTJV7_cjs = require('./chunk-V7XWTJV7.cjs');
+var chunkZ7VHLTKD_cjs = require('./chunk-Z7VHLTKD.cjs');
+var chunkMQYOHGPY_cjs = require('./chunk-MQYOHGPY.cjs');
 var React7 = require('react');
 var input = require('@base-ui/react/input');
 var popover = require('@base-ui/react/popover');
@@ -21,7 +22,7 @@ var DatePickerCommon_default = {};
 
 // src/action-form/fields/DatetimePickerField.module.css
 var DatetimePickerField_default = {};
-var DateCalendarLazy = /* @__PURE__ */ React7__default.default.lazy(() => import('./DateCalendar-QGSYBWJB.cjs'));
+var DateCalendarLazy = /* @__PURE__ */ React7__default.default.lazy(() => import('./DateCalendar-RX7HP2XP.cjs'));
 function LazyDateCalendar(props) {
   return /* @__PURE__ */ React7__default.default.createElement(React7.Suspense, {
     fallback: /* @__PURE__ */ React7__default.default.createElement("div", {
@@ -54,36 +55,165 @@ var PortalDismissLayer = /* @__PURE__ */ React7__default.default.memo(function P
 var TimePicker_default = {};
 
 // src/action-form/fields/TimePicker.tsx
-function TimePicker({
+var NUMERIC_INPUT_PATTERN = "[0-9]*";
+var SEGMENT_LIMITS = {
+  hours: {
+    min: 0,
+    max: 23
+  },
+  minutes: {
+    min: 0,
+    max: 59
+  }
+};
+var TimePicker = /* @__PURE__ */ React7__default.default.memo(function TimePickerFn({
   value,
   onChange,
   label = "Time"
 }) {
-  const [localValue, setLocalValue] = React7.useState(value);
-  const isFocusedRef = React7.useRef(false);
-  const prevValueRef = React7.useRef(value);
-  if (prevValueRef.current !== value) {
-    prevValueRef.current = value;
-    if (!isFocusedRef.current) {
-      setLocalValue(value);
+  const valueTimestamp = value?.getTime() ?? null;
+  const [internalSegments, setInternalSegments] = React7.useState(() => createInternalSegments(valueTimestamp, segmentsFromTimestamp(valueTimestamp)));
+  const valueSegments = React7.useMemo(() => segmentsFromTimestamp(valueTimestamp), [valueTimestamp]);
+  const activeSegments = internalSegments.valueTimestamp === valueTimestamp ? internalSegments : createInternalSegments(valueTimestamp, valueSegments);
+  const hourText = activeSegments.hours;
+  const minuteText = activeSegments.minutes;
+  const hourInvalid = isSegmentInvalid(hourText, "hours");
+  const minuteInvalid = isSegmentInvalid(minuteText, "minutes");
+  const emitChange = React7.useCallback((hours, minutes) => {
+    const nextDate = value != null ? new Date(value.getTime()) : /* @__PURE__ */ new Date();
+    nextDate.setHours(hours, minutes, 0, 0);
+    onChange?.(nextDate);
+  }, [onChange, value]);
+  const handleSegmentChange = React7.useCallback((segment, nextText) => {
+    setInternalSegments({
+      valueTimestamp,
+      ...replaceSegmentText({
+        hours: hourText,
+        minutes: minuteText
+      }, {
+        segment,
+        nextText
+      })
+    });
+  }, [hourText, minuteText, valueTimestamp]);
+  const handleSegmentBlur = React7.useCallback((segment, text) => {
+    const parsedSegment = parseNumber(text);
+    if (parsedSegment == null) {
+      setInternalSegments(createInternalSegments(valueTimestamp, valueSegments));
+      return;
     }
-  }
-  const handleFocus = React7.useCallback(() => {
-    isFocusedRef.current = true;
-  }, []);
-  const handleBlur = React7.useCallback(() => {
-    isFocusedRef.current = false;
-    onChange(localValue);
-  }, [onChange, localValue]);
-  return /* @__PURE__ */ React7__default.default.createElement(input.Input, {
-    type: "time",
-    value: localValue,
-    onValueChange: setLocalValue,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    className: TimePicker_default.osdkTimePickerInput,
+    const clampedSegment = clampSegment(parsedSegment, segment);
+    const nextSegments = replaceSegmentText({
+      hours: hourText,
+      minutes: minuteText
+    }, {
+      segment,
+      nextText: formatSegment(clampedSegment, segment)
+    });
+    const nextHours = parseSegment(nextSegments.hours, "hours") ?? Number(valueSegments.hours);
+    const nextMinutes = parseSegment(nextSegments.minutes, "minutes") ?? Number(valueSegments.minutes);
+    setInternalSegments({
+      valueTimestamp,
+      hours: formatSegment(nextHours, "hours"),
+      minutes: formatSegment(nextMinutes, "minutes")
+    });
+    const currentHours = Number(valueSegments.hours);
+    const currentMinutes = Number(valueSegments.minutes);
+    if (nextHours !== currentHours || nextMinutes !== currentMinutes) {
+      emitChange(nextHours, nextMinutes);
+    }
+  }, [emitChange, hourText, minuteText, valueTimestamp, valueSegments]);
+  const handleHourChange = React7.useCallback((nextText) => handleSegmentChange("hours", nextText), [handleSegmentChange]);
+  const handleMinuteChange = React7.useCallback((nextText) => handleSegmentChange("minutes", nextText), [handleSegmentChange]);
+  const handleHourBlur = React7.useCallback(() => handleSegmentBlur("hours", hourText), [handleSegmentBlur, hourText]);
+  const handleMinuteBlur = React7.useCallback(() => handleSegmentBlur("minutes", minuteText), [handleSegmentBlur, minuteText]);
+  return /* @__PURE__ */ React7__default.default.createElement("div", {
+    className: TimePicker_default.osdkTimePickerRoot,
+    role: "group",
     "aria-label": label
-  });
+  }, /* @__PURE__ */ React7__default.default.createElement(input.Input, {
+    type: "text",
+    inputMode: "numeric",
+    pattern: NUMERIC_INPUT_PATTERN,
+    value: hourText,
+    onValueChange: handleHourChange,
+    onBlur: handleHourBlur,
+    className: TimePicker_default.osdkTimePickerInput,
+    "aria-label": `${label} hours`,
+    "aria-invalid": hourInvalid || void 0
+  }), /* @__PURE__ */ React7__default.default.createElement("span", {
+    className: TimePicker_default.osdkTimePickerSeparator,
+    "aria-hidden": "true"
+  }, ":"), /* @__PURE__ */ React7__default.default.createElement(input.Input, {
+    type: "text",
+    inputMode: "numeric",
+    pattern: NUMERIC_INPUT_PATTERN,
+    value: minuteText,
+    onValueChange: handleMinuteChange,
+    onBlur: handleMinuteBlur,
+    className: TimePicker_default.osdkTimePickerInput,
+    "aria-label": `${label} minutes`,
+    "aria-invalid": minuteInvalid || void 0
+  }));
+});
+function createInternalSegments(valueTimestamp, segments) {
+  return {
+    valueTimestamp,
+    ...segments
+  };
+}
+function replaceSegmentText(segments, {
+  segment,
+  nextText
+}) {
+  return {
+    ...segments,
+    [segment]: nextText
+  };
+}
+function segmentsFromTimestamp(valueTimestamp) {
+  if (valueTimestamp == null) {
+    return {
+      hours: formatSegment(0, "hours"),
+      minutes: formatSegment(0, "minutes")
+    };
+  }
+  const value = new Date(valueTimestamp);
+  return {
+    hours: formatSegment(value.getHours(), "hours"),
+    minutes: formatSegment(value.getMinutes(), "minutes")
+  };
+}
+function formatSegment(value, segment) {
+  return segment === "hours" ? String(value) : String(value).padStart(2, "0");
+}
+function parseNumber(text) {
+  if (!/^\d{1,2}$/.test(text)) {
+    return void 0;
+  }
+  const parsed = Number(text);
+  return Number.isNaN(parsed) ? void 0 : parsed;
+}
+function parseSegment(text, segment) {
+  const parsed = parseNumber(text);
+  if (parsed == null) {
+    return void 0;
+  }
+  const {
+    min,
+    max
+  } = SEGMENT_LIMITS[segment];
+  return parsed >= min && parsed <= max ? parsed : void 0;
+}
+function isSegmentInvalid(text, segment) {
+  return parseSegment(text, segment) == null;
+}
+function clampSegment(value, segment) {
+  const {
+    min,
+    max
+  } = SEGMENT_LIMITS[segment];
+  return Math.min(Math.max(value, min), max);
 }
 function useDateEditState({
   value,
@@ -109,7 +239,7 @@ function useDateEditState({
   const inputError = (() => {
     if (!isEditing || inputValue === "") return null;
     if (dateValue == null) return "invalid";
-    if (!chunkSB2VTP67_cjs.isDateInRange(dateValue, min, max)) return "out-of-range";
+    if (!chunkMQYOHGPY_cjs.isDateInRange(dateValue, min, max)) return "out-of-range";
     return null;
   })();
   const validatedDate = inputError == null && dateValue != null ? dateValue : null;
@@ -168,16 +298,20 @@ var DatetimePickerField = /* @__PURE__ */ React7__default.default.memo(function
 }) {
   const shouldCloseOnSelection = closeOnSelection ?? !showTime;
   const popoverId = React7.useId();
+  const wrapperRef = React7.useRef(null);
   const inputRef = React7.useRef(null);
   const popoverRef = React7.useRef(null);
   const [isOpen, setIsOpen] = React7.useState(false);
+  const [visibleCalendarMonth, setVisibleCalendarMonth] = React7.useState(value ?? /* @__PURE__ */ new Date());
   const skipReopenRef = React7.useRef(false);
-  const editFormatFn = showTime ? chunkSB2VTP67_cjs.formatDatetimeForInput : chunkSB2VTP67_cjs.formatDateForInput;
-  const displayFormatFn = formatDate ?? (showTime ? chunkSB2VTP67_cjs.formatDatetimeForInput : chunkSB2VTP67_cjs.formatDateForDisplay);
-  const parseFn = parseDate ?? (showTime ? chunkSB2VTP67_cjs.parseDatetimeFromInput : chunkSB2VTP67_cjs.parseDateFromInput);
+  const editFormatFn = showTime ? chunkMQYOHGPY_cjs.formatDatetimeForInput : chunkMQYOHGPY_cjs.formatDateForInput;
+  const displayFormatFn = formatDate ?? (showTime ? chunkMQYOHGPY_cjs.formatDatetimeForInput : chunkMQYOHGPY_cjs.formatDateForInput);
+  const parseFn = parseDate ?? (showTime ? chunkMQYOHGPY_cjs.parseDatetimeFromInput : chunkMQYOHGPY_cjs.parseDateFromInput);
   const {
+    isEditing,
     displayedValue,
     inputError,
+    dateValue,
     startEditing,
     stopEditing,
     commitAndStopEditing,
@@ -199,8 +333,20 @@ var DatetimePickerField = /* @__PURE__ */ React7__default.default.memo(function
       return;
     }
     startEditing();
+    setVisibleCalendarMonth(value ?? void 0);
     setIsOpen(true);
-  }, [startEditing]);
+  }, [startEditing, value]);
+  const handlePointerDown = React7.useCallback(() => {
+    inputRef.current?.focus();
+    handleFocus();
+  }, [handleFocus]);
+  const handleInputValueChange = React7.useCallback((nextValue) => {
+    setInputValue(nextValue);
+    const parsedDate = nextValue !== "" ? parseFn(nextValue) : void 0;
+    if (parsedDate != null && chunkMQYOHGPY_cjs.isDateInRange(parsedDate, min, max)) {
+      setVisibleCalendarMonth(parsedDate);
+    }
+  }, [max, min, parseFn, setInputValue]);
   const handleBlur = React7.useCallback((e) => {
     const relatedTarget = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(relatedTarget)) {
@@ -252,20 +398,19 @@ var DatetimePickerField = /* @__PURE__ */ React7__default.default.memo(function
     }
     onChange?.(date);
     setDateValue(date);
+    setVisibleCalendarMonth(date);
     if (shouldCloseOnSelection) {
       closePopover();
     }
   }, [onChange, showTime, value, shouldCloseOnSelection, setDateValue, setInputValue, closePopover]);
-  const handleTimeChange = React7.useCallback((timeString) => {
-    const {
-      hours,
-      minutes
-    } = chunkSB2VTP67_cjs.parseTimeString(timeString);
-    const base = value != null ? new Date(value.getTime()) : /* @__PURE__ */ new Date();
-    base.setHours(hours, minutes, 0, 0);
-    onChange?.(base);
-    setDateValue(base);
-  }, [value, onChange, setDateValue]);
+  const handleTimeChange = React7.useCallback((time) => {
+    onChange?.(time);
+    setDateValue(time);
+  }, [onChange, setDateValue]);
+  const handleCalendarClear = React7.useCallback(() => {
+    onChange?.(null);
+    setDateValue(null);
+  }, [onChange, setDateValue]);
   const handleStartFocusBoundary = React7.useCallback(() => {
     inputRef.current?.focus();
   }, []);
@@ -282,10 +427,11 @@ var DatetimePickerField = /* @__PURE__ */ React7__default.default.memo(function
       lastButton?.focus();
     }
   }, [stopEditing]);
+  const activeDateValue = isEditing && inputError == null ? dateValue : value ?? void 0;
   const timeFooter = showTime ? /* @__PURE__ */ React7__default.default.createElement("div", {
     className: DatetimePickerField_default.osdkDatetimeTimeFooter
   }, /* @__PURE__ */ React7__default.default.createElement(TimePicker, {
-    value: chunkSB2VTP67_cjs.getTimeValue(value),
+    value: activeDateValue ?? null,
     onChange: handleTimeChange
   })) : void 0;
   const wrapperClassName = classnames2__default.default(DatePickerCommon_default.osdkDatePickerInputWrapper, DatetimePickerField_default.osdkDatetimeInputWrapper, inputError != null && DatePickerCommon_default.osdkDatePickerInputWrapperError);
@@ -293,29 +439,30 @@ var DatetimePickerField = /* @__PURE__ */ React7__default.default.memo(function
     open: isOpen,
     onOpenChange: handleOpenChange,
     modal: "trap-focus"
+  }, /* @__PURE__ */ React7__default.default.createElement("div", {
+    ref: wrapperRef,
+    className: wrapperClassName
   }, /* @__PURE__ */ React7__default.default.createElement(popover.Popover.Trigger, {
     nativeButton: false,
-    render: /* @__PURE__ */ React7__default.default.createElement("div", {
-      className: wrapperClassName,
-      tabIndex: -1
+    render: /* @__PURE__ */ React7__default.default.createElement(input.Input, {
+      ref: inputRef,
+      id,
+      className: DatePickerCommon_default.osdkDatePickerInput,
+      type: "text",
+      value: displayedValue,
+      onValueChange: handleInputValueChange,
+      onFocus: handleFocus,
+      onPointerDown: handlePointerDown,
+      onBlur: handleBlur,
+      onClick: chunkV7XWTJV7_cjs.stopPropagation,
+      onKeyDown: handleKeyDown,
+      placeholder,
+      autoComplete: "off",
+      role: "combobox",
+      "aria-expanded": isOpen,
+      "aria-controls": popoverId,
+      "aria-haspopup": "dialog"
     })
-  }, /* @__PURE__ */ React7__default.default.createElement(input.Input, {
-    ref: inputRef,
-    id,
-    className: DatePickerCommon_default.osdkDatePickerInput,
-    type: "text",
-    value: displayedValue,
-    onValueChange: setInputValue,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onClick: chunkJLESWL47_cjs.stopPropagation,
-    onKeyDown: handleKeyDown,
-    placeholder,
-    autoComplete: "off",
-    role: "combobox",
-    "aria-expanded": isOpen,
-    "aria-controls": popoverId,
-    "aria-haspopup": "dialog"
   })), /* @__PURE__ */ React7__default.default.createElement(popover.Popover.Portal, {
     ref: portalRef,
     container: portalContainer
@@ -323,6 +470,7 @@ var DatetimePickerField = /* @__PURE__ */ React7__default.default.memo(function
     className: DatePickerCommon_default.osdkDatePickerDismissLayer,
     onDismiss: closePopover
   }), /* @__PURE__ */ React7__default.default.createElement(popover.Popover.Positioner, {
+    anchor: wrapperRef,
     className: DatePickerCommon_default.osdkDatePickerPositioner,
     sideOffset: 4
   }, /* @__PURE__ */ React7__default.default.createElement(popover.Popover.Popup, {
@@ -338,11 +486,15 @@ var DatetimePickerField = /* @__PURE__ */ React7__default.default.memo(function
     "aria-label": "Start of date picker dialog",
     className: DatePickerCommon_default.osdkDatePickerFocusBoundary
   }), /* @__PURE__ */ React7__default.default.createElement(LazyDateCalendar, {
-    dateSelected: value ?? void 0,
+    dateSelected: activeDateValue,
     onSelect: handleCalendarSelect,
+    onClear: handleCalendarClear,
+    month: visibleCalendarMonth,
+    onMonthChange: setVisibleCalendarMonth,
     min,
-    max
-  }), timeFooter, /* @__PURE__ */ React7__default.default.createElement("div", {
+    max,
+    footer: timeFooter
+  }), /* @__PURE__ */ React7__default.default.createElement("div", {
     onFocus: handleEndFocusBoundary,
     tabIndex: 0,
     "aria-label": "End of date picker dialog",
@@ -577,11 +729,11 @@ var ComboboxDropdown = typedReactMemo(function ComboboxDropdownFn({
   const handleDismiss = React7.useCallback(() => {
     setOpen(false);
   }, []);
-  const renderItem = React7.useCallback((item) => /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Item, {
+  const renderItem = React7.useCallback((item) => /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Item, {
     key: getKey(item),
     value: item
-  }, isMultiple && /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.ItemIndicator, null, /* @__PURE__ */ React7__default.default.createElement(icons.Tick, null)), itemToStringLabel(item)), [getKey, isMultiple, itemToStringLabel]);
-  return /* @__PURE__ */ React7__default.default.createElement("div", null, /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Root, {
+  }, isMultiple && /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.ItemIndicator, null, /* @__PURE__ */ React7__default.default.createElement(icons.Tick, null)), itemToStringLabel(item)), [getKey, isMultiple, itemToStringLabel]);
+  return /* @__PURE__ */ React7__default.default.createElement("div", null, /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Root, {
     value,
     onValueChange: onChange,
     open,
@@ -593,43 +745,43 @@ var ComboboxDropdown = typedReactMemo(function ComboboxDropdownFn({
     inputValue: query,
     onInputValueChange: onQueryChange,
     filter: disableClientSideFiltering ? null : void 0
-  }, /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Trigger, {
+  }, /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Trigger, {
     id,
-    className: isMultiple ? chunkSB2VTP67_cjs.Combobox_default.osdkComboboxTriggerMulti : void 0
+    className: isMultiple ? chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxTriggerMulti : void 0
   }, /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: chunkSB2VTP67_cjs.Combobox_default.osdkComboboxValueContainer
+    className: chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxValueContainer
   }, isMultiple && Array.isArray(value) && value.length > 0 ? /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: chunkSB2VTP67_cjs.Combobox_default.osdkComboboxTriggerChips
+    className: chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxTriggerChips
   }, value.map((item) => /* @__PURE__ */ React7__default.default.createElement("span", {
     key: getKey(item),
-    className: chunkSB2VTP67_cjs.Combobox_default.osdkComboboxTriggerChip
+    className: chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxTriggerChip
   }, itemToStringLabel(item), /* @__PURE__ */ React7__default.default.createElement("span", {
     role: "button",
     "aria-label": `Remove ${itemToStringLabel(item)}`,
-    className: chunkSB2VTP67_cjs.Combobox_default.osdkComboboxTriggerChipRemove,
+    className: chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxTriggerChipRemove,
     onMouseDown: preventTriggerOpen,
     onClick: () => handleRemoveItem(item)
   }, /* @__PURE__ */ React7__default.default.createElement(icons.Cross, {
     size: 12
-  }))))) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Value, null), !hasValue && placeholder != null && /* @__PURE__ */ React7__default.default.createElement("span", {
-    className: chunkSB2VTP67_cjs.Combobox_default.osdkComboboxPlaceholder
+  }))))) : /* @__PURE__ */ React7__default.default.createElement(React7__default.default.Fragment, null, /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Value, null), !hasValue && placeholder != null && /* @__PURE__ */ React7__default.default.createElement("span", {
+    className: chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxPlaceholder
   }, placeholder))), hasValue && /* @__PURE__ */ React7__default.default.createElement("span", {
     role: "button",
     "aria-label": "Clear",
-    className: chunkSB2VTP67_cjs.Combobox_default.osdkComboboxClear,
+    className: chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxClear,
     onMouseDown: preventTriggerOpen,
     onClick: handleClear
-  }, /* @__PURE__ */ React7__default.default.createElement(icons.SmallCross, null)), /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Icon, null, /* @__PURE__ */ React7__default.default.createElement(icons.CaretDown, null))), /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Portal, {
+  }, /* @__PURE__ */ React7__default.default.createElement(icons.SmallCross, null)), /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Icon, null, /* @__PURE__ */ React7__default.default.createElement(icons.CaretDown, null))), /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Portal, {
     ref: portalRef,
     container: portalContainer
   }, open && /* @__PURE__ */ React7__default.default.createElement(PortalDismissLayer, {
     className: DropdownField_default.osdkComboboxDismissLayer,
     onDismiss: handleDismiss
-  }), /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Positioner, null, /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Popup, null, isSearchable && /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: chunkSB2VTP67_cjs.Combobox_default.osdkComboboxPopupSearchInput
-  }, /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.SearchInput, {
+  }), /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Positioner, null, /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Popup, null, isSearchable && /* @__PURE__ */ React7__default.default.createElement("div", {
+    className: chunkZ7VHLTKD_cjs.Combobox_default.osdkComboboxPopupSearchInput
+  }, /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.SearchInput, {
     placeholder: "Search\u2026"
-  })), popupStatus, popupStatus == null && /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Empty, null, "No results"), /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.List, null, /* @__PURE__ */ React7__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Collection, null, renderItem), trailingItem))))));
+  })), popupStatus, popupStatus == null && /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Empty, null, "No results"), /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.List, null, /* @__PURE__ */ React7__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Collection, null, renderItem), trailingItem))))));
 });
 function preventTriggerOpen(e) {
   e.stopPropagation();
@@ -652,5 +804,5 @@ exports.PortalDismissLayer = PortalDismissLayer;
 exports.TimePicker = TimePicker;
 exports.typedReactMemo = typedReactMemo;
 exports.useDateEditState = useDateEditState;
-//# sourceMappingURL=chunk-T7I6O43T.cjs.map
-//# sourceMappingURL=chunk-T7I6O43T.cjs.map
+//# sourceMappingURL=chunk-6SPXSFPI.cjs.map
+//# sourceMappingURL=chunk-6SPXSFPI.cjs.map