@astryxdesign/core 0.1.3 → 0.1.4-canary.01e5b29

package/dist/MultiSelector/MultiSelector.js

@@ -38,7 +38,7 @@ import { useInputGroup } from "../InputGroup/InputGroupContext.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
 
 // Sentinel value for the select-all item in keyboard navigation
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 const SELECT_ALL_VALUE = '__xds_select_all__';
 const styles = {
   triggerContainer: {
@@ -202,6 +202,7 @@ export function MultiSelector({
   renderOption,
   isDefaultOpen = false,
   'data-testid': testId,
+  htmlName,
   width,
   xstyle,
   className,
@@ -474,51 +475,51 @@ export function MultiSelector({
   }, [optimisticValue, selectableItems]);
   const renderTriggerContent = useCallback(() => {
     if (optimisticValue.length === 0) {
-      return /*#__PURE__*/_jsx("span", {
+      return /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "xb3r6kr xlyipyv xuxw1ft"
         },
         children: placeholder
-      });
+      }, void 0, false);
     }
     switch (triggerDisplay) {
       case 'count':
-        return /*#__PURE__*/_jsxs("span", {
+        return /*#__PURE__*/_jsxDEV("span", {
           ...{
             className: "xb3r6kr xlyipyv xuxw1ft"
           },
           children: [optimisticValue.length, " selected"]
-        });
+        }, void 0, true);
       case 'labels':
         {
           const displayed = selectedLabels.slice(0, 3);
           const remaining = selectedLabels.length - displayed.length;
           const text = remaining > 0 ? `${displayed.join(', ')}, +${remaining}` : displayed.join(', ');
-          return /*#__PURE__*/_jsx("span", {
+          return /*#__PURE__*/_jsxDEV("span", {
             ...{
               className: "xb3r6kr xlyipyv xuxw1ft"
             },
             children: text
-          });
+          }, void 0, false);
         }
       case 'badges':
         {
           const displayed = selectedLabels.slice(0, maxBadges);
           const remaining = selectedLabels.length - displayed.length;
-          return /*#__PURE__*/_jsxs("span", {
+          return /*#__PURE__*/_jsxDEV("span", {
             ...{
               className: "x78zum5 x1a02dak xzye2dw x6s0dn4"
             },
-            children: [displayed.map(label => /*#__PURE__*/_jsx(Badge, {
+            children: [displayed.map(label => /*#__PURE__*/_jsxDEV(Badge, {
               label: label,
               variant: "neutral"
-            }, label)), remaining > 0 && /*#__PURE__*/_jsxs("span", {
+            }, label, false)), remaining > 0 && /*#__PURE__*/_jsxDEV("span", {
               ...{
                 className: "x2lah0s xcr08ib xv1l7n4 x1e4wzip"
               },
               children: ["+", remaining]
-            })]
-          });
+            }, void 0, true)]
+          }, void 0, true);
         }
     }
   }, [optimisticValue, triggerDisplay, selectedLabels, placeholder, maxBadges]);
@@ -528,11 +529,11 @@ export function MultiSelector({
     if (!hasSearch) {
       return null;
     }
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "xf314gf xu0wf1k"
       },
-      children: /*#__PURE__*/_jsx("input", {
+      children: /*#__PURE__*/_jsxDEV("input", {
         ref: searchRef,
         id: searchId
         // When hasSearch is set, focus moves into this input on open, so it —
@@ -560,8 +561,8 @@ export function MultiSelector({
         ...{
           className: "x9f619 xh8yej3 xu0wf1k xf314gf x1litavf x1y0btm7 xvy26l8 xh6dtrn x10xzikg x9ynric xcr08ib xdk3u5w x1tgivj0 x1a2a7pz xzeu18z x1wfwxd8"
         }
-      })
-    });
+      }, void 0, false)
+    }, void 0, false);
   }, [hasSearch, searchId, listboxId, searchQuery, searchPlaceholder, onKeyDown, popover.isOpen, highlightedIndex, getItemId]);
 
   // Render an individual item (index-based)
