@allxsmith/bestax-bulma 3.0.2 → 5.0.0

package/dist/index.cjs.js

@@ -762,7 +762,7 @@ const CardComponent = ({ className, children, textColor, bgColor, hasShadow = tr
                         'is-centered': headerCentered,
                     }), children: header })), headerIcon] }));
     };
-    return (jsxRuntime.jsxs("div", { className: cardClasses, ...rest, children: [renderHeader(header, headerIcon, headerCentered, classPrefix), image && (jsxRuntime.jsx("div", { className: prefixedClassNames(classPrefix, 'card-image'), children: typeof image === 'string' ? (jsxRuntime.jsx("figure", { className: prefixedClassNames(classPrefix, 'image'), children: jsxRuntime.jsx("img", { src: image, alt: imageAlt !== null && imageAlt !== void 0 ? imageAlt : 'Card image' }) })) : (image) })), typeof children !== 'undefined' &&
+    return (jsxRuntime.jsxs("div", { className: cardClasses, ...rest, children: [renderHeader(header, headerIcon, headerCentered, classPrefix), image && (jsxRuntime.jsx("div", { className: prefixedClassNames(classPrefix, 'card-image'), children: typeof image === 'string' ? (jsxRuntime.jsx("figure", { className: prefixedClassNames(classPrefix, 'image'), children: jsxRuntime.jsx("img", { src: image, alt: imageAlt ?? 'Card image' }) })) : (image) })), typeof children !== 'undefined' &&
                 children !== null &&
                 children !== '' &&
                 !hasCompoundComponents(children) && (jsxRuntime.jsx("div", { className: prefixedClassNames(classPrefix, 'card-content'), children: children })), typeof children !== 'undefined' &&
@@ -825,10 +825,9 @@ const DropdownComponent = ({ label, children, className, menuClassName, active:
         if (!isBrowser$1(window, document))
             return;
         const handleClick = (e) => {
-            var _a;
-            if (!((_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+            if (!dropdownRef.current?.contains(e.target)) {
                 setActive(false);
-                onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
+                onActiveChange?.(false);
             }
         };
         document.addEventListener('mousedown', handleClick);
@@ -839,12 +838,12 @@ const DropdownComponent = ({ label, children, className, menuClassName, active:
             return;
         const newActive = !active;
         setActive(newActive);
-        onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(newActive);
+        onActiveChange?.(newActive);
     };
     const handleMenuClick = () => {
         if (closeOnClick) {
             setActive(false);
-            onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
+            onActiveChange?.(false);
         }
     };
     const dropdownClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
@@ -965,14 +964,13 @@ const ModalClose = ({ className, size = 'large', variant = 'delete', ...props })
     return (jsxRuntime.jsx("button", { className: classes, "aria-label": "close", type: "button", ...props }));
 };
 const ModalRoot = ({ active, isActive, onClose, className, textColor, bgColor, modalCardTitle, modalCardFoot, type, children, ...props }) => {
-    var _a;
     const { classPrefix } = useConfig();
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color: textColor,
         backgroundColor: bgColor,
         ...props,
     });
-    const isModalActive = (_a = active !== null && active !== void 0 ? active : isActive) !== null && _a !== void 0 ? _a : false;
+    const isModalActive = active ?? isActive ?? false;
     const hasCompoundComponents = React.Children.toArray(children).some(child => React.isValidElement(child) &&
         (child.type === ModalBackground ||
             child.type === ModalContent ||
@@ -1033,13 +1031,12 @@ const NavbarItem = ({ className, as: Component = 'a', active, textColor, bgColor
         }), bulmaHelperClasses, className), ...rest, children: children }));
 };
 const NavbarBurger = ({ className, active, children, ...props }) => {
-    var _a;
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         ...props,
     });
     return (jsxRuntime.jsxs("button", { type: "button", className: classNames(usePrefixedClassNames('navbar-burger', {
             'is-active': active,
-        }), bulmaHelperClasses, className), "aria-label": props['aria-label'] || 'menu', "aria-expanded": (_a = props['aria-expanded']) !== null && _a !== void 0 ? _a : !!active, ...rest, children: [jsxRuntime.jsx("span", { "aria-hidden": "true" }), jsxRuntime.jsx("span", { "aria-hidden": "true" }), jsxRuntime.jsx("span", { "aria-hidden": "true" }), children] }));
+        }), bulmaHelperClasses, className), "aria-label": props['aria-label'] || 'menu', "aria-expanded": props['aria-expanded'] ?? !!active, ...rest, children: [jsxRuntime.jsx("span", { "aria-hidden": "true" }), jsxRuntime.jsx("span", { "aria-hidden": "true" }), jsxRuntime.jsx("span", { "aria-hidden": "true" }), children] }));
 };
 const NavbarMenu = ({ className, active, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -1161,9 +1158,9 @@ Pagination.Previous = PaginationPrevious;
 Pagination.Next = PaginationNext;
 
 function getIconClasses(library, name, variant, features) {
-    let baseClass = '';
-    let iconClass = '';
-    let featureList = Array.isArray(features)
+    let baseClass;
+    let iconClass;
+    const featureList = Array.isArray(features)
         ? features
         : features
             ? [features]
@@ -1353,7 +1350,7 @@ const Tabs = ({ align, size, fullwidth, boxed, toggle, rounded, color, value, on
         if (!isControlled) {
             setInternalTab(index);
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(index);
+        onChange?.(index);
     }, [isControlled, onChange]);
     const contextValue = { activeTab, setActiveTab };
     const tabsClasses = usePrefixedClassNames('tabs', {
@@ -1488,7 +1485,8 @@ const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose,
     const isControlled = controlledOpen !== undefined;
     const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
     const isOpen = isControlled ? controlledOpen : internalOpen;
-    const uniqueId = React.useRef(ariaId || `collapse-${Math.random().toString(36).slice(2, 9)}`);
+    const generatedId = React.useId();
+    const uniqueId = ariaId || generatedId;
     React.useEffect(() => {
         if (!contentRef.current)
             return undefined;
@@ -1522,10 +1520,10 @@ const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose,
             const newOpen = !internalOpen;
             setInternalOpen(newOpen);
             if (newOpen) {
-                onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+                onOpen?.();
             }
             else {
-                onClose === null || onClose === void 0 ? void 0 : onClose();
+                onClose?.();
             }
         }
     }, [isControlled, internalOpen, onOpen, onClose]);
@@ -1565,8 +1563,8 @@ const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose,
             display: isOpen ? 'block' : 'none',
         };
     }
-    const triggerElement = (jsxRuntime.jsx("div", { className: combinedTriggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": isOpen, "aria-controls": uniqueId.current, children: trigger }));
-    const contentElement = (jsxRuntime.jsx("div", { style: contentWrapperStyle, children: jsxRuntime.jsx("div", { ref: contentRef, id: uniqueId.current, className: combinedContentClasses, "aria-hidden": !isOpen, children: children }) }));
+    const triggerElement = (jsxRuntime.jsx("div", { className: combinedTriggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": isOpen, "aria-controls": uniqueId, children: trigger }));
+    const contentElement = (jsxRuntime.jsx("div", { style: contentWrapperStyle, children: jsxRuntime.jsx("div", { ref: contentRef, id: uniqueId, className: combinedContentClasses, "aria-hidden": !isOpen, children: children }) }));
     return (jsxRuntime.jsx("div", { className: combinedClasses, ...rest, children: position === 'bottom' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [contentElement, triggerElement] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [triggerElement, contentElement] })) }));
 };
 
@@ -1744,7 +1742,7 @@ const Step = ({ isActive = false, isCompleted = false, label, icon, clickable =
     const markerContent = icon ||
         (isCompleted && resolvedCompletedIcon
             ? resolvedCompletedIcon
-            : (stepNumber !== null && stepNumber !== void 0 ? stepNumber : null));
+            : (stepNumber ?? null));
     return (jsxRuntime.jsx("li", { className: stepClasses, onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: clickable ? 0 : undefined, role: clickable ? 'button' : undefined, "aria-current": isActive ? 'step' : undefined, ...rest, children: jsxRuntime.jsxs("div", { className: "steps-link", children: [jsxRuntime.jsx("span", { className: "steps-marker", children: markerContent }), (label || children) && (jsxRuntime.jsx("div", { className: "steps-content", children: jsxRuntime.jsx("p", { className: "steps-title", children: label || children }) }))] }) }));
 };
 const Steps = ({ value = 0, items, size, color, hasMarker = true, animated = true, rounded = true, vertical = false, labelPosition = 'bottom', mobileMode, showStepNumbers = true, hasNavigation = false, prevLabel, nextLabel, onPrev, onNext, onStepClick, className, children, ...props }) => {
@@ -1785,7 +1783,7 @@ const Steps = ({ value = 0, items, size, color, hasMarker = true, animated = tru
         }
         return null;
     };
-    return (jsxRuntime.jsxs("div", { className: combinedClasses, ...rest, children: [jsxRuntime.jsx("ul", { className: listClasses, children: renderSteps() }), hasNavigation && (jsxRuntime.jsxs("div", { className: "steps-navigation", children: [jsxRuntime.jsx("button", { className: "button", disabled: value === 0, onClick: onPrev !== null && onPrev !== void 0 ? onPrev : (() => onStepClick === null || onStepClick === void 0 ? void 0 : onStepClick(value - 1)), children: prevLabel !== null && prevLabel !== void 0 ? prevLabel : 'Previous' }), jsxRuntime.jsx("button", { className: "button is-primary", disabled: value === totalSteps - 1, onClick: onNext !== null && onNext !== void 0 ? onNext : (() => onStepClick === null || onStepClick === void 0 ? void 0 : onStepClick(value + 1)), children: nextLabel !== null && nextLabel !== void 0 ? nextLabel : 'Next' })] }))] }));
+    return (jsxRuntime.jsxs("div", { className: combinedClasses, ...rest, children: [jsxRuntime.jsx("ul", { className: listClasses, children: renderSteps() }), hasNavigation && (jsxRuntime.jsxs("div", { className: "steps-navigation", children: [jsxRuntime.jsx("button", { className: "button", disabled: value === 0, onClick: onPrev ?? (() => onStepClick?.(value - 1)), children: prevLabel ?? 'Previous' }), jsxRuntime.jsx("button", { className: "button is-primary", disabled: value === totalSteps - 1, onClick: onNext ?? (() => onStepClick?.(value + 1)), children: nextLabel ?? 'Next' })] }))] }));
 };
 Steps.Step = Step;
 
@@ -1906,10 +1904,10 @@ const Toast = React.forwardRef(({ message, type = 'default', actionType, positio
     const toastRef = React.useRef(null);
     const handleClose = React.useCallback(() => {
         setIsVisible(false);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose?.();
     }, [onClose]);
     const handleAction = React.useCallback(() => {
-        onAction === null || onAction === void 0 ? void 0 : onAction();
+        onAction?.();
         handleClose();
     }, [onAction, handleClose]);
     React.useEffect(() => {
@@ -2096,11 +2094,11 @@ const Dialog = React.forwardRef(({ isOpen, title, message, type = 'default', con
     const cancelRef = React.useRef(null);
     const handleCancel = React.useCallback(() => {
         if (canCancel) {
-            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+            onCancel?.();
         }
     }, [canCancel, onCancel]);
     const handleConfirm = React.useCallback(() => {
-        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+        onConfirm?.();
     }, [onConfirm]);
     const handleBackgroundClick = React.useCallback(() => {
         if (canCancel) {
@@ -2121,7 +2119,7 @@ const Dialog = React.forwardRef(({ isOpen, title, message, type = 'default', con
     React.useEffect(() => {
         if (isOpen) {
             const buttonToFocus = focusCancel && showCancel ? cancelRef.current : confirmRef.current;
-            buttonToFocus === null || buttonToFocus === void 0 ? void 0 : buttonToFocus.focus();
+            buttonToFocus?.focus();
         }
     }, [isOpen, focusCancel, showCancel]);
     React.useEffect(() => {
@@ -2321,7 +2319,7 @@ const Carousel = React.forwardRef(({ value: controlledValue, autoplay = false, i
         if (syncDisplay) {
             setDisplayIndex(newIndex);
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(newIndex);
+        onChange?.(newIndex);
     }, [controlledValue, itemCount, repeat, onChange]);
     const goToPrev = React.useCallback(() => {
         if (activeIndex === 0 && repeat && itemCount > 1) {
@@ -2409,8 +2407,7 @@ const Carousel = React.forwardRef(({ value: controlledValue, autoplay = false, i
     }, [handleDragEnd]);
     React.useEffect(() => {
         const handleKeyDown = (e) => {
-            var _a;
-            if (!((_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)))
+            if (!carouselRef.current?.contains(document.activeElement))
                 return;
             switch (e.key) {
                 case 'ArrowLeft':
@@ -3116,17 +3113,16 @@ const Checkbox = React.forwardRef(({ color, size, className, children, textColor
         ...props,
     });
     const group = useCheckboxesGroup();
-    const effectiveName = name !== null && name !== void 0 ? name : group === null || group === void 0 ? void 0 : group.name;
-    const groupManaged = (group === null || group === void 0 ? void 0 : group.value) !== undefined && value !== undefined;
+    const effectiveName = name ?? group?.name;
+    const groupManaged = group?.value !== undefined && value !== undefined;
     const groupHas = groupManaged && group.value.includes(String(value));
     const effectiveChecked = checked !== undefined ? checked : groupManaged ? groupHas : undefined;
     const effectiveDefaultChecked = groupManaged ? undefined : defaultChecked;
     const handleChange = React.useCallback((e) => {
-        var _a;
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-        if ((group === null || group === void 0 ? void 0 : group.onChange) && value !== undefined) {
+        onChange?.(e);
+        if (group?.onChange && value !== undefined) {
             const valStr = String(value);
-            const currentArr = (_a = group.value) !== null && _a !== void 0 ? _a : [];
+            const currentArr = group.value ?? [];
             const next = e.target.checked
                 ? currentArr.includes(valStr)
                     ? currentArr
@@ -3187,29 +3183,23 @@ const Field = ({ horizontal, grouped, hasAddons, narrow, label, labelSize, label
         'is-grouped-multiline': grouped === 'multiline',
     });
     const fieldClass = classNames(mainClass, bulmaHelperClasses, className);
-    const effectiveLabelSize = labelSize !== null && labelSize !== void 0 ? labelSize : (horizontal ? 'normal' : undefined);
+    const effectiveLabelSize = labelSize ?? (horizontal ? 'normal' : undefined);
     const labelClass = usePrefixedClassNames('label');
     let renderedLabel = null;
     if (label) {
         if (horizontal) {
-            renderedLabel = (jsxRuntime.jsx(FieldLabel, { size: effectiveLabelSize, children: jsxRuntime.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: labelProps === null || labelProps === void 0 ? void 0 : labelProps.style, children: label }) }));
+            renderedLabel = (jsxRuntime.jsx(FieldLabel, { size: effectiveLabelSize, children: jsxRuntime.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps?.className), style: labelProps?.style, children: label }) }));
         }
         else {
-            renderedLabel = (jsxRuntime.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: { display: 'block', ...((labelProps === null || labelProps === void 0 ? void 0 : labelProps.style) || {}) }, children: label }));
+            renderedLabel = (jsxRuntime.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps?.className), style: { display: 'block', ...(labelProps?.style || {}) }, children: label }));
         }
     }
     let content = children;
     if (horizontal) {
-        const isFieldBody = (c) => {
-            var _a;
-            return React.isValidElement(c) &&
-                (c.type === FieldBody || ((_a = c.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'FieldBody');
-        };
-        const isFieldLabel = (c) => {
-            var _a;
-            return React.isValidElement(c) &&
-                (c.type === FieldLabel || ((_a = c.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'FieldLabel');
-        };
+        const isFieldBody = (c) => React.isValidElement(c) &&
+            (c.type === FieldBody || c.type?.displayName === 'FieldBody');
+        const isFieldLabel = (c) => React.isValidElement(c) &&
+            (c.type === FieldLabel || c.type?.displayName === 'FieldLabel');
         const childArray = React.Children.toArray(children);
         const userProvidedStructure = childArray.some(c => isFieldBody(c) || isFieldLabel(c));
         if (userProvidedStructure) {
@@ -3287,7 +3277,7 @@ const Checkboxes = ({ label, labelSize, labelProps, horizontal, message, message
     const handleChange = React.useCallback((newValues) => {
         if (!isControlled)
             setInternalValue(newValues);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValues);
+        onChange?.(newValues);
     }, [isControlled, onChange]);
     const ctx = React.useMemo(() => ({
         name,
@@ -3356,8 +3346,8 @@ const Radio = React.forwardRef(({ color, size, className, children, textColor, d
         ...props,
     });
     const group = useRadiosGroup();
-    const effectiveName = name !== null && name !== void 0 ? name : group === null || group === void 0 ? void 0 : group.name;
-    const groupManaged = (group === null || group === void 0 ? void 0 : group.value) !== undefined && value !== undefined;
+    const effectiveName = name ?? group?.name;
+    const groupManaged = group?.value !== undefined && value !== undefined;
     const effectiveChecked = checked !== undefined
         ? checked
         : groupManaged
@@ -3365,8 +3355,8 @@ const Radio = React.forwardRef(({ color, size, className, children, textColor, d
             : undefined;
     const effectiveDefaultChecked = groupManaged ? undefined : defaultChecked;
     const handleChange = React.useCallback((e) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-        if ((group === null || group === void 0 ? void 0 : group.onChange) && value !== undefined) {
+        onChange?.(e);
+        if (group?.onChange && value !== undefined) {
             group.onChange(String(value));
         }
     }, [onChange, group, value]);
@@ -3398,7 +3388,7 @@ const Radios = ({ label, labelSize, labelProps, horizontal, message, messageColo
     const handleChange = React.useCallback((newValue) => {
         if (!isControlled)
             setInternalValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        onChange?.(newValue);
     }, [isControlled, onChange]);
     const ctx = React.useMemo(() => ({
         name,
@@ -3464,7 +3454,6 @@ function getTickPositions(min, max, step, ticks, marks) {
     return positions;
 }
 const Slider = React.forwardRef((props, ref) => {
-    var _a, _b, _c;
     let range;
     let controlledValue;
     let defaultValue;
@@ -3479,7 +3468,7 @@ const Slider = React.forwardRef((props, ref) => {
         defaultValue = props.defaultValue;
         onChange = props.onChange;
         ariaLabel = props.ariaLabel;
-        minDistance = (_a = props.minDistance) !== null && _a !== void 0 ? _a : 0;
+        minDistance = props.minDistance ?? 0;
         nameLow = props.nameLow;
         nameHigh = props.nameHigh;
     }
@@ -3494,9 +3483,9 @@ const Slider = React.forwardRef((props, ref) => {
     const insideField = useInsideField();
     const insideControl = useInsideControl();
     const { bulmaHelperClasses, rest } = useBulmaClasses(restProps);
-    const tooltipMode = tooltip !== null && tooltip !== void 0 ? tooltip : (showOutput ? 'auto' : 'hidden');
-    const [internalRange, setInternalRange] = React.useState(() => { var _a; return range ? ((_a = defaultValue) !== null && _a !== void 0 ? _a : [min, max]) : [min, min]; });
-    const [internalSingle, setInternalSingle] = React.useState(() => { var _a; return !range ? ((_a = defaultValue) !== null && _a !== void 0 ? _a : 0) : 0; });
+    const tooltipMode = tooltip ?? (showOutput ? 'auto' : 'hidden');
+    const [internalRange, setInternalRange] = React.useState(() => range ? (defaultValue ?? [min, max]) : [min, min]);
+    const [internalSingle, setInternalSingle] = React.useState(() => !range ? (defaultValue ?? 0) : 0);
     const [showTooltip, setShowTooltip] = React.useState(false);
     const [showTooltipHigh, setShowTooltipHigh] = React.useState(false);
     const inputRef = React.useRef(null);
@@ -3538,7 +3527,7 @@ const Slider = React.forwardRef((props, ref) => {
         const newValue = parseFloat(e.target.value);
         if (!isControlled)
             setInternalSingle(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        onChange?.(newValue);
     }, [isControlled, onChange]);
     const handleRangeLowChange = React.useCallback((e) => {
         const raw = parseFloat(e.target.value);
@@ -3546,7 +3535,7 @@ const Slider = React.forwardRef((props, ref) => {
         const newRange = [clamped, currentRange[1]];
         if (!isControlled)
             setInternalRange(newRange);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newRange);
+        onChange?.(newRange);
     }, [isControlled, onChange, currentRange, minDistance]);
     const handleRangeHighChange = React.useCallback((e) => {
         const raw = parseFloat(e.target.value);
@@ -3554,7 +3543,7 @@ const Slider = React.forwardRef((props, ref) => {
         const newRange = [currentRange[0], clamped];
         if (!isControlled)
             setInternalRange(newRange);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newRange);
+        onChange?.(newRange);
     }, [isControlled, onChange, currentRange, minDistance]);
     const handleKeyDown = React.useCallback((e) => {
         if (e.key === 'Home') {
@@ -3562,7 +3551,7 @@ const Slider = React.forwardRef((props, ref) => {
             if (!range) {
                 if (!isControlled)
                     setInternalSingle(min);
-                onChange === null || onChange === void 0 ? void 0 : onChange(min);
+                onChange?.(min);
             }
         }
         else if (e.key === 'End') {
@@ -3570,7 +3559,7 @@ const Slider = React.forwardRef((props, ref) => {
             if (!range) {
                 if (!isControlled)
                     setInternalSingle(max);
-                onChange === null || onChange === void 0 ? void 0 : onChange(max);
+                onChange?.(max);
             }
         }
     }, [range, isControlled, onChange, min, max]);
@@ -3757,7 +3746,7 @@ const Slider = React.forwardRef((props, ref) => {
                     : {
                         '--slider-progress-low': `${progressLow}%`,
                         '--slider-progress-high': `${progressHigh}%`,
-                    } }), jsxRuntime.jsx("input", { ref: combinedRef, type: "range", min: min, max: max, step: step, value: currentRange[0], disabled: disabled, onChange: handleRangeLowChange, onKeyDown: handleKeyDown, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onFocus: () => setShowTooltip(true), onBlur: () => setShowTooltip(false), className: "slider-input slider-input-low", "aria-valuenow": currentRange[0], "aria-valuemin": min, "aria-valuemax": max, "aria-orientation": isVertical ? 'vertical' : undefined, "aria-label": (_b = ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel[0]) !== null && _b !== void 0 ? _b : 'Minimum value', ...getAriaProps(currentRange[0]), ...rest, ...(nameLow !== undefined ? { name: nameLow } : {}) }), jsxRuntime.jsx("input", { ref: inputHighRef, type: "range", min: min, max: max, step: step, value: currentRange[1], disabled: disabled, onChange: handleRangeHighChange, onMouseEnter: () => setShowTooltipHigh(true), onMouseLeave: () => setShowTooltipHigh(false), onFocus: () => setShowTooltipHigh(true), onBlur: () => setShowTooltipHigh(false), className: "slider-input slider-input-high", "aria-valuenow": currentRange[1], "aria-valuemin": min, "aria-valuemax": max, "aria-orientation": isVertical ? 'vertical' : undefined, "aria-label": (_c = ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel[1]) !== null && _c !== void 0 ? _c : 'Maximum value', ...getAriaProps(currentRange[1]), name: nameHigh }), tooltipMode !== 'hidden' && (jsxRuntime.jsx("output", { ref: outputRef, className: classNames('slider-output slider-output-low', {
+                    } }), jsxRuntime.jsx("input", { ref: combinedRef, type: "range", min: min, max: max, step: step, value: currentRange[0], disabled: disabled, onChange: handleRangeLowChange, onKeyDown: handleKeyDown, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onFocus: () => setShowTooltip(true), onBlur: () => setShowTooltip(false), className: "slider-input slider-input-low", "aria-valuenow": currentRange[0], "aria-valuemin": min, "aria-valuemax": max, "aria-orientation": isVertical ? 'vertical' : undefined, "aria-label": ariaLabel?.[0] ?? 'Minimum value', ...getAriaProps(currentRange[0]), ...rest, ...(nameLow !== undefined ? { name: nameLow } : {}) }), jsxRuntime.jsx("input", { ref: inputHighRef, type: "range", min: min, max: max, step: step, value: currentRange[1], disabled: disabled, onChange: handleRangeHighChange, onMouseEnter: () => setShowTooltipHigh(true), onMouseLeave: () => setShowTooltipHigh(false), onFocus: () => setShowTooltipHigh(true), onBlur: () => setShowTooltipHigh(false), className: "slider-input slider-input-high", "aria-valuenow": currentRange[1], "aria-valuemin": min, "aria-valuemax": max, "aria-orientation": isVertical ? 'vertical' : undefined, "aria-label": ariaLabel?.[1] ?? 'Maximum value', ...getAriaProps(currentRange[1]), name: nameHigh }), tooltipMode !== 'hidden' && (jsxRuntime.jsx("output", { ref: outputRef, className: classNames('slider-output slider-output-low', {
                     'is-visible': showTipLow,
                     'is-flipped': flipped,
                     'is-flipped-left': isVertical && verticalFlippedLeft,
@@ -3813,7 +3802,7 @@ const ArrowDropUp = () => (jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "
 const ArrowDropDown = () => (jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: jsxRuntime.jsx("path", { d: "M7 9.5l5 5 5-5" }) }));
 const Numberinput = React.forwardRef(({ label, labelSize, labelProps, horizontal, message, messageColor, fieldClassName, value: controlledValue, defaultValue, min, max, step = 1, size, color, inputColor, controlsPosition = 'both', controlsRounded = false, compact = false, bare, variant = 'plusminus', disabled = false, editable = true, isLoading = false, exponential = false, onChange, className, ...props }, ref) => {
     const insideField = useInsideField();
-    const effectiveBare = bare !== null && bare !== void 0 ? bare : insideField;
+    const effectiveBare = bare ?? insideField;
     const { bulmaHelperClasses, rest } = useBulmaClasses(props);
     const [internalValue, setInternalValue] = React.useState(defaultValue);
     const inputRef = React.useRef(null);
@@ -3835,18 +3824,18 @@ const Numberinput = React.forwardRef(({ label, labelSize, labelProps, horizontal
         if (!isControlled) {
             setInternalValue(clampedValue);
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(clampedValue);
+        onChange?.(clampedValue);
     }, [isControlled, clampValue, onChange]);
     const getEffectiveStep = React.useCallback(() => {
         if (!exponential)
             return step;
-        return step * Math.max(1, Math.floor(Math.abs(currentValue !== null && currentValue !== void 0 ? currentValue : 0)));
+        return step * Math.max(1, Math.floor(Math.abs(currentValue ?? 0)));
     }, [exponential, step, currentValue]);
     const handleIncrement = React.useCallback(() => {
-        updateValue((currentValue !== null && currentValue !== void 0 ? currentValue : 0) + getEffectiveStep());
+        updateValue((currentValue ?? 0) + getEffectiveStep());
     }, [currentValue, getEffectiveStep, updateValue]);
     const handleDecrement = React.useCallback(() => {
-        updateValue((currentValue !== null && currentValue !== void 0 ? currentValue : 0) - getEffectiveStep());
+        updateValue((currentValue ?? 0) - getEffectiveStep());
     }, [currentValue, getEffectiveStep, updateValue]);
     const handleInputChange = React.useCallback((e) => {
         const newValue = parseFloat(e.target.value);
@@ -3909,7 +3898,7 @@ const Numberinput = React.forwardRef(({ label, labelSize, labelProps, horizontal
             ref.current = node;
         }
     };
-    const inputControl = (jsxRuntime.jsx("div", { className: expandedControlClasses, children: jsxRuntime.jsx("input", { ref: combinedRef, type: "number", className: inputClasses, value: currentValue !== null && currentValue !== void 0 ? currentValue : '', min: min, max: max, step: step, disabled: disabled, readOnly: !editable, onChange: handleInputChange, onKeyDown: handleKeyDown, "aria-valuenow": currentValue !== null && currentValue !== void 0 ? currentValue : undefined, "aria-valuemin": min, "aria-valuemax": max, ...rest }) }));
+    const inputControl = (jsxRuntime.jsx("div", { className: expandedControlClasses, children: jsxRuntime.jsx("input", { ref: combinedRef, type: "number", className: inputClasses, value: currentValue ?? '', min: min, max: max, step: step, disabled: disabled, readOnly: !editable, onChange: handleInputChange, onKeyDown: handleKeyDown, "aria-valuenow": currentValue ?? undefined, "aria-valuemin": min, "aria-valuemax": max, ...rest }) }));
     if (isStepper) {
         const stepperElement = (jsxRuntime.jsxs("div", { className: combinedClasses, children: [inputControl, jsxRuntime.jsx("div", { className: controlClasses, children: jsxRuntime.jsxs("div", { className: stepperClasses, children: [jsxRuntime.jsx("button", { type: "button", className: stepperButtonClasses, onClick: handleIncrement, disabled: disabled || isAtMax, tabIndex: -1, "aria-label": "Increase value", children: jsxRuntime.jsx(ArrowDropUp, {}) }), jsxRuntime.jsx("button", { type: "button", className: stepperButtonClasses, onClick: handleDecrement, disabled: disabled || isAtMin, tabIndex: -1, "aria-label": "Decrease value", children: jsxRuntime.jsx(ArrowDropDown, {}) })] }) })] }));
         if (!insideField) {
@@ -3977,7 +3966,7 @@ const Rate = React.forwardRef(({ label, labelSize, labelProps, horizontal, messa
         if (!isControlled) {
             setInternalValue(finalValue);
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
+        onChange?.(finalValue);
     }, [isControlled, currentValue, disabled, onChange]);
     const handleClick = React.useCallback((iconIndex, e) => {
         if (disabled)
@@ -4042,7 +4031,7 @@ const Rate = React.forwardRef(({ label, labelSize, labelProps, horizontal, messa
             if (!isControlled) {
                 setInternalValue(newValue);
             }
-            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+            onChange?.(newValue);
         }
     }, [currentValue, max, precision, disabled, isControlled, onChange]);
     const getText = () => {
@@ -4092,7 +4081,7 @@ const Rate = React.forwardRef(({ label, labelSize, labelProps, horizontal, messa
             const iconProps = {
                 index: iconIndex,
                 isActive: fillPercent > 0,
-                isHovered: hoverValue !== null && iconIndex < (hoverValue !== null && hoverValue !== void 0 ? hoverValue : 0),
+                isHovered: hoverValue !== null && iconIndex < (hoverValue ?? 0),
                 value: displayValue,
                 fillPercent,
             };
@@ -4175,7 +4164,7 @@ const Autocomplete = React.forwardRef(({ data = [], value: controlledValue, plac
         if (controlledValue === undefined) {
             setInternalValue(newValue);
         }
-        onInput === null || onInput === void 0 ? void 0 : onInput(newValue);
+        onInput?.(newValue);
         if (!isActive && newValue) {
             setIsActive(true);
         }
@@ -4187,21 +4176,20 @@ const Autocomplete = React.forwardRef(({ data = [], value: controlledValue, plac
         if (controlledValue === undefined) {
             setInternalValue(displayValue);
         }
-        onInput === null || onInput === void 0 ? void 0 : onInput(displayValue);
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
+        onInput?.(displayValue);
+        onSelect?.(item);
         if (!keepOpen) {
             setIsActive(false);
         }
         setHighlightedIndex(-1);
     }, [controlledValue, field, keepOpen, onInput, onSelect]);
     const handleClear = React.useCallback(() => {
-        var _a;
         if (controlledValue === undefined) {
             setInternalValue('');
         }
-        onInput === null || onInput === void 0 ? void 0 : onInput('');
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(null);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        onInput?.('');
+        onSelect?.(null);
+        inputRef.current?.focus();
     }, [controlledValue, onInput, onSelect]);
     const handleFocus = React.useCallback(() => {
         if (openOnFocus && !disabled) {
@@ -4233,7 +4221,7 @@ const Autocomplete = React.forwardRef(({ data = [], value: controlledValue, plac
         handleSelect,
     ]);
     React.useEffect(() => {
-        onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(isActive);
+        onActiveChange?.(isActive);
     }, [isActive, onActiveChange]);
     React.useEffect(() => {
         if (keepFirst && isActive && filteredData.length > 0) {
@@ -4281,7 +4269,7 @@ const Autocomplete = React.forwardRef(({ data = [], value: controlledValue, plac
             return;
         const { scrollTop, scrollHeight, clientHeight } = dropdownRef.current;
         if (scrollHeight - scrollTop - clientHeight <= infiniteScrollDistance) {
-            onInfiniteScroll === null || onInfiniteScroll === void 0 ? void 0 : onInfiniteScroll();
+            onInfiniteScroll?.();
         }
     }, [checkInfiniteScroll, infiniteScrollDistance, onInfiniteScroll]);
     React.useEffect(() => {
@@ -4387,7 +4375,7 @@ const Taginput = React.forwardRef(({ label, labelSize, labelProps, horizontal, m
         if (controlledValue === undefined) {
             setInternalTags(newTags);
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(newTags);
+        onChange?.(newTags);
     }, [controlledValue, onChange]);
     const addTag = React.useCallback((value) => {
         if (disabled || readonly)
@@ -4411,7 +4399,7 @@ const Taginput = React.forwardRef(({ label, labelSize, labelProps, horizontal, m
         const finalTag = createTag ? createTag(displayValue) : tagValue;
         const newTags = [...tags, finalTag];
         updateTags(newTags);
-        onAdd === null || onAdd === void 0 ? void 0 : onAdd(finalTag);
+        onAdd?.(finalTag);
         setInputValue('');
         if (!keepOpen) {
             setIsActive(false);
@@ -4438,7 +4426,7 @@ const Taginput = React.forwardRef(({ label, labelSize, labelProps, horizontal, m
         const removedTag = tags[index];
         const newTags = tags.filter((_, i) => i !== index);
         updateTags(newTags);
-        onRemove === null || onRemove === void 0 ? void 0 : onRemove(removedTag, index);
+        onRemove?.(removedTag, index);
     }, [disabled, readonly, tags, updateTags, onRemove]);
     const handleInputChange = React.useCallback((e) => {
         const newValue = e.target.value;
@@ -4451,7 +4439,7 @@ const Taginput = React.forwardRef(({ label, labelSize, labelProps, horizontal, m
             return;
         }
         setInputValue(newValue);
-        onTyping === null || onTyping === void 0 ? void 0 : onTyping(newValue);
+        onTyping?.(newValue);
         if (newValue && data.length > 0) {
             setIsActive(true);
         }
@@ -4556,8 +4544,7 @@ const Taginput = React.forwardRef(({ label, labelSize, labelProps, horizontal, m
         }
     }, [ref]);
     const handleContainerClick = React.useCallback(() => {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        inputRef.current?.focus();
     }, []);
     const taginputClasses = pcn('taginput', {
         'is-active': isActive,
@@ -4765,7 +4752,7 @@ const DEFAULT_PICKER_LABELS = {
 };
 const mergeLabels = (overrides) => ({
     ...DEFAULT_PICKER_LABELS,
-    ...(overrides !== null && overrides !== void 0 ? overrides : {}),
+    ...(overrides ?? {}),
 });
 
 const DEFAULT_DATE_FORMAT = 'YYYY-MM-DD';
@@ -4823,19 +4810,19 @@ function formatWithIntl(d, options, locale) {
     return new Intl.DateTimeFormat(locale, options).format(d);
 }
 function formatDate(d, fmt, locale) {
-    const f = fmt !== null && fmt !== void 0 ? fmt : DEFAULT_DATE_FORMAT;
+    const f = fmt ?? DEFAULT_DATE_FORMAT;
     if (typeof f === 'string')
         return formatTokenString(d, f);
     return formatWithIntl(d, f, locale);
 }
 function formatTime(d, fmt, locale) {
-    const f = fmt !== null && fmt !== void 0 ? fmt : DEFAULT_TIME_FORMAT_24;
+    const f = fmt ?? DEFAULT_TIME_FORMAT_24;
     if (typeof f === 'string')
         return formatTokenString(d, f);
     return formatWithIntl(d, f, locale);
 }
 function formatDateTime(d, fmt, locale) {
-    const f = fmt !== null && fmt !== void 0 ? fmt : DEFAULT_DATETIME_FORMAT;
+    const f = fmt ?? DEFAULT_DATETIME_FORMAT;
     if (typeof f === 'string')
         return formatTokenString(d, f);
     return formatWithIntl(d, f, locale);
@@ -4852,19 +4839,18 @@ function hourCycleFromFormat(fmt) {
     return null;
 }
 function parseDate(s, fmt, _locale) {
-    var _a, _b, _c, _d, _e, _f;
     if (!s)
         return null;
-    const format = fmt !== null && fmt !== void 0 ? fmt : DEFAULT_DATE_FORMAT;
+    const format = fmt ?? DEFAULT_DATE_FORMAT;
     const parts = parseTokens(s, format);
     if (!parts)
         return null;
-    const year = (_a = parts.year) !== null && _a !== void 0 ? _a : new Date().getFullYear();
-    const month = ((_b = parts.month) !== null && _b !== void 0 ? _b : 1) - 1;
-    const day = (_c = parts.day) !== null && _c !== void 0 ? _c : 1;
-    const hours = (_d = parts.hours) !== null && _d !== void 0 ? _d : 0;
-    const minutes = (_e = parts.minutes) !== null && _e !== void 0 ? _e : 0;
-    const seconds = (_f = parts.seconds) !== null && _f !== void 0 ? _f : 0;
+    const year = parts.year ?? new Date().getFullYear();
+    const month = (parts.month ?? 1) - 1;
+    const day = parts.day ?? 1;
+    const hours = parts.hours ?? 0;
+    const minutes = parts.minutes ?? 0;
+    const seconds = parts.seconds ?? 0;
     const d = new Date(year, month, day, hours, minutes, seconds, 0);
     if (d.getFullYear() !== year ||
         d.getMonth() !== month ||
@@ -4874,15 +4860,14 @@ function parseDate(s, fmt, _locale) {
     return d;
 }
 function parseTime(s, fmt) {
-    var _a, _b, _c;
     if (!s)
         return null;
-    const format = fmt !== null && fmt !== void 0 ? fmt : DEFAULT_TIME_FORMAT_24;
+    const format = fmt ?? DEFAULT_TIME_FORMAT_24;
     const parts = parseTokens(s, format);
     if (!parts)
         return null;
     const today = new Date();
-    return new Date(today.getFullYear(), today.getMonth(), today.getDate(), (_a = parts.hours) !== null && _a !== void 0 ? _a : 0, (_b = parts.minutes) !== null && _b !== void 0 ? _b : 0, (_c = parts.seconds) !== null && _c !== void 0 ? _c : 0, 0);
+    return new Date(today.getFullYear(), today.getMonth(), today.getDate(), parts.hours ?? 0, parts.minutes ?? 0, parts.seconds ?? 0, 0);
 }
 function escapeRegExp(s) {
     return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
@@ -5156,9 +5141,9 @@ const Calendar = ({ value, focusedDate, onSelect, onFocusedDateChange, min, max,
     const isDateUnselectable = React.useCallback((d) => {
         if (!isWithin(d, min, max))
             return true;
-        if (shouldDisableDate === null || shouldDisableDate === void 0 ? void 0 : shouldDisableDate(d))
+        if (shouldDisableDate?.(d))
             return true;
-        if (unselectableDates === null || unselectableDates === void 0 ? void 0 : unselectableDates.some(u => isSameDay(u, d)))
+        if (unselectableDates?.some(u => isSameDay(u, d)))
             return true;
         return false;
     }, [min, max, shouldDisableDate, unselectableDates]);
@@ -5255,7 +5240,7 @@ const Calendar = ({ value, focusedDate, onSelect, onFocusedDateChange, min, max,
         const focusedYear = focusedDate.getFullYear();
         const minYear = min ? min.getFullYear() : focusedYear - 100;
         const maxYear = max ? max.getFullYear() : focusedYear + 100;
-        const [lo, hi] = yearsRange !== null && yearsRange !== void 0 ? yearsRange : [minYear, maxYear];
+        const [lo, hi] = yearsRange ?? [minYear, maxYear];
         const start = Math.max(lo, minYear);
         const end = Math.min(hi, maxYear);
         const out = [];
@@ -5275,14 +5260,14 @@ const Calendar = ({ value, focusedDate, onSelect, onFocusedDateChange, min, max,
         if (!autoFocusCell || !gridRef.current)
             return;
         const target = gridRef.current.querySelector('[data-focused="true"]');
-        target === null || target === void 0 ? void 0 : target.focus();
+        target?.focus();
     }, [autoFocusCell, focusedDate, view]);
     React.useEffect(() => {
         if (view !== 'years' || !yearGridRef.current)
             return;
         const sel = yearGridRef.current.querySelector('[data-focused-year="true"]');
-        sel === null || sel === void 0 ? void 0 : sel.scrollIntoView({ block: 'center' });
-        sel === null || sel === void 0 ? void 0 : sel.focus();
+        sel?.scrollIntoView({ block: 'center' });
+        sel?.focus();
     }, [view]);
     const focusedYear = focusedDate.getFullYear();
     const todayYear = new Date().getFullYear();
@@ -5341,13 +5326,12 @@ function useFocusTrap(containerRef, active, options = {}) {
             ? document.activeElement
             : null;
         const focusInitial = () => {
-            var _a;
-            if (initialFocusRef === null || initialFocusRef === void 0 ? void 0 : initialFocusRef.current) {
+            if (initialFocusRef?.current) {
                 initialFocusRef.current.focus();
                 return;
             }
             const focusables = Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter(el => !el.hasAttribute('disabled'));
-            const target = (_a = focusables[0]) !== null && _a !== void 0 ? _a : container;
+            const target = focusables[0] ?? container;
             target.focus();
         };
         focusInitial();
@@ -5374,7 +5358,7 @@ function useFocusTrap(containerRef, active, options = {}) {
         container.addEventListener('keydown', handleKeyDown);
         return () => {
             container.removeEventListener('keydown', handleKeyDown);
-            if (restoreFocus && (previouslyFocused === null || previouslyFocused === void 0 ? void 0 : previouslyFocused.focus)) {
+            if (restoreFocus && previouslyFocused?.focus) {
                 previouslyFocused.focus();
             }
         };
@@ -5748,13 +5732,12 @@ function setAmPm(currentDate, isPm) {
     return next;
 }
 function segmentIndexAtCaret(map, caret) {
-    var _a;
     for (const idx of map.editable) {
         const s = map.segments[idx];
         if (caret >= s.start && caret <= s.end)
             return idx;
     }
-    let bestIdx = (_a = map.editable[0]) !== null && _a !== void 0 ? _a : null;
+    let bestIdx = map.editable[0] ?? null;
     let bestDist = Infinity;
     for (const idx of map.editable) {
         const s = map.segments[idx];
@@ -5774,8 +5757,8 @@ function useSegmentedEntry(params) {
     const [activeSegmentIdx, setActiveSegmentIdx] = React.useState(null);
     const typedDigitsRef = React.useRef('');
     const segmentEditable = !!segmentMap && !!editable && !disabled && !readOnly;
-    const segmentBaseDate = React.useCallback(() => value !== null && value !== void 0 ? value : makeBaseDate(), [value, makeBaseDate]);
-    const isAllowed = React.useCallback((d) => isWithin(d, min, max) && !(isBlocked === null || isBlocked === void 0 ? void 0 : isBlocked(d)), [min, max, isBlocked]);
+    const segmentBaseDate = React.useCallback(() => value ?? makeBaseDate(), [value, makeBaseDate]);
+    const isAllowed = React.useCallback((d) => isWithin(d, min, max) && !isBlocked?.(d), [min, max, isBlocked]);
     const applyDateFromSegment = React.useCallback((next) => {
         if (!isAllowed(next))
             return;
@@ -5818,7 +5801,7 @@ function useSegmentedEntry(params) {
             containerRef.current !== null &&
             containerRef.current.contains(nextFocus);
         if (stayingInPicker) {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+            onBlur?.(e);
             return;
         }
         setActiveSegmentIdx(null);
@@ -5830,7 +5813,7 @@ function useSegmentedEntry(params) {
         else {
             setText(value ? formatFn(value, format, locale) : '');
         }
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        onBlur?.(e);
     }, [
         containerRef,
         tryParse,
@@ -5854,7 +5837,7 @@ function useSegmentedEntry(params) {
             typedDigitsRef.current = '';
             setActiveSegmentIdx(segmentMap.editable[0]);
         }
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+        onFocus?.(e);
     }, [
         openOnFocus,
         popover,
@@ -5872,18 +5855,17 @@ function useSegmentedEntry(params) {
         onFocus,
     ]);
     const handleClick = React.useCallback((e) => {
-        var _a;
         if (openOnFocus && popover && !disabled && !readOnly)
             setOpen(true);
         if (segmentEditable && segmentMap && inputRef.current) {
-            const caret = (_a = inputRef.current.selectionStart) !== null && _a !== void 0 ? _a : 0;
+            const caret = inputRef.current.selectionStart ?? 0;
             const idx = segmentIndexAtCaret(segmentMap, caret);
             if (idx !== null && idx !== activeSegmentIdx) {
                 typedDigitsRef.current = '';
                 setActiveSegmentIdx(idx);
             }
         }
-        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        onClick?.(e);
     }, [
         openOnFocus,
         popover,
@@ -6001,7 +5983,7 @@ function useSegmentedEntry(params) {
                     setOpen(false);
             }
         }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+        onKeyDown?.(e);
     }, [
         inSegmentMode,
         segmentMap,
@@ -6045,9 +6027,9 @@ const DateInputBase = React.forwardRef((props, ref) => {
     const { value: controlledValue, defaultValue, onChange, onOpen, onClose, min, max, disabled, readOnly, placeholder, format, parse, locale, inline = false, mobileNative = 'auto', editable = true, popover = true, openOnFocus = true, closeOnSelect = true, position = 'bottom-left', appendToBody = false, color, size, isRounded, shouldDisableDate, unselectableDates, firstDayOfWeek = 0, dayNames, monthNames, nearbyMonthDays = true, className, name, form, required, id, onFocus, onClick, onKeyDown, onBlur, iconLeftName: _iconLeftName, triggerIcon = true, triggerIconName = 'chevron-down', labels, ...rest } = props;
     const t = mergeLabels(labels);
     const isControlled = controlledValue !== undefined;
-    const [internalValue, setInternalValue] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
-    const value = isControlled ? (controlledValue !== null && controlledValue !== void 0 ? controlledValue : null) : internalValue;
-    const initialFocused = React.useMemo(() => clampDate(value !== null && value !== void 0 ? value : new Date(), min, max), []);
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
+    const value = isControlled ? (controlledValue ?? null) : internalValue;
+    const initialFocused = React.useMemo(() => clampDate(value ?? new Date(), min, max), []);
     const [focusedDate, setFocusedDate] = React.useState(initialFocused);
     React.useEffect(() => {
         setFocusedDate(prev => clampDate(prev, min, max));
@@ -6075,9 +6057,9 @@ const DateInputBase = React.forwardRef((props, ref) => {
             if (prev === next)
                 return prev;
             if (next)
-                onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+                onOpen?.();
             else
-                onClose === null || onClose === void 0 ? void 0 : onClose();
+                onClose?.();
             return next;
         });
     }, [onOpen, onClose]);
@@ -6089,7 +6071,7 @@ const DateInputBase = React.forwardRef((props, ref) => {
             setInternalValue(next);
         if (next)
             setFocusedDate(next);
-        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+        onChange?.(next);
     }, [isControlled, onChange]);
     const handleSelect = React.useCallback((d) => {
         if (!isWithin(d, min, max))
@@ -6106,7 +6088,7 @@ const DateInputBase = React.forwardRef((props, ref) => {
         const fmt = typeof format === 'string' ? format : undefined;
         return parse
             ? parse(trimmed)
-            : parseDate(trimmed, fmt !== null && fmt !== void 0 ? fmt : DEFAULT_DATE_FORMAT);
+            : parseDate(trimmed, fmt ?? DEFAULT_DATE_FORMAT);
     }, [parse, format, locale]);
     const makeBaseDate = React.useCallback(() => {
         const d = new Date();
@@ -6116,13 +6098,13 @@ const DateInputBase = React.forwardRef((props, ref) => {
     const inputReadOnlyAttr = !!readOnly || !editable;
     const canOpen = !!popover && !disabled && !readOnly;
     const isBlocked = React.useMemo(() => {
-        if (!shouldDisableDate && !(unselectableDates === null || unselectableDates === void 0 ? void 0 : unselectableDates.length))
+        if (!shouldDisableDate && !unselectableDates?.length)
             return undefined;
-        return (d) => !!(shouldDisableDate === null || shouldDisableDate === void 0 ? void 0 : shouldDisableDate(d)) ||
-            !!(unselectableDates === null || unselectableDates === void 0 ? void 0 : unselectableDates.some(u => isSameDay(u, d)));
+        return (d) => !!shouldDisableDate?.(d) ||
+            !!unselectableDates?.some(u => isSameDay(u, d));
     }, [shouldDisableDate, unselectableDates]);
     const { inputHandlers } = useSegmentedEntry({
-        format: format !== null && format !== void 0 ? format : DEFAULT_DATE_FORMAT,
+        format: format ?? DEFAULT_DATE_FORMAT,
         value,
         commitValue,
         formatFn: formatDate,
@@ -6177,13 +6159,12 @@ const DateInputBase = React.forwardRef((props, ref) => {
 DateInputBase.displayName = 'DateInputBase';
 
 const DateInput = React.forwardRef(({ label, labelSize, labelProps, horizontal, iconLeft, iconRight, iconLeftName = 'calendar', iconRightName, iconLeftSize, iconRightSize, hasIconsLeft, hasIconsRight, isLoading, isExpanded, controlSize, message, messageColor, fieldClassName, controlClassName, ...baseProps }, ref) => {
-    var _a;
     const insideField = useInsideField();
     const insideControl = useInsideControl();
     const helpClass = usePrefixedClassNames('help', {
         [`is-${messageColor}`]: !!messageColor,
     });
-    let content = (jsxRuntime.jsx(DateInputBase, { ref: ref, ...baseProps, triggerIcon: (_a = baseProps.triggerIcon) !== null && _a !== void 0 ? _a : !isLoading }));
+    let content = (jsxRuntime.jsx(DateInputBase, { ref: ref, ...baseProps, triggerIcon: baseProps.triggerIcon ?? !isLoading }));
     if (!insideControl && !baseProps.inline) {
         content = (jsxRuntime.jsx(Control, { iconLeft: iconLeft, iconRight: iconRight, iconLeftName: iconLeftName, iconRightName: iconRightName, iconLeftSize: iconLeftSize, iconRightSize: iconRightSize, hasIconsLeft: hasIconsLeft || !!iconLeftName, hasIconsRight: hasIconsRight, isLoading: isLoading, isExpanded: isExpanded, size: controlSize, className: controlClassName, children: content }));
     }
@@ -6208,11 +6189,10 @@ const tickHaptic = () => {
 
 let audioCtx = null;
 const getAudioContextCtor = () => {
-    var _a, _b;
     if (typeof window === 'undefined')
         return null;
     const w = window;
-    return (_b = (_a = w.AudioContext) !== null && _a !== void 0 ? _a : w.webkitAudioContext) !== null && _b !== void 0 ? _b : null;
+    return w.AudioContext ?? w.webkitAudioContext ?? null;
 };
 const ensureAudioCtx = () => {
     if (audioCtx)
@@ -6292,11 +6272,10 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
     const audioTickEnabledRef = React.useRef(audioTick);
     audioTickEnabledRef.current = audioTick;
     const playBandPulse = React.useCallback(() => {
-        var _a;
         const el = bandRef.current;
         if (!el || typeof el.animate !== 'function')
             return;
-        if ((_a = reducedMotionMqlRef.current) === null || _a === void 0 ? void 0 : _a.matches)
+        if (reducedMotionMqlRef.current?.matches)
             return;
         pulseAnimRef.current = el.animate([
             { transform: 'scale(1)', filter: 'brightness(1)' },
@@ -6332,15 +6311,13 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
         }
     }, []);
     React.useEffect(() => () => {
-        var _a;
         cancelRaf();
-        (_a = pulseAnimRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+        pulseAnimRef.current?.cancel();
         pulseAnimRef.current = null;
     }, [cancelRaf]);
     React.useImperativeHandle(ref, () => ({
-        focus: () => { var _a; return (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+        focus: () => rootRef.current?.focus(),
         startDrag: (pointerId, clientY) => {
-            var _a;
             if (disabled)
                 return;
             cancelRaf();
@@ -6355,7 +6332,7 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
                 samples: [{ t: now, y: clientY }],
             };
             try {
-                (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.setPointerCapture(pointerId);
+                rootRef.current?.setPointerCapture(pointerId);
             }
             catch {
             }
@@ -6445,15 +6422,15 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
                 break;
             case 'ArrowLeft':
                 e.preventDefault();
-                onFocusPrev === null || onFocusPrev === void 0 ? void 0 : onFocusPrev();
+                onFocusPrev?.();
                 break;
             case 'ArrowRight':
                 e.preventDefault();
-                onFocusNext === null || onFocusNext === void 0 ? void 0 : onFocusNext();
+                onFocusNext?.();
                 break;
             case 'Enter':
                 e.preventDefault();
-                onCommit === null || onCommit === void 0 ? void 0 : onCommit();
+                onCommit?.();
                 break;
         }
     }, [
@@ -6579,7 +6556,6 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
         };
     };
     const onPointerMove = (e) => {
-        var _a;
         const s = dragStateRef.current;
         if (s.pointerId !== e.pointerId)
             return;
@@ -6587,7 +6563,7 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
         if (!s.captured) {
             if (Math.abs(dy) < DRAG_THRESHOLD_PX)
                 return;
-            (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.setPointerCapture(e.pointerId);
+            rootRef.current?.setPointerCapture(e.pointerId);
             s.captured = true;
             setIsDragging(true);
         }
@@ -6600,13 +6576,12 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
         commitPosition(s.startPosition - dy / itemHeight);
     };
     const onPointerUp = (e) => {
-        var _a, _b;
         const s = dragStateRef.current;
         if (s.pointerId !== e.pointerId)
             return;
         if (s.captured) {
-            (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(e.pointerId);
-            (_b = rootRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            rootRef.current?.releasePointerCapture(e.pointerId);
+            rootRef.current?.focus();
             const samples = s.samples;
             let pxPerMs = 0;
             if (samples.length >= 2) {
@@ -6673,15 +6648,13 @@ const WheelInner = ({ values, index, onChange, formatLabel, formatAriaText, aria
                         height: itemHeight,
                         top: `${top}px`,
                     }, disabled: itemDisabled, onClick: () => {
-                        var _a;
                         moveBy(vIdx - virtualIdx);
-                        (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                        rootRef.current?.focus();
                     }, children: formatLabel(values[aIdx]) }, vIdx));
             })] }));
 };
 const Wheel = React.forwardRef(WheelInner);
 const TimeWheels = ({ value, onChange, hourFormat = '24', enableSeconds = false, incrementHours = 1, incrementMinutes = 1, incrementSeconds = 1, unselectableTimes, size, color, disabled, className, id, labels, visibleCount = 5, itemHeight = 32, audioTick = false, onCommit, }) => {
-    var _a;
     const t = mergeLabels(labels);
     const rootClass = usePrefixedClassNames('timeinput', {
         [`is-${color}`]: !!color,
@@ -6704,29 +6677,27 @@ const TimeWheels = ({ value, onChange, hourFormat = '24', enableSeconds = false,
         return !unselectableTimes(probe);
     }, [unselectableTimes]);
     const isHourDisabled = React.useCallback((display) => {
-        var _a;
         let h24 = display;
         if (hourFormat === '12') {
             const base = display % 12;
             h24 = isPm ? base + 12 : base;
         }
-        return !isTimeAllowed(h24, value.minutes, (_a = value.seconds) !== null && _a !== void 0 ? _a : 0);
+        return !isTimeAllowed(h24, value.minutes, value.seconds ?? 0);
     }, [hourFormat, isPm, isTimeAllowed, value.minutes, value.seconds]);
-    const isMinuteDisabled = React.useCallback((m) => { var _a; return !isTimeAllowed(value.hours, m, (_a = value.seconds) !== null && _a !== void 0 ? _a : 0); }, [isTimeAllowed, value.hours, value.seconds]);
+    const isMinuteDisabled = React.useCallback((m) => !isTimeAllowed(value.hours, m, value.seconds ?? 0), [isTimeAllowed, value.hours, value.seconds]);
     const isSecondDisabled = React.useCallback((s) => !isTimeAllowed(value.hours, value.minutes, s), [isTimeAllowed, value.hours, value.minutes]);
     const hourDisabledFor = unselectableTimes ? isHourDisabled : undefined;
     const minuteDisabledFor = unselectableTimes ? isMinuteDisabled : undefined;
     const secondDisabledFor = unselectableTimes ? isSecondDisabled : undefined;
     const commit = React.useCallback((next) => {
-        var _a, _b, _c, _d, _e;
         const merged = {
-            hours: (_a = next.hours) !== null && _a !== void 0 ? _a : value.hours,
-            minutes: (_b = next.minutes) !== null && _b !== void 0 ? _b : value.minutes,
+            hours: next.hours ?? value.hours,
+            minutes: next.minutes ?? value.minutes,
             seconds: enableSeconds
-                ? ((_d = (_c = next.seconds) !== null && _c !== void 0 ? _c : value.seconds) !== null && _d !== void 0 ? _d : 0)
+                ? (next.seconds ?? value.seconds ?? 0)
                 : undefined,
         };
-        if (!isTimeAllowed(merged.hours, merged.minutes, (_e = merged.seconds) !== null && _e !== void 0 ? _e : 0)) {
+        if (!isTimeAllowed(merged.hours, merged.minutes, merged.seconds ?? 0)) {
             return;
         }
         onChange(merged);
@@ -6765,7 +6736,7 @@ const TimeWheels = ({ value, onChange, hourFormat = '24', enableSeconds = false,
         : value.hours;
     const hourIndex = Math.max(0, hourValues.indexOf(displayedHours));
     const minuteIndex = Math.max(0, minuteValues.indexOf(value.minutes));
-    const secondIndex = Math.max(0, secondValues.indexOf((_a = value.seconds) !== null && _a !== void 0 ? _a : 0));
+    const secondIndex = Math.max(0, secondValues.indexOf(value.seconds ?? 0));
     const ampmIndex = isPm ? 1 : 0;
     const hoursRef = React.useRef(null);
     const minutesRef = React.useRef(null);
@@ -6778,7 +6749,7 @@ const TimeWheels = ({ value, onChange, hourFormat = '24', enableSeconds = false,
         columnOrder.push(secondsRef);
     if (hourFormat === '12')
         columnOrder.push(ampmRef);
-    const focusAt = (i) => { var _a, _b; return (_b = (_a = columnOrder[i]) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus(); };
+    const focusAt = (i) => columnOrder[i]?.current?.focus();
     const indexOf = (r) => columnOrder.indexOf(r);
     const focusPrevOf = (r) => () => focusAt(indexOf(r) - 1);
     const focusNextOf = (r) => () => focusAt(indexOf(r) + 1);
@@ -6789,18 +6760,17 @@ const TimeWheels = ({ value, onChange, hourFormat = '24', enableSeconds = false,
             const baseHour = display % 12;
             next24 = isPm ? baseHour + 12 : baseHour;
         }
-        const allowed = nextValid(next24, next24 >= value.hours ? 1 : -1, 24, h => { var _a; return isTimeAllowed(h, value.minutes, (_a = value.seconds) !== null && _a !== void 0 ? _a : 0); });
+        const allowed = nextValid(next24, next24 >= value.hours ? 1 : -1, 24, h => isTimeAllowed(h, value.minutes, value.seconds ?? 0));
         commit({ hours: allowed });
     };
     const onMinuteIndex = (next) => {
         const m = minuteValues[Math.max(0, Math.min(minuteValues.length - 1, next))];
-        const allowed = nextValid(m, m >= value.minutes ? 1 : -1, 60, mm => { var _a; return isTimeAllowed(value.hours, mm, (_a = value.seconds) !== null && _a !== void 0 ? _a : 0); });
+        const allowed = nextValid(m, m >= value.minutes ? 1 : -1, 60, mm => isTimeAllowed(value.hours, mm, value.seconds ?? 0));
         commit({ minutes: allowed });
     };
     const onSecondIndex = (next) => {
-        var _a;
         const s = secondValues[Math.max(0, Math.min(secondValues.length - 1, next))];
-        const allowed = nextValid(s, s >= ((_a = value.seconds) !== null && _a !== void 0 ? _a : 0) ? 1 : -1, 60, ss => isTimeAllowed(value.hours, value.minutes, ss));
+        const allowed = nextValid(s, s >= (value.seconds ?? 0) ? 1 : -1, 60, ss => isTimeAllowed(value.hours, value.minutes, ss));
         commit({ seconds: allowed });
     };
     const onAmpmIndex = (next) => {
@@ -6809,7 +6779,6 @@ const TimeWheels = ({ value, onChange, hourFormat = '24', enableSeconds = false,
         commit({ hours: (value.hours + 12) % 24 });
     };
     const onWheelsContainerPointerDown = (e) => {
-        var _a, _b;
         if (disabled)
             return;
         if (e.target.closest(`.${wheelSingleClass}`))
@@ -6832,7 +6801,7 @@ const TimeWheels = ({ value, onChange, hourFormat = '24', enableSeconds = false,
                 nearestIdx = i;
             }
         });
-        (_b = (_a = columnOrder[nearestIdx]) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.startDrag(e.pointerId, e.clientY);
+        columnOrder[nearestIdx]?.current?.startDrag(e.pointerId, e.clientY);
     };
     return (jsxRuntime.jsx("div", { id: id, className: classNames(rootClass, className), "aria-disabled": disabled, children: jsxRuntime.jsxs("div", { className: wheelsClass, ref: wheelsContainerRef, onPointerDown: onWheelsContainerPointerDown, children: [jsxRuntime.jsx(Wheel, { ref: hoursRef, values: hourValues, index: hourIndex, onChange: onHourIndex, formatLabel: pad2, ariaLabel: t.hours, visibleCount: visibleCount, itemHeight: itemHeight, disabled: disabled, size: size, color: color, wrap: true, onCommit: onCommit, onFocusPrev: focusPrevOf(hoursRef), onFocusNext: focusNextOf(hoursRef), disabledFor: hourDisabledFor, audioTick: audioTick }), jsxRuntime.jsx("div", { className: sepClass, "aria-hidden": "true", children: ":" }), jsxRuntime.jsx(Wheel, { ref: minutesRef, values: minuteValues, index: minuteIndex, onChange: onMinuteIndex, formatLabel: pad2, ariaLabel: t.minutes, visibleCount: visibleCount, itemHeight: itemHeight, disabled: disabled, size: size, color: color, wrap: true, onCommit: onCommit, onFocusPrev: focusPrevOf(minutesRef), onFocusNext: focusNextOf(minutesRef), disabledFor: minuteDisabledFor, audioTick: audioTick }), enableSeconds && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: sepClass, "aria-hidden": "true", children: ":" }), jsxRuntime.jsx(Wheel, { ref: secondsRef, values: secondValues, index: secondIndex, onChange: onSecondIndex, formatLabel: pad2, ariaLabel: t.seconds, visibleCount: visibleCount, itemHeight: itemHeight, disabled: disabled, size: size, color: color, wrap: true, onFocusPrev: focusPrevOf(secondsRef), onFocusNext: focusNextOf(secondsRef), disabledFor: secondDisabledFor, audioTick: audioTick })] })), hourFormat === '12' && (jsxRuntime.jsx(Wheel, { ref: ampmRef, values: ['AM', 'PM'], index: ampmIndex, onChange: onAmpmIndex, formatLabel: v => v, ariaLabel: t.ampm, visibleCount: visibleCount, itemHeight: itemHeight, disabled: disabled, size: size, color: color, onCommit: onCommit, onFocusPrev: focusPrevOf(ampmRef), onFocusNext: focusNextOf(ampmRef), audioTick: audioTick }))] }) }));
 };
@@ -6854,23 +6823,23 @@ const fromIsoTime = (s) => {
     return new Date(today.getFullYear(), today.getMonth(), today.getDate(), Number(m[1]), Number(m[2]), m[3] ? Number(m[3]) : 0, 0);
 };
 const TimeInputBase = React.forwardRef((props, ref) => {
-    var _a, _b, _c, _d;
     const { value: controlledValue, defaultValue, onChange, onOpen, onClose, min, max, disabled, readOnly, placeholder, format, parse, locale, inline = false, mobileNative = 'auto', editable = true, popover = true, openOnFocus = true, closeOnSelect = false, position = 'bottom-left', appendToBody = false, color, size, isRounded, hourFormat = '24', enableSeconds = false, incrementHours = 1, incrementMinutes = 1, incrementSeconds = 1, unselectableTimes, className, name, form, required, id, onFocus, onClick, onKeyDown, onBlur, iconLeftName: _iconLeftName, triggerIcon = true, triggerIconName = 'chevron-down', labels, audioTick = false, haptics = false, ...rest } = props;
     const hasVibrate = typeof navigator !== 'undefined' &&
         typeof navigator.vibrate === 'function';
     const effectiveAudioTick = audioTick || (haptics && !hasVibrate);
     const t = mergeLabels(labels);
     const isControlled = controlledValue !== undefined;
-    const [internalValue, setInternalValue] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
-    const value = isControlled ? (controlledValue !== null && controlledValue !== void 0 ? controlledValue : null) : internalValue;
-    const defaultFormat = format !== null && format !== void 0 ? format : (hourFormat === '12'
-        ? enableSeconds
-            ? 'hh:mm:ss A'
-            : DEFAULT_TIME_FORMAT_12
-        : enableSeconds
-            ? 'HH:mm:ss'
-            : DEFAULT_TIME_FORMAT_24);
-    const effectiveHourFormat = (_a = hourCycleFromFormat(defaultFormat)) !== null && _a !== void 0 ? _a : hourFormat;
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
+    const value = isControlled ? (controlledValue ?? null) : internalValue;
+    const defaultFormat = format ??
+        (hourFormat === '12'
+            ? enableSeconds
+                ? 'hh:mm:ss A'
+                : DEFAULT_TIME_FORMAT_12
+            : enableSeconds
+                ? 'HH:mm:ss'
+                : DEFAULT_TIME_FORMAT_24);
+    const effectiveHourFormat = hourCycleFromFormat(defaultFormat) ?? hourFormat;
     const [open, setOpenState] = React.useState(false);
     const [text, setText] = React.useState(value ? formatTime(value, defaultFormat, locale) : '');
     const inputRef = React.useRef(null);
@@ -6904,10 +6873,10 @@ const TimeInputBase = React.forwardRef((props, ref) => {
                 return prev;
             if (next) {
                 valueAtOpenRef.current = value;
-                onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+                onOpen?.();
             }
             else {
-                onClose === null || onClose === void 0 ? void 0 : onClose();
+                onClose?.();
             }
             return next;
         });
@@ -6918,10 +6887,10 @@ const TimeInputBase = React.forwardRef((props, ref) => {
     const commitValue = React.useCallback((next) => {
         if (!isControlled)
             setInternalValue(next);
-        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+        onChange?.(next);
     }, [isControlled, onChange]);
     const handleSpinnerChange = React.useCallback((parts) => {
-        const base = value !== null && value !== void 0 ? value : new Date();
+        const base = value ?? new Date();
         const next = setTimeOfDay(base, parts);
         if (!isWithin(next, min, max))
             return;
@@ -6934,9 +6903,10 @@ const TimeInputBase = React.forwardRef((props, ref) => {
         const fmt = typeof format === 'string' ? format : undefined;
         return parse
             ? parse(trimmed)
-            : parseTime(trimmed, fmt !== null && fmt !== void 0 ? fmt : (typeof defaultFormat === 'string'
-                ? defaultFormat
-                : DEFAULT_TIME_FORMAT_24));
+            : parseTime(trimmed, fmt ??
+                (typeof defaultFormat === 'string'
+                    ? defaultFormat
+                    : DEFAULT_TIME_FORMAT_24));
     }, [parse, format, defaultFormat]);
     const makeBaseDate = React.useCallback(() => {
         const d = new Date();
@@ -6992,9 +6962,9 @@ const TimeInputBase = React.forwardRef((props, ref) => {
             }, min: min ? toIsoTime(min, enableSeconds) : undefined, max: max ? toIsoTime(max, enableSeconds) : undefined, disabled: disabled, readOnly: readOnly, placeholder: placeholder, name: name, form: form, required: required, id: id }));
     }
     const spinnerValue = {
-        hours: (_b = value === null || value === void 0 ? void 0 : value.getHours()) !== null && _b !== void 0 ? _b : 0,
-        minutes: (_c = value === null || value === void 0 ? void 0 : value.getMinutes()) !== null && _c !== void 0 ? _c : 0,
-        seconds: enableSeconds ? ((_d = value === null || value === void 0 ? void 0 : value.getSeconds()) !== null && _d !== void 0 ? _d : 0) : undefined,
+        hours: value?.getHours() ?? 0,
+        minutes: value?.getMinutes() ?? 0,
+        seconds: enableSeconds ? (value?.getSeconds() ?? 0) : undefined,
     };
     const panel = (jsxRuntime.jsxs("div", { className: panelClass, children: [jsxRuntime.jsx(TimeWheels, { value: spinnerValue, onChange: handleSpinnerChange, hourFormat: effectiveHourFormat, enableSeconds: enableSeconds, incrementHours: incrementHours, incrementMinutes: incrementMinutes, incrementSeconds: incrementSeconds, unselectableTimes: unselectableTimes, color: color, size: size, disabled: disabled, id: popoverId, labels: labels, itemHeight: wheelItemHeight, audioTick: effectiveAudioTick, onCommit: () => setOpen(false) }), !inline && !isSmallViewport && (jsxRuntime.jsxs(Buttons, { className: footerClass, hasAddons: true, children: [jsxRuntime.jsx("button", { type: "button", className: footerOkClass, onClick: () => setOpen(false), children: t.ok }), jsxRuntime.jsx("button", { type: "button", className: footerButton, onClick: () => {
                             commitValue(snapTimeToIncrement(new Date(), {
@@ -7022,13 +6992,12 @@ const TimeInputBase = React.forwardRef((props, ref) => {
 TimeInputBase.displayName = 'TimeInputBase';
 
 const TimeInput = React.forwardRef(({ label, labelSize, labelProps, horizontal, iconLeft, iconRight, iconLeftName = 'clock', iconRightName, iconLeftSize, iconRightSize, hasIconsLeft, hasIconsRight, isLoading, isExpanded, controlSize, message, messageColor, fieldClassName, controlClassName, ...baseProps }, ref) => {
-    var _a;
     const insideField = useInsideField();
     const insideControl = useInsideControl();
     const helpClass = usePrefixedClassNames('help', {
         [`is-${messageColor}`]: !!messageColor,
     });
-    let content = (jsxRuntime.jsx(TimeInputBase, { ref: ref, ...baseProps, triggerIcon: (_a = baseProps.triggerIcon) !== null && _a !== void 0 ? _a : !isLoading }));
+    let content = (jsxRuntime.jsx(TimeInputBase, { ref: ref, ...baseProps, triggerIcon: baseProps.triggerIcon ?? !isLoading }));
     if (!insideControl && !baseProps.inline) {
         content = (jsxRuntime.jsx(Control, { iconLeft: iconLeft, iconRight: iconRight, iconLeftName: iconLeftName, iconRightName: iconRightName, iconLeftSize: iconLeftSize, iconRightSize: iconRightSize, hasIconsLeft: hasIconsLeft || !!iconLeftName, hasIconsRight: hasIconsRight, isLoading: isLoading, isExpanded: isExpanded, size: controlSize, className: controlClassName, children: content }));
     }
@@ -7058,27 +7027,27 @@ const fromIsoDateTime = (s) => {
     return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]), Number(m[4]), Number(m[5]), m[6] ? Number(m[6]) : 0, 0);
 };
 const DateTimeInputBase = React.forwardRef((props, ref) => {
-    var _a, _b, _c, _d;
     const { value: controlledValue, defaultValue, onChange, onOpen, onClose, min, max, disabled, readOnly, placeholder, format, parse, locale, inline = false, mobileNative = 'auto', editable = true, popover = true, openOnFocus = true, closeOnSelect = false, position = 'bottom-left', appendToBody = false, color, size, isRounded, shouldDisableDate, unselectableDates, firstDayOfWeek = 0, dayNames, monthNames, nearbyMonthDays = true, hourFormat = '24', enableSeconds = false, incrementHours = 1, incrementMinutes = 1, incrementSeconds = 1, unselectableTimes, className, name, form, required, id, onFocus, onClick, onKeyDown, onBlur, iconLeftName: _iconLeftName, triggerIcon = true, triggerIconName = 'chevron-down', audioTick = false, haptics = false, labels, ...rest } = props;
     const t = mergeLabels(labels);
     const hasVibrate = typeof navigator !== 'undefined' && typeof navigator.vibrate === 'function';
     const effectiveAudioTick = audioTick || (haptics && !hasVibrate);
     const isControlled = controlledValue !== undefined;
-    const [internalValue, setInternalValue] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
-    const value = isControlled ? (controlledValue !== null && controlledValue !== void 0 ? controlledValue : null) : internalValue;
-    const initialFocused = React.useMemo(() => clampDate(value !== null && value !== void 0 ? value : new Date(), min, max), []);
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
+    const value = isControlled ? (controlledValue ?? null) : internalValue;
+    const initialFocused = React.useMemo(() => clampDate(value ?? new Date(), min, max), []);
     const [focusedDate, setFocusedDate] = React.useState(initialFocused);
     React.useEffect(() => {
         setFocusedDate(prev => clampDate(prev, min, max));
     }, [min, max]);
-    const defaultFormat = format !== null && format !== void 0 ? format : (hourFormat === '12'
-        ? enableSeconds
-            ? 'YYYY-MM-DD hh:mm:ss A'
-            : 'YYYY-MM-DD hh:mm A'
-        : enableSeconds
-            ? 'YYYY-MM-DD HH:mm:ss'
-            : DEFAULT_DATETIME_FORMAT);
-    const effectiveHourFormat = (_a = hourCycleFromFormat(defaultFormat)) !== null && _a !== void 0 ? _a : hourFormat;
+    const defaultFormat = format ??
+        (hourFormat === '12'
+            ? enableSeconds
+                ? 'YYYY-MM-DD hh:mm:ss A'
+                : 'YYYY-MM-DD hh:mm A'
+            : enableSeconds
+                ? 'YYYY-MM-DD HH:mm:ss'
+                : DEFAULT_DATETIME_FORMAT);
+    const effectiveHourFormat = hourCycleFromFormat(defaultFormat) ?? hourFormat;
     const [open, setOpenState] = React.useState(false);
     const [timeOpen, setTimeOpen] = React.useState(false);
     const [text, setText] = React.useState(value ? formatDateTime(value, defaultFormat, locale) : '');
@@ -7123,10 +7092,10 @@ const DateTimeInputBase = React.forwardRef((props, ref) => {
                 return prev;
             if (next) {
                 valueAtOpenRef.current = value;
-                onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+                onOpen?.();
             }
             else {
-                onClose === null || onClose === void 0 ? void 0 : onClose();
+                onClose?.();
             }
             return next;
         });
@@ -7143,14 +7112,13 @@ const DateTimeInputBase = React.forwardRef((props, ref) => {
             setInternalValue(next);
         if (next)
             setFocusedDate(next);
-        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+        onChange?.(next);
     }, [isControlled, onChange]);
     const handleDateSelect = React.useCallback((d) => {
-        var _a, _b, _c;
         const merged = setTimeOfDay(d, {
-            hours: (_a = value === null || value === void 0 ? void 0 : value.getHours()) !== null && _a !== void 0 ? _a : 0,
-            minutes: (_b = value === null || value === void 0 ? void 0 : value.getMinutes()) !== null && _b !== void 0 ? _b : 0,
-            seconds: enableSeconds ? ((_c = value === null || value === void 0 ? void 0 : value.getSeconds()) !== null && _c !== void 0 ? _c : 0) : undefined,
+            hours: value?.getHours() ?? 0,
+            minutes: value?.getMinutes() ?? 0,
+            seconds: enableSeconds ? (value?.getSeconds() ?? 0) : undefined,
         });
         if (!isWithin(merged, min, max))
             return;
@@ -7158,7 +7126,7 @@ const DateTimeInputBase = React.forwardRef((props, ref) => {
         setFocusedDate(d);
     }, [value, enableSeconds, min, max, commitValue]);
     const handleTimeChange = React.useCallback((parts) => {
-        const base = value !== null && value !== void 0 ? value : focusedDate;
+        const base = value ?? focusedDate;
         const next = setTimeOfDay(base, parts);
         if (!isWithin(next, min, max))
             return;
@@ -7171,17 +7139,17 @@ const DateTimeInputBase = React.forwardRef((props, ref) => {
         if (parse)
             return parse(trimmed);
         const fmt = typeof defaultFormat === 'string' ? defaultFormat : undefined;
-        return parseDate(trimmed, fmt !== null && fmt !== void 0 ? fmt : DEFAULT_DATETIME_FORMAT);
+        return parseDate(trimmed, fmt ?? DEFAULT_DATETIME_FORMAT);
     }, [parse, defaultFormat, locale]);
     const makeBaseDate = React.useCallback(() => new Date(), []);
     const inputReadOnlyAttr = !!readOnly || !editable;
     const canOpen = !!popover && !disabled && !readOnly;
     const isBlocked = React.useMemo(() => {
-        if (!shouldDisableDate && !(unselectableDates === null || unselectableDates === void 0 ? void 0 : unselectableDates.length) && !unselectableTimes)
+        if (!shouldDisableDate && !unselectableDates?.length && !unselectableTimes)
             return undefined;
-        return (d) => !!(shouldDisableDate === null || shouldDisableDate === void 0 ? void 0 : shouldDisableDate(d)) ||
-            !!(unselectableDates === null || unselectableDates === void 0 ? void 0 : unselectableDates.some(u => isSameDay(u, d))) ||
-            !!(unselectableTimes === null || unselectableTimes === void 0 ? void 0 : unselectableTimes(d));
+        return (d) => !!shouldDisableDate?.(d) ||
+            !!unselectableDates?.some(u => isSameDay(u, d)) ||
+            !!unselectableTimes?.(d);
     }, [shouldDisableDate, unselectableDates, unselectableTimes]);
     const { inputHandlers } = useSegmentedEntry({
         format: defaultFormat,
@@ -7229,9 +7197,9 @@ const DateTimeInputBase = React.forwardRef((props, ref) => {
             }, min: min ? toIsoDateTime(min, enableSeconds) : undefined, max: max ? toIsoDateTime(max, enableSeconds) : undefined, disabled: disabled, readOnly: readOnly, placeholder: placeholder, name: name, form: form, required: required, id: id }));
     }
     const spinnerValue = {
-        hours: (_b = value === null || value === void 0 ? void 0 : value.getHours()) !== null && _b !== void 0 ? _b : 0,
-        minutes: (_c = value === null || value === void 0 ? void 0 : value.getMinutes()) !== null && _c !== void 0 ? _c : 0,
-        seconds: enableSeconds ? ((_d = value === null || value === void 0 ? void 0 : value.getSeconds()) !== null && _d !== void 0 ? _d : 0) : undefined,
+        hours: value?.getHours() ?? 0,
+        minutes: value?.getMinutes() ?? 0,
+        seconds: enableSeconds ? (value?.getSeconds() ?? 0) : undefined,
     };
     const panel = (jsxRuntime.jsxs("div", { className: panelClass, onKeyDown: e => {
             if (timeOpen && e.key === 'Escape') {
@@ -7253,13 +7221,12 @@ const DateTimeInputBase = React.forwardRef((props, ref) => {
 DateTimeInputBase.displayName = 'DateTimeInputBase';
 
 const DateTimeInput = React.forwardRef(({ label, labelSize, labelProps, horizontal, iconLeft, iconRight, iconLeftName = 'calendar-alt', iconRightName, iconLeftSize, iconRightSize, hasIconsLeft, hasIconsRight, isLoading, isExpanded, controlSize, message, messageColor, fieldClassName, controlClassName, ...baseProps }, ref) => {
-    var _a;
     const insideField = useInsideField();
     const insideControl = useInsideControl();
     const helpClass = usePrefixedClassNames('help', {
         [`is-${messageColor}`]: !!messageColor,
     });
-    let content = (jsxRuntime.jsx(DateTimeInputBase, { ref: ref, ...baseProps, triggerIcon: (_a = baseProps.triggerIcon) !== null && _a !== void 0 ? _a : !isLoading }));
+    let content = (jsxRuntime.jsx(DateTimeInputBase, { ref: ref, ...baseProps, triggerIcon: baseProps.triggerIcon ?? !isLoading }));
     if (!insideControl && !baseProps.inline) {
         content = (jsxRuntime.jsx(Control, { iconLeft: iconLeft, iconRight: iconRight, iconLeftName: iconLeftName, iconRightName: iconRightName, iconLeftSize: iconLeftSize, iconRightSize: iconRightSize, hasIconsLeft: hasIconsLeft || !!iconLeftName, hasIconsRight: hasIconsRight, isLoading: isLoading, isExpanded: isExpanded, size: controlSize, className: controlClassName, children: content }));
     }
@@ -7942,7 +7909,7 @@ const Container = ({ className, textColor, bgColor, fluid, widescreen, fullhd, b
 
 const Footer = ({ as = 'footer', className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -7967,7 +7934,7 @@ const Hero = ({ className, color, size, bgColor, fullheightWithNavbar, children,
 };
 const HeroHead = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -7977,7 +7944,7 @@ const HeroHead = ({ className, children, color, bgColor, textColor, ...props })
 };
 const HeroBody = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -7987,7 +7954,7 @@ const HeroBody = ({ className, children, color, bgColor, textColor, ...props })
 };
 const HeroFoot = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8001,7 +7968,7 @@ Hero.Foot = HeroFoot;
 
 const Level = ({ isMobile, className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8013,7 +7980,7 @@ const Level = ({ isMobile, className, children, color, bgColor, textColor, ...pr
 };
 const LevelLeft = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8023,7 +7990,7 @@ const LevelLeft = ({ className, children, color, bgColor, textColor, ...props })
 };
 const LevelRight = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8033,7 +8000,7 @@ const LevelRight = ({ className, children, color, bgColor, textColor, ...props }
 };
 const LevelItem = ({ as = 'div', hasTextCentered, className, children, href, target, rel, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8053,7 +8020,7 @@ Level.Item = LevelItem;
 
 const Media = ({ as = 'article', className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8064,7 +8031,7 @@ const Media = ({ as = 'article', className, children, color, bgColor, textColor,
 };
 const MediaLeft = ({ as = 'figure', className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8075,7 +8042,7 @@ const MediaLeft = ({ as = 'figure', className, children, color, bgColor, textCol
 };
 const MediaContent = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8085,7 +8052,7 @@ const MediaContent = ({ className, children, color, bgColor, textColor, ...props
 };
 const MediaRight = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });
@@ -8100,7 +8067,7 @@ MediaWithSubcomponents.Right = MediaRight;
 
 const Section = ({ size, className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
-        color: textColor !== null && textColor !== void 0 ? textColor : color,
+        color: textColor ?? color,
         backgroundColor: bgColor,
         ...props,
     });