@@ -570,7 +571,7 @@ export function MultiSelector({
     const isSelectAll = item.value === SELECT_ALL_VALUE;
     const isSelected = isSelectAll ? allEnabledSelected : optimisticValue.includes(item.value);
     const checkboxValue = isSelectAll ? selectAllState : isSelected;
-    return /*#__PURE__*/_jsxs("div", {
+    return /*#__PURE__*/_jsxDEV("div", {
       id: getItemId(flatIndex),
       role: "option",
       "aria-selected": isSelected,
@@ -582,20 +583,20 @@ export function MultiSelector({
       },
       onMouseEnter: () => onItemMouseEnter(item, flatIndex),
       ...stylex.props(styles.item, isSelectAll ? selectAllSizeStyles[size] : itemSizeStyles[size], isSelectAll && styles.selectAllWrapper, isHighlighted && styles.itemHighlighted, item.disabled && styles.itemDisabled),
-      children: [/*#__PURE__*/_jsx("div", {
+      children: [/*#__PURE__*/_jsxDEV("div", {
         inert: true,
         ...{
           className: "x47corl x78zum5 x2lah0s"
         },
-        children: /*#__PURE__*/_jsx(CheckboxInput, {
+        children: /*#__PURE__*/_jsxDEV(CheckboxInput, {
           label: "",
           isLabelHidden: true,
           value: checkboxValue,
           onChange: () => {},
           isDisabled: item.disabled,
           size: size === 'lg' ? 'md' : size
-        })
-      }), renderOption && !isSelectAll ? renderOption(item) : /*#__PURE__*/_jsx("span", {
+        }, void 0, false)
+      }, void 0, false), renderOption && !isSelectAll ? renderOption(item) : /*#__PURE__*/_jsxDEV("span", {
         ...{
           0: {
             className: "x9ynric xcr08ib x1e4wzip x1tgivj0 xeuugli xb3r6kr xlyipyv xuxw1ft"
@@ -605,8 +606,8 @@ export function MultiSelector({
           }
         }[!!item.disabled << 0],
         children: item.label ?? item.value
-      })]
-    }, item.value);
+      }, void 0, false)]
+    }, item.value, true);
   }, [renderOption, highlightedIndex, optimisticValue, allEnabledSelected, selectAllState, getItemId, handleNavigableToggle, onItemMouseEnter, size]);
 
   // Render all options. Uses sortedItems as the single source of truth for
@@ -622,9 +623,9 @@ export function MultiSelector({
     // Show select-all only when there are real items to select
     if (hasSelectAll && realItemCount > 0) {
       elements.push(renderItem(sortedItems[0], 0));
-      elements.push(/*#__PURE__*/_jsx(Divider, {
+      elements.push(/*#__PURE__*/_jsxDEV(Divider, {
         xstyle: styles.divider
-      }, "select-all-divider"));
+      }, "select-all-divider", false));
       cursor = 1;
     } else if (hasSelectAll) {
       // Skip the select-all sentinel when there are no real items
@@ -633,12 +634,12 @@ export function MultiSelector({
 
     // Empty state — no real items to show
     if (realItemCount === 0) {
-      elements.push(/*#__PURE__*/_jsx("div", {
+      elements.push(/*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x1b2ylru x2b8uid xv1l7n4 x9ynric xcr08ib"
         },
         children: "No results found"
-      }, "empty"));
+      }, "empty", false));
       return elements;
     }
     if (searchQuery) {
@@ -662,9 +663,9 @@ export function MultiSelector({
       const option = options[i];
       if (isDivider(option)) {
         flushPending();
-        elements.push(/*#__PURE__*/_jsx(Divider, {
+        elements.push(/*#__PURE__*/_jsxDEV(Divider, {
           xstyle: styles.divider
-        }, `divider-${i}`));
+        }, `divider-${i}`, false));
       } else if (isSection(option)) {
         flushPending();
         const count = option.options.length;
@@ -674,16 +675,16 @@ export function MultiSelector({
           cursor++;
         }
         if (option.title) {
-          elements.push(/*#__PURE__*/_jsx(Divider, {
+          elements.push(/*#__PURE__*/_jsxDEV(Divider, {
             label: option.title,
             xstyle: styles.sectionDivider
-          }, `section-divider-${i}`));
+          }, `section-divider-${i}`, false));
         }
-        elements.push(/*#__PURE__*/_jsx("div", {
+        elements.push(/*#__PURE__*/_jsxDEV("div", {
           role: "group",
           "aria-label": option.title,
           children: sectionItems
-        }, `section-${i}`));
+        }, `section-${i}`, false));
       } else if (isOptionData(option)) {
         pendingCount++;
       }
@@ -691,8 +692,8 @@ export function MultiSelector({
     flushPending();
     return elements;
   }, [options, renderItem, sortedItems, searchQuery, hasSelectAll]);
-  const multiSelectorContent = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
+  const multiSelectorContent = /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: [/*#__PURE__*/_jsxDEV("div", {
       ref: el => {
         popover.triggerRef(el);
         // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -709,10 +710,10 @@ export function MultiSelector({
       children: [startIcon && renderIconSlot(startIcon, {
         size: 'sm',
         color: 'secondary'
-      }), inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
+      }), inputGroup && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
         id: inputLabelId,
         children: label
-      }), /*#__PURE__*/_jsx("button", {
+      }, void 0, false), /*#__PURE__*/_jsxDEV("button", {
         ref: triggerRef,
         id: triggerId,
         type: "button"
@@ -741,27 +742,35 @@ export function MultiSelector({
         ...{
           className: "x78zum5 x6s0dn4 x1qughib x1txdalj x1iyjqo2 xs83m0k x1r8uery xeuugli x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x15bjb6t x1heor9g x1ypdohk x1a2a7pz x1p25gnr x1wfwxd8 xh6dtrn"
         },
-        children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsxDEV("span", {
           ...{
             className: "x78zum5 x6s0dn4 xzye2dw x1iyjqo2 xs83m0k x1r8uery xeuugli xb3r6kr"
           },
           children: renderTriggerContent()
-        })
-      }), isBusy && /*#__PURE__*/_jsx(Spinner, {
+        }, void 0, false)
+      }, void 0, false), htmlName != null && value.map(v => /*#__PURE__*/_jsxDEV("input", {
+        type: "hidden",
+        name: htmlName,
+        value: v
+        // Disabled native controls are excluded from form submission;
+        // mirror that for the hidden carriers.
+        ,
+        disabled: isDisabled
+      }, v, false)), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
         size: "sm"
-      }), hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsx("button", {
+      }, void 0, false), hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsxDEV("button", {
         type: "button",
         onClick: handleClear,
         "aria-label": `Clear all ${label}`,
         ...{
           className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
         },
-        children: /*#__PURE__*/_jsx(Icon, {
+        children: /*#__PURE__*/_jsxDEV(Icon, {
           icon: "close",
           size: "sm",
           color: "secondary"
-        })
-      }), /*#__PURE__*/_jsx("span", {
+        }, void 0, false)
+      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
         ...{
           0: {
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike"
@@ -776,37 +785,37 @@ export function MultiSelector({
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike x19jd1h0 xq2gx43"
           }
         }[!!(!status && popover.isOpen) << 1 | !!status << 0],
-        children: status ? /*#__PURE__*/_jsx(Icon, {
+        children: status ? /*#__PURE__*/_jsxDEV(Icon, {
           icon: STATUS_ICON_MAP[status.type],
           size: "sm",
           color: STATUS_ICON_COLOR_MAP[status.type]
-        }) : /*#__PURE__*/_jsx(Icon, {
+        }, void 0, false) : /*#__PURE__*/_jsxDEV(Icon, {
           icon: "chevronDown",
           size: "sm",
           color: "inherit"
-        })
-      })]
-    }), popover.render(/*#__PURE__*/_jsxs("div", {
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x9f619 xuyqlj2 x1odjw0f x9epnlk"
       },
-      children: [renderSearch(), /*#__PURE__*/_jsx("div", {
+      children: [renderSearch(), /*#__PURE__*/_jsxDEV("div", {
         id: listboxId,
         role: "listbox",
         "aria-multiselectable": "true",
         "aria-labelledby": triggerId,
         children: renderOptions()
-      })]
-    }), {
+      }, void 0, false)]
+    }, void 0, true), {
       placement: 'below',
       alignment: 'start',
       xstyle: styles.popover
     }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  });
+  }, void 0, true);
   if (inputGroup) {
     return multiSelectorContent;
   }
-  return /*#__PURE__*/_jsx(Field, {
+  return /*#__PURE__*/_jsxDEV(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -823,6 +832,6 @@ export function MultiSelector({
     labelTooltip: labelTooltip,
     width: width,
     children: multiSelectorContent
-  });
+  }, void 0, false);
 }
 MultiSelector.displayName = 'MultiSelector';

package/dist/NavIcon/NavIcon.js

@@ -23,7 +23,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * NavIcon styles
  */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   base: {
     k1xSpc: "x78zum5",
@@ -65,11 +65,11 @@ export function NavIcon({
   ref,
   ...props
 }) {
-  return /*#__PURE__*/_jsx("span", {
+  return /*#__PURE__*/_jsxDEV("span", {
     ref: ref,
     ...mergeProps(themeProps('navicon'), stylex.props(styles.base, xstyle), className, style),
     ...props,
     children: icon
-  });
+  }, void 0, false);
 }
 NavIcon.displayName = 'NavIcon';

package/dist/NavMenu/NavHeadingMenu.js

@@ -20,7 +20,7 @@ import { useListFocus } from "../hooks/useListFocus.js";
 import { useTypeahead } from "../hooks/useTypeahead.js";
 import { themeProps } from "../utils/themeProps.js";
 import { NavHeadingMenuContext, useNavHeadingCloseContext } from "./NavMenuContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   root: {
     k1xSpc: "x78zum5",
@@ -122,9 +122,9 @@ export function NavHeadingMenu({
     ...styleProp,
     minWidth
   } : styleProp;
-  return /*#__PURE__*/_jsx(NavHeadingMenuContext, {
+  return /*#__PURE__*/_jsxDEV(NavHeadingMenuContext, {
     value: ctx,
-    children: /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsxDEV("div", {
       ref: mergeRefs(ref, listRef),
       role: "menu",
       onKeyDown: listKeyDown,
@@ -133,7 +133,7 @@ export function NavHeadingMenu({
         size
       }), stylex.props(styles.root, sizeStyles[size], xstyle), className, inlineStyle),
       children: children
-    })
-  });
+    }, void 0, false)
+  }, void 0, false);
 }
 NavHeadingMenu.displayName = 'NavHeadingMenu';

package/dist/NavMenu/NavHeadingMenuItem.js

@@ -21,7 +21,7 @@ import { mergeProps } from "../utils/index.js";
 import { useNavHeadingMenuContext } from "./NavMenuContext.js";
 import { useLinkComponent } from "../Link/useLinkComponent.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   root: {
     kB7OPa: "x9f619",
@@ -102,7 +102,7 @@ export function NavHeadingMenuItem({
   }, [isDisabled, onClick, ctx]);
   const LinkComponent = useLinkComponent();
   const Element = href ? LinkComponent : 'div';
-  return /*#__PURE__*/_jsxs(Element, {
+  return /*#__PURE__*/_jsxDEV(Element, {
     ref: ref,
     role: "menuitem",
     tabIndex: isDisabled ? undefined : -1,
@@ -116,20 +116,20 @@ export function NavHeadingMenuItem({
     children: [icon && renderIconSlot(icon, {
       size: 'sm',
       color: 'secondary'
-    }), /*#__PURE__*/_jsxs("span", {
+    }), /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x78zum5 xdt5ytf x98rzlu xeuugli"
       },
-      children: [typeof label === 'string' ? /*#__PURE__*/_jsx(Text, {
+      children: [typeof label === 'string' ? /*#__PURE__*/_jsxDEV(Text, {
         type: "body",
         maxLines: 1,
         children: label
-      }) : label, description && /*#__PURE__*/_jsx(Text, {
+      }, void 0, false) : label, description && /*#__PURE__*/_jsxDEV(Text, {
         type: "supporting",
         maxLines: 1,
         children: description
-      })]
-    })]
-  });
+      }, void 0, false)]
+    }, void 0, true)]
+  }, void 0, true);
 }
 NavHeadingMenuItem.displayName = 'NavHeadingMenuItem';

package/dist/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}

package/dist/NumberInput/NumberInput.js

@@ -58,7 +58,7 @@ import { themeProps } from "../utils/themeProps.js";
  * Without `hasClear`, onChange only receives valid numbers.
  * With `hasClear`, onChange also receives `null` when the user clears the input.
  */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 /**
  * Parse and validate a string input as a number.
  * Returns null if the input is not a valid number or fails validation.
@@ -230,39 +230,55 @@ export function NumberInput({
   // Handle blur - validate and clear pending input
   const handleBlur = useCallback(e => {
     if (pendingInput !== null) {
-      const parsed = parseNumberInput(pendingInput, {
-        min,
-        max,
-        isIntegerOnly
-      });
-      if (parsed !== null && parsed !== value) {
-        onChange(parsed);
+      if (hasClear && pendingInput.trim() === '') {
+        // Keyboard clearing honors the clearable contract: an emptied
+        // input commits null instead of silently reverting on blur.
+        if (value != null) {
+          onChange(null);
+        }
+      } else {
+        const parsed = parseNumberInput(pendingInput, {
+          min,
+          max,
+          isIntegerOnly
+        });
+        if (parsed !== null && parsed !== value) {
+          onChange(parsed);
+        }
       }
     }
 
     // Clear pending input - display will revert to formatted value
     setPendingInput(null);
     onBlur?.(e);
-  }, [pendingInput, value, onChange, min, max, isIntegerOnly, onBlur]);
+  }, [pendingInput, value, onChange, min, max, isIntegerOnly, onBlur, hasClear]);
 
   // Handle keyboard events
   const handleKeyDown = useCallback(e => {
     if (e.key === 'Enter') {
       // Validate and commit on Enter
       if (pendingInput !== null) {
-        const parsed = parseNumberInput(pendingInput, {
-          min,
-          max,
-          isIntegerOnly
-        });
-        if (parsed !== null && parsed !== value) {
-          onChange(parsed);
+        if (hasClear && pendingInput.trim() === '') {
+          // Same clearable contract as blur: Enter on an emptied input
+          // commits null instead of reverting.
+          if (value != null) {
+            onChange(null);
+          }
+        } else {
+          const parsed = parseNumberInput(pendingInput, {
+            min,
+            max,
+            isIntegerOnly
+          });
+          if (parsed !== null && parsed !== value) {
+            onChange(parsed);
+          }
         }
       }
       onEnter?.();
     }
     onKeyDown?.(e);
-  }, [pendingInput, value, onChange, min, max, isIntegerOnly, onEnter, onKeyDown]);
+  }, [pendingInput, value, onChange, min, max, isIntegerOnly, onEnter, onKeyDown, hasClear]);
 
   // Handle clear button click
   const handleClear = useCallback(() => {
@@ -282,7 +298,7 @@ export function NumberInput({
     inputRef,
     disabled: isDisabled
   });
-  const inputWrapper = /*#__PURE__*/_jsxs("div", {
+  const inputWrapper = /*#__PURE__*/_jsxDEV("div", {
     ref: el => {
       containerRef.current = el;
       // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -299,10 +315,10 @@ export function NumberInput({
     children: [startIcon && renderIconSlot(startIcon, {
       size: 'sm',
       color: 'secondary'
-    }), inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
+    }), inputGroup && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
       id: inputLabelID,
       children: label
-    }), /*#__PURE__*/_jsx("input", {
+    }, void 0, false), /*#__PURE__*/_jsxDEV("input", {
       ...rest,
       ref: mergeRefs(ref, inputRef),
       id: id,
@@ -345,40 +361,40 @@ export function NumberInput({
           className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
         }
       }[!!isDisabled << 1 | !!!isInputValid << 0]
-    }), units && /*#__PURE__*/_jsx("span", {
+    }, void 0, false), units && /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x9ynric xjm74w1 xw6l6zx xv1l7n4 x2lah0s"
       },
       children: units
-    }), /*#__PURE__*/_jsx(VisuallyHidden, {
+    }, void 0, false), /*#__PURE__*/_jsxDEV(VisuallyHidden, {
       as: "div",
       role: "alert",
       "aria-live": "assertive",
       children: !isInputValid ? 'Invalid number' : ''
-    }), hasClear && value != null && !isDisabled && /*#__PURE__*/_jsx("button", {
+    }, void 0, false), hasClear && value != null && !isDisabled && /*#__PURE__*/_jsxDEV("button", {
       type: "button",
       onClick: handleClear,
       "aria-label": `Clear ${label}`,
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
       },
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsxDEV(Icon, {
         icon: "close",
         size: "sm",
         color: "secondary"
-      })
-    }), status && !inputGroup && /*#__PURE__*/_jsx(Icon, {
+      }, void 0, false)
+    }, void 0, false), status && !inputGroup && /*#__PURE__*/_jsxDEV(Icon, {
       icon: statusIconMap[status.type],
       size: "md",
       color: statusIconColorMap[status.type]
-    })]
-  });
+    }, void 0, false)]
+  }, void 0, true);
   if (inputGroup) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
+    return /*#__PURE__*/_jsxDEV(_Fragment, {
       children: [inputWrapper, showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-    });
+    }, void 0, true);
   }
-  return /*#__PURE__*/_jsxs(Field, {
+  return /*#__PURE__*/_jsxDEV(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -396,6 +412,6 @@ export function NumberInput({
     labelTooltip: labelTooltip,
     width: width,
     children: [inputWrapper, showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  });
+  }, void 0, true);
 }
 NumberInput.displayName = 'NumberInput';