draft-components 0.56.3 → 0.61.0

package/components/date-range-picker/date-range-picker.js

@@ -12,13 +12,9 @@ function DateRangePicker({ locale, nextYearButtonLabel, nextMonthButtonLabel, pr
     const selectedRange = value ? plain_date_range_1.PlainDateRange.fromISODateRange(value) : null;
     const [start, setStart] = (0, react_1.useState)(null);
     const [end, setEnd] = (0, react_1.useState)(null);
-    const newRange = start && end
-        ? new plain_date_range_1.PlainDateRange(start, end)
-        : null;
+    const newRange = start && end ? new plain_date_range_1.PlainDateRange(start, end) : null;
     const currentDate = plain_date_1.PlainDate.now();
-    const [focusDate, setFocusDate] = (0, react_1.useState)(selectedRange
-        ? selectedRange.start
-        : currentDate.startOfMonth);
+    const [focusDate, setFocusDate] = (0, react_1.useState)(selectedRange ? selectedRange.start : currentDate.startOfMonth);
     const firstDate = focusDate.startOfMonth;
     const lastDate = focusDate.endOfMonth;
     const firstWeekday = firstDate.weekday;
@@ -61,8 +57,8 @@ function DateRangePicker({ locale, nextYearButtonLabel, nextMonthButtonLabel, pr
                 isSelected = date.equals(start);
             }
             else if (selectedRange) {
-                isSelected = (date.equals(selectedRange.start) ||
-                    date.equals(selectedRange.end));
+                isSelected =
+                    date.equals(selectedRange.start) || date.equals(selectedRange.end);
             }
             let isInRange = false;
             let isRangeStart = false;
@@ -91,12 +87,12 @@ function DateRangePicker({ locale, nextYearButtonLabel, nextMonthButtonLabel, pr
         renderedWeeks.push((0, jsx_runtime_1.jsx)(calendar_row_1.CalendarRow, { children: renderedDays }, `week-${w}`));
     }
     (0, react_1.useEffect)(() => {
-        if (value === null || value === void 0 ? void 0 : value.start) {
+        if (value?.start) {
             setFocusDate((focusDate) => focusDate.toISOString() !== value.start
                 ? plain_date_1.PlainDate.fromISODate(value.start)
                 : focusDate);
         }
-    }, [value === null || value === void 0 ? void 0 : value.start]);
+    }, [value?.start]);
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-date-picker" }, { children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, Object.assign({ locale: locale, nextYearButtonLabel: nextYearButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, prevYearButtonLabel: prevYearButtonLabel, prevMonthButtonLabel: prevMonthButtonLabel, focusDate: focusDate, onChangeFocusDate: (focusDate) => {
                     setFocusDate(focusDate);
                     if (start) {
@@ -105,4 +101,3 @@ function DateRangePicker({ locale, nextYearButtonLabel, nextMonthButtonLabel, pr
                 } }, { children: renderedWeeks }), void 0), footer && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-date-picker__footer" }, { children: footer }), void 0)] }), void 0));
 }
 exports.DateRangePicker = DateRangePicker;
-//# sourceMappingURL=date-range-picker.js.map

package/components/date-range-picker/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./date-range-picker"), exports);
-//# sourceMappingURL=index.js.map

package/components/datetime-input/date-component-input.js

@@ -7,4 +7,3 @@ function DateComponentInput({ id, style, className, disabled, readOnly, label, p
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style, className: (0, react_helpers_1.classNames)(className, 'dc-date-component-input') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ "aria-hidden": true }, { children: value || placeholder }), void 0), (0, jsx_runtime_1.jsx)("input", { id: id, type: "text", "aria-label": label, placeholder: placeholder, autoComplete: "off", disabled: disabled, readOnly: readOnly, value: value, name: name, onChange: onChange }, void 0)] }), void 0));
 }
 exports.DateComponentInput = DateComponentInput;
-//# sourceMappingURL=date-component-input.js.map

package/components/datetime-input/date-components.js

@@ -2,6 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateComponents = void 0;
 class DateComponents {
+    year;
+    month;
+    day;
+    hour;
+    minute;
     constructor(values) {
         if (values) {
             for (const [key, value] of Object.entries(values)) {
@@ -9,6 +14,13 @@ class DateComponents {
             }
         }
     }
+    static options = {
+        year: { min: 1, max: 9999, digits: 4 },
+        month: { min: 1, max: 12, digits: 2 },
+        day: { min: 1, max: 31, digits: 2 },
+        hour: { min: 0, max: 23, digits: 2 },
+        minute: { min: 0, max: 59, digits: 2 },
+    };
     static makeFormDatetimeISO(dateString) {
         const dateTimeRegex = /^\d{4}-\d{2}-\d{2}[ T]\d{2}:\d{2}$/;
         const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
@@ -94,11 +106,3 @@ class DateComponents {
     }
 }
 exports.DateComponents = DateComponents;
-DateComponents.options = {
-    year: { min: 1, max: 9999, digits: 4 },
-    month: { min: 1, max: 12, digits: 2 },
-    day: { min: 1, max: 31, digits: 2 },
-    hour: { min: 0, max: 23, digits: 2 },
-    minute: { min: 0, max: 59, digits: 2 },
-};
-//# sourceMappingURL=date-components.js.map

package/components/datetime-input/datetime-input.js

@@ -137,7 +137,7 @@ exports.DatetimeInput = (0, react_1.forwardRef)(function DatetimeInput({ size =
             if (index) {
                 children.push((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "dc-datetime-input__separator" }, { children: separator }), `separator-${index}`));
             }
-            children.push((0, jsx_runtime_1.jsx)(date_component_input_1.DateComponentInput, { id: ids === null || ids === void 0 ? void 0 : ids[dateComponent], label: (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels[dateComponent]) || dateComponent, placeholder: placeholders === null || placeholders === void 0 ? void 0 : placeholders[dateComponent], disabled: disabled, readOnly: readOnly, name: dateComponent, value: dateComponents.getDisplayedValue(dateComponent), onChange: handleChange }, dateComponent));
+            children.push((0, jsx_runtime_1.jsx)(date_component_input_1.DateComponentInput, { id: ids?.[dateComponent], label: ariaLabels?.[dateComponent] || dateComponent, placeholder: placeholders?.[dateComponent], disabled: disabled, readOnly: readOnly, name: dateComponent, value: dateComponents.getDisplayedValue(dateComponent), onChange: handleChange }, dateComponent));
         });
         return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-datetime-input__group" }, { children: children }), void 0);
     }
@@ -171,4 +171,3 @@ function getDefaultValue(component) {
             return now.getMinutes();
     }
 }
-//# sourceMappingURL=datetime-input.js.map

package/components/datetime-input/index.js

@@ -12,4 +12,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./datetime-input"), exports);
 __exportStar(require("./date-components"), exports);
-//# sourceMappingURL=index.js.map

package/components/dialog/dialog.js

@@ -22,9 +22,8 @@ const dialogWidths = {
 const closeIcon = (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: "2x", icon: x_1.x }, void 0);
 function Dialog({ style, className, isOpen, onClose = util_1.noop, shouldShowCloseButton = true, focusElementRefAfterOpen, focusElementRefAfterClose, width = 'md', heading, description, children, actions, ...props }) {
     const dialogRef = (0, react_1.useRef)(null);
-    const widthInPx = (typeof width === 'string'
-        ? dialogWidths[width]
-        : width) || dialogWidths.md;
+    const widthInPx = (typeof width === 'string' ? dialogWidths[width] : width) ||
+        dialogWidths.md;
     (0, use_disable_body_scroll_1.useDisableBodyScroll)(isOpen);
     (0, use_close_on_esc_press_1.useCloseOnEscPress)(onClose, isOpen);
     (0, use_capture_focus_1.useCaptureFocus)({
@@ -37,11 +36,9 @@ function Dialog({ style, className, isOpen, onClose = util_1.noop, shouldShowClo
         return null;
     }
     return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": "dialog-container", className: "dc-dialog-container", onClick: (event) => {
-                var _a;
-                if (!((_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                if (!dialogRef.current?.contains(event.target)) {
                     onClose();
                 }
             } }, { children: [(0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0), (0, jsx_runtime_1.jsxs)(box_1.Box, Object.assign({}, props, { ref: dialogRef, style: { ...style, width: widthInPx }, className: (0, react_helpers_1.classNames)(className, 'dc-dialog'), borderRadius: "lg", padding: "none", elevation: "lg", role: "dialog", "aria-modal": true }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-dialog__header" }, { children: [(heading || description) && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-dialog__header-content" }, { children: [heading && (0, jsx_runtime_1.jsx)(formatted_content_1.Headline, Object.assign({ as: "h2" }, { children: heading }), void 0), description && ((0, jsx_runtime_1.jsx)(formatted_content_1.Subheadline, Object.assign({ as: "div", className: "dc-dialog__description" }, { children: description }), void 0))] }), void 0)), shouldShowCloseButton && ((0, jsx_runtime_1.jsx)(button_1.Button, { "data-testid": "dialog-close-button", className: "dc-dialog__close-btn", appearance: "minimal", size: "sm", noPadding: true, leadingIcon: closeIcon, onClick: onClose }, void 0))] }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-dialog__content" }, { children: children }), void 0), actions && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-dialog__actions" }, { children: actions }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0)] }), void 0) }, void 0));
 }
 exports.Dialog = Dialog;
-//# sourceMappingURL=dialog.js.map

package/components/dialog/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./dialog"), exports);
-//# sourceMappingURL=index.js.map

package/components/form-field/form-field.js

@@ -29,4 +29,3 @@ function FormField({ label, labelFor, required, hint, validationError, className
             })()] }), void 0));
 }
 exports.FormField = FormField;
-//# sourceMappingURL=form-field.js.map

package/components/form-field/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./form-field"), exports);
-//# sourceMappingURL=index.js.map

package/components/formatted-content/formatted-content.js

@@ -65,4 +65,3 @@ function Caption({ className, as: Component = 'small', ...props }) {
     return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, exports.Styles.caption) }), void 0));
 }
 exports.Caption = Caption;
-//# sourceMappingURL=formatted-content.js.map

package/components/formatted-content/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./formatted-content"), exports);
-//# sourceMappingURL=index.js.map

package/components/index.js

@@ -53,4 +53,3 @@ __exportStar(require("./toast"), exports);
 __exportStar(require("./toaster"), exports);
 __exportStar(require("./tooltip"), exports);
 __exportStar(require("./vertical-navigation"), exports);
-//# sourceMappingURL=index.js.map

package/components/inline-message/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./inline-message"), exports);
-//# sourceMappingURL=index.js.map

package/components/inline-message/inline-message.js

@@ -17,8 +17,6 @@ const inlineMessageIcons = {
     default: info_circle_fill_1.infoCircleFill,
 };
 function InlineMessage({ appearance = 'default', shouldShowIcon = false, className, children, ...props }) {
-    var _a;
-    return ((0, jsx_runtime_1.jsxs)(formatted_content_1.Footnote, Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-inline-message', `dc-inline-message_${appearance}`) }, { children: [shouldShowIcon ? ((0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { className: "dc-inline-message__icon", "data-testid": "inline-message-icon", icon: (_a = inlineMessageIcons[appearance]) !== null && _a !== void 0 ? _a : inlineMessageIcons.default, width: 16, height: 16 }, void 0)) : null, children] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(formatted_content_1.Footnote, Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-inline-message', `dc-inline-message_${appearance}`) }, { children: [shouldShowIcon ? ((0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { className: "dc-inline-message__icon", "data-testid": "inline-message-icon", icon: inlineMessageIcons[appearance] ?? inlineMessageIcons.default, width: 16, height: 16 }, void 0)) : null, children] }), void 0));
 }
 exports.InlineMessage = InlineMessage;
-//# sourceMappingURL=inline-message.js.map

package/components/label/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./label"), exports);
-//# sourceMappingURL=index.js.map

package/components/label/label.js

@@ -8,4 +8,3 @@ function Label({ isRequired, className, children, ...props }) {
     return ((0, jsx_runtime_1.jsx)("label", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, formatted_content_1.Styles.subheadline, 'dc-label', isRequired && 'dc-label_required') }, { children: children }), void 0));
 }
 exports.Label = Label;
-//# sourceMappingURL=label.js.map

package/components/loading-view/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./loading-view"), exports);
-//# sourceMappingURL=index.js.map

package/components/loading-view/loading-view.js

@@ -8,4 +8,3 @@ function LoadingView({ padY = '2xl', spinnerSize, className, children, ...props
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-loading-view', `dc-loading-view_pad-y_${padY}`) }, { children: [(0, jsx_runtime_1.jsx)(spinner_1.Spinner, { className: "dc-loading-view__spinner", size: spinnerSize }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-loading-view__content" }, { children: children }), void 0)] }), void 0));
 }
 exports.LoadingView = LoadingView;
-//# sourceMappingURL=loading-view.js.map

package/components/non-ideal-state-view/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./non-ideal-state-view"), exports);
-//# sourceMappingURL=index.js.map

package/components/non-ideal-state-view/non-ideal-state-view.js

@@ -38,4 +38,3 @@ function getIcon(icon) {
     }
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_helpers_1.classNames)('dc-non-ideal-state__icon', modifier) }, { children: renderedIcon }), void 0));
 }
-//# sourceMappingURL=non-ideal-state-view.js.map

package/components/number-input/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./number-input"), exports);
-//# sourceMappingURL=index.js.map

package/components/number-input/number-input.js

@@ -80,11 +80,9 @@ exports.NumberInput = (0, react_1.forwardRef)(function NumberInput({ style, clas
         }) }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ appearance: "secondary", size: size, noPadding: true, disabled: disabled, onClick: () => !readOnly && decrement(step) }, { children: decrementButtonLabel }), void 0), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({}, props, { ref: ref, className: "dc-number-input__text-input", size: size, disabled: disabled, readOnly: readOnly, fullWidth: fullWidth, type: "text", value: value, onKeyDown: handleKeyDown, onChangeValue: handleChangeValue }), void 0), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ appearance: "secondary", size: size, noPadding: true, disabled: disabled, onClick: () => !readOnly && increment(step) }, { children: incrementButtonLabel }), void 0)] }), void 0));
 });
 function getFractionDigits(n) {
-    var _a;
-    const fraction = (_a = String(n).split(/[.,]/)[1]) !== null && _a !== void 0 ? _a : '';
+    const fraction = String(n).split(/[.,]/)[1] ?? '';
     return fraction.length;
 }
 function formatFloat(n, fractionDigits) {
     return n.toFixed(fractionDigits).replace(/\.0*$/, '');
 }
-//# sourceMappingURL=number-input.js.map

package/components/password-input/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./password-input"), exports);
-//# sourceMappingURL=index.js.map

package/components/password-input/password-input.js

@@ -20,4 +20,3 @@ function PasswordInput({ showPasswordAriaTitle = 'Show password', hidePasswordAr
     return ((0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-password-input'), type: type, trailingAddOn: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "dc-password-input__button", appearance: "minimal", noPadding: true, leadingIcon: (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { size: "xl", icon: icon }, void 0), title: title, size: "sm", onClick: () => setType(type === 'password' ? 'text' : 'password') }, void 0) }), void 0));
 }
 exports.PasswordInput = PasswordInput;
-//# sourceMappingURL=password-input.js.map

package/components/popover/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./popover"), exports);
-//# sourceMappingURL=index.js.map

package/components/popover/popover.d.ts

@@ -17,5 +17,5 @@ export interface PopoverProps extends BaseProps, BoxProps {
     children: RenderFn | JSXElementWithRef;
     onClose?(): void;
 }
-export declare function Popover({ className, isShown, position, alignment, anchorOffset, viewportOffset, shouldCaptureFocus, shouldUpdatePositionWhenScroll, isPositionedRelativeToViewport, focusElementRefAfterOpen, focusElementRefAfterClose, content, children, onClose, ...props }: PopoverProps): JSX.Element;
+export declare const Popover: import("react").ForwardRefExoticComponent<Pick<PopoverProps, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "hidden" | "content" | "border" | "padding" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "background" | "borderRadius" | "position" | "alignment" | "anchorOffset" | "viewportOffset" | "isShown" | "shouldUpdatePositionWhenScroll" | "isPositionedRelativeToViewport" | "shouldCaptureFocus" | "focusElementRefAfterOpen" | "focusElementRefAfterClose" | "onClose"> & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/components/popover/popover.js

@@ -4,13 +4,14 @@ exports.Popover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const util_1 = require("../../lib/util");
+const guards_1 = require("../../lib/guards");
 const react_helpers_1 = require("../../lib/react-helpers");
 const use_close_on_esc_press_1 = require("../../hooks/use-close-on-esc-press");
 const use_close_on_click_outside_1 = require("../../hooks/use-close-on-click-outside");
 const use_capture_focus_1 = require("../../hooks/use-capture-focus");
 const positioner_1 = require("../positioner");
 const box_1 = require("../box");
-function Popover({ className, isShown, position, alignment, anchorOffset, viewportOffset, shouldCaptureFocus = true, shouldUpdatePositionWhenScroll = false, isPositionedRelativeToViewport = false, focusElementRefAfterOpen, focusElementRefAfterClose, content, children, onClose = util_1.noop, ...props }) {
+exports.Popover = (0, react_1.forwardRef)(function Popover({ className, isShown, position, alignment, anchorOffset, viewportOffset, shouldCaptureFocus = true, shouldUpdatePositionWhenScroll = false, isPositionedRelativeToViewport = false, focusElementRefAfterOpen, focusElementRefAfterClose, content, children, onClose = util_1.noop, ...props }, ref) {
     const anchorRef = (0, react_1.useRef)(null);
     const popoverRef = (0, react_1.useRef)(null);
     (0, use_close_on_esc_press_1.useCloseOnEscPress)(onClose, isShown);
@@ -25,14 +26,14 @@ function Popover({ className, isShown, position, alignment, anchorOffset, viewpo
         focusElementRefAfterRelease: focusElementRefAfterClose,
     });
     function render() {
-        if (typeof children === 'function') {
+        if ((0, guards_1.isFunction)(children)) {
             return children({ ref: anchorRef });
         }
-        return (0, react_1.cloneElement)(children, {
-            ref: (0, react_helpers_1.mergeRefs)(children.ref, anchorRef),
-        });
+        else {
+            return (0, react_1.cloneElement)(children, {
+                ref: (0, react_helpers_1.mergeRefs)(children.ref, anchorRef),
+            });
+        }
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [render(), (0, jsx_runtime_1.jsxs)(positioner_1.Positioner, Object.assign({ className: "dc-popover-container", anchorRef: anchorRef, position: position, alignment: alignment, anchorOffset: anchorOffset, viewportOffset: viewportOffset, isShown: isShown, isPositionedRelativeToViewport: isPositionedRelativeToViewport, shouldUpdatePositionWhenScroll: shouldUpdatePositionWhenScroll }, { children: [(0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0), (0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ ref: popoverRef, className: (0, react_helpers_1.classNames)(className, 'dc-popover'), borderRadius: "lg", elevation: "md" }, props, { children: content }), void 0), (0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0)] }), void 0)] }, void 0));
-}
-exports.Popover = Popover;
-//# sourceMappingURL=popover.js.map
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [render(), (0, jsx_runtime_1.jsxs)(positioner_1.Positioner, Object.assign({ className: "dc-popover-container", anchorRef: anchorRef, position: position, alignment: alignment, anchorOffset: anchorOffset, viewportOffset: viewportOffset, isShown: isShown, isPositionedRelativeToViewport: isPositionedRelativeToViewport, shouldUpdatePositionWhenScroll: shouldUpdatePositionWhenScroll }, { children: [(0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0), (0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ ref: (0, react_helpers_1.mergeRefs)(ref, popoverRef), className: (0, react_helpers_1.classNames)(className, 'dc-popover'), borderRadius: "lg", elevation: "md" }, props, { children: content }), void 0), (0, jsx_runtime_1.jsx)("div", { tabIndex: 0 }, void 0)] }), void 0)] }, void 0));
+});

package/components/portal/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./portal"), exports);
-//# sourceMappingURL=index.js.map

package/components/portal/portal.js

@@ -13,4 +13,3 @@ exports.Portal = (0, react_1.forwardRef)(function Portal(props, ref) {
     }
     return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, props), void 0), portalsRoot);
 });
-//# sourceMappingURL=portal.js.map

package/components/positioner/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./positioner"), exports);
-//# sourceMappingURL=index.js.map

package/components/positioner/positioner.js

@@ -31,4 +31,3 @@ exports.Positioner = (0, react_1.forwardRef)(function Positioner({ anchorRef, an
             maxWidth: `calc(100% - ${2 * viewportOffset}px)`,
         } }, { children: children }), void 0));
 });
-//# sourceMappingURL=positioner.js.map

package/components/radio-button/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./radio-button"), exports);
-//# sourceMappingURL=index.js.map

package/components/radio-button/radio-button.js

@@ -12,4 +12,3 @@ exports.RadioButton = (0, react_1.forwardRef)(function RadioButton({ label, desc
                     (0, guards_1.isFunction)(onCheck) && onCheck(event.target.checked);
                 } }), void 0), (0, jsx_runtime_1.jsx)("span", { className: "dc-radio-btn__radio", "aria-hidden": true }, void 0)] }), void 0));
 });
-//# sourceMappingURL=radio-button.js.map

package/components/radio-group/index.js

@@ -12,4 +12,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./radio-group"), exports);
 __exportStar(require("./radio-group-item"), exports);
-//# sourceMappingURL=index.js.map

package/components/radio-group/radio-group-item.js

@@ -9,4 +9,3 @@ function RadioGroupItem({ className, value, label, description, children, ...pro
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { "data-value": value, className: (0, react_helpers_1.classNames)(className, 'dc-radio-group-item') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "dc-radio-group-item__check" }, { children: (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { className: "dc-radio-group-item__check-icon", icon: check_circle_fill_1.checkCircleFill, size: 18 }, void 0) }), void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-radio-group-item__body" }, { children: [label && (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "dc-radio-group-item__label" }, { children: label }), void 0), description && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-radio-group-item__description" }, { children: description }), void 0))] }), void 0), children] }), void 0));
 }
 exports.RadioGroupItem = RadioGroupItem;
-//# sourceMappingURL=radio-group-item.js.map

package/components/radio-group/radio-group.js

@@ -20,4 +20,3 @@ function RadioGroup({ className, children, disabled, readOnly, type = 'stacked-c
 }
 exports.RadioGroup = RadioGroup;
 RadioGroup.Item = radio_group_item_1.RadioGroupItem;
-//# sourceMappingURL=radio-group.js.map

package/components/scope-buttons/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./scope-buttons"), exports);
-//# sourceMappingURL=index.js.map

package/components/scope-buttons/scope-button.js

@@ -8,4 +8,3 @@ const button_1 = require("../button");
 exports.ScopeButton = (0, react_1.forwardRef)(function ScopeButton({ isActive, className, children, ...props }, ref) {
     return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-scope-button'), appearance: isActive ? 'secondary' : 'minimal' }, { children: children }), void 0));
 });
-//# sourceMappingURL=scope-button.js.map

package/components/scope-buttons/scope-buttons.js

@@ -24,4 +24,3 @@ function ScopeButtons({ className, children, ...props }) {
 }
 exports.ScopeButtons = ScopeButtons;
 ScopeButtons.Button = scope_button_1.ScopeButton;
-//# sourceMappingURL=scope-buttons.js.map

package/components/search-input/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./search-input"), exports);
-//# sourceMappingURL=index.js.map

package/components/search-input/search-input.js

@@ -15,4 +15,3 @@ exports.SearchInput = (0, react_1.forwardRef)(function SearchInput({ size = 'md'
     const leadingIcon = ((0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { icon: search_1.search, size: iconSize[size] || iconSize.md }, void 0));
     return ((0, jsx_runtime_1.jsx)(text_input_1.TextInput, Object.assign({}, props, { ref: ref, size: size, type: "search", leadingAddOn: leadingIcon }), void 0));
 });
-//# sourceMappingURL=search-input.js.map

package/components/secret/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./secret"), exports);
-//# sourceMappingURL=index.js.map

package/components/secret/secret.js

@@ -16,4 +16,3 @@ function Secret({ showButtonLabel, hideButtonLabel, defaultIsShown = false, onCh
                 } }, { children: isShown ? hideButtonLabel : showButtonLabel }), void 0)] }), void 0));
 }
 exports.Secret = Secret;
-//# sourceMappingURL=secret.js.map

package/components/segmented-control/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./segmented-control"), exports);
-//# sourceMappingURL=index.js.map

package/components/segmented-control/segmented-control.js

@@ -58,4 +58,3 @@ function SegmentedControl({ size = 'md', items, selectedValue, onChangeSelectedV
         }) }), void 0));
 }
 exports.SegmentedControl = SegmentedControl;
-//# sourceMappingURL=segmented-control.js.map

package/components/select/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./select"), exports);
-//# sourceMappingURL=index.js.map

package/components/select/select.js

@@ -15,4 +15,3 @@ exports.Select = (0, react_1.forwardRef)(function Select({ size = 'md', invalid,
             (0, guards_1.isFunction)(onChangeValue) && onChangeValue(event.target.value);
         } }), void 0));
 });
-//# sourceMappingURL=select.js.map

package/components/selection-control/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./selection-control"), exports);
-//# sourceMappingURL=index.js.map

package/components/selection-control/selection-control.js

@@ -9,4 +9,3 @@ function SelectionControl({ children, label, description, isDisabled, className,
         }) }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "dc-selection-control__body" }, { children: [children, label && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "dc-selection-control__label" }, { children: label }), void 0)] }), void 0), description && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-selection-control__description" }, { children: description }), void 0))] }), void 0));
 }
 exports.SelectionControl = SelectionControl;
-//# sourceMappingURL=selection-control.js.map

package/components/slider/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./slider"), exports);
-//# sourceMappingURL=index.js.map

package/components/slider/slider.js

@@ -14,4 +14,3 @@ function Slider({ style, className, disabled, readOnly, min = 0, max = 100, step
         }) }, { children: [tickMarksCount && tickMarksCount > 2 ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-slider__tick_marks" }, { children: Array.from({ length: tickMarksCount }).map((_, index) => ((0, jsx_runtime_1.jsx)("span", {}, index))) }), void 0)) : ((0, jsx_runtime_1.jsx)("div", { style: { width: `${((value - min) / (max - min)) * 100}%` }, className: "dc-slider__fill-track" }, void 0)), (0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { className: (0, react_helpers_1.classNames)('dc-slider__input', thumbStyle && `dc-slider__input_thumb_style_${thumbStyle}`), type: "range", min: min, max: max, step: step, disabled: disabled || readOnly, value: value, onChange: handleChange }), void 0)] }), void 0));
 }
 exports.Slider = Slider;
-//# sourceMappingURL=slider.js.map

package/components/spinner/index.js

@@ -4,4 +4,3 @@ exports.Spinner = exports.default = void 0;
 var spinner_1 = require("./spinner");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return spinner_1.Spinner; } });
 Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return spinner_1.Spinner; } });
-//# sourceMappingURL=index.js.map

package/components/spinner/spinner.js

@@ -7,4 +7,3 @@ function Spinner({ style, className, size = '1.5em', ...props }) {
     return ((0, jsx_runtime_1.jsx)("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", style: { ...style, fontSize: size }, className: (0, react_helpers_1.classNames)(className, 'dc-spinner'), fill: "none", viewBox: "0 0 24 24", width: 24, height: 24 }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", d: "M1,12 A11,11 0 1 0 12,1" }, void 0) }), void 0));
 }
 exports.Spinner = Spinner;
-//# sourceMappingURL=spinner.js.map

package/components/svg-icon/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./svg-icon"), exports);
-//# sourceMappingURL=index.js.map

package/components/svg-icon/svg-icon.js

@@ -48,4 +48,3 @@ function SvgIcon({ icon, size = 'md', linearGradient, style, className, ...props
         }), fill: fill, width: iconSize, height: iconSize, "aria-hidden": true, focusable: false, "data-testid": `svg-icon-${icon.name}` }, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: icon.viewBox }, { children: [defs, icon.children] }), void 0));
 }
 exports.SvgIcon = SvgIcon;
-//# sourceMappingURL=svg-icon.js.map

package/components/switch/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./switch"), exports);
-//# sourceMappingURL=index.js.map

package/components/switch/switch.js

@@ -12,4 +12,3 @@ exports.Switch = (0, react_1.forwardRef)(function Switch({ label, description, c
                     (0, guards_1.isFunction)(onCheck) && onCheck(event.target.checked);
                 } }), void 0), (0, jsx_runtime_1.jsx)("span", { className: "dc-switch__check", "aria-hidden": true }, void 0)] }), void 0));
 });
-//# sourceMappingURL=switch.js.map

package/components/table/index.js

@@ -17,4 +17,3 @@ __exportStar(require("./table-body"), exports);
 __exportStar(require("./table-row"), exports);
 __exportStar(require("./table-header-cell"), exports);
 __exportStar(require("./table-cell"), exports);
-//# sourceMappingURL=index.js.map

package/components/table/table-body.js

@@ -7,4 +7,3 @@ function TableBody({ className, children, ...props }) {
     return ((0, jsx_runtime_1.jsx)("tbody", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-table-body') }, { children: children }), void 0));
 }
 exports.TableBody = TableBody;
-//# sourceMappingURL=table-body.js.map

package/components/table/table-cell.js

@@ -7,4 +7,3 @@ function TableCell({ className, align = 'left', children, ...props }) {
     return ((0, jsx_runtime_1.jsx)("td", Object.assign({}, props, { align: align, className: (0, react_helpers_1.classNames)(className, 'dc-table-cell') }, { children: children }), void 0));
 }
 exports.TableCell = TableCell;
-//# sourceMappingURL=table-cell.js.map

package/components/table/table-container.js

@@ -24,4 +24,3 @@ function TableContainer({ className, children, ...props }) {
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: isScrollable ? 0 : undefined, role: "group" }, props, { ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-table-container') }, { children: children }), void 0));
 }
 exports.TableContainer = TableContainer;
-//# sourceMappingURL=table-container.js.map

package/components/table/table-head.js

@@ -7,4 +7,3 @@ function TableHead({ className, ...props }) {
     return ((0, jsx_runtime_1.jsx)("thead", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-table-head') }), void 0));
 }
 exports.TableHead = TableHead;
-//# sourceMappingURL=table-head.js.map

package/components/table/table-header-cell.js

@@ -13,4 +13,3 @@ function TableHeaderCell({ isSortable, order = 'none', renderSortButtonLabel, on
     return ((0, jsx_runtime_1.jsx)("th", Object.assign({ "aria-sort": isSortable ? ariaSortValues[order] : undefined }, props, { className: (0, react_helpers_1.classNames)(className, 'dc-table-cell', 'dc-table-cell_header'), role: role, align: align }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-table-cell__body" }, { children: [isSortable && ((0, jsx_runtime_1.jsx)(table_sort_button_1.TableSortButton, { className: "dc-table-cell__sort-btn", column: children, order: order, onSort: onChangeOrder, renderLabel: renderSortButtonLabel }, void 0)), children] }), void 0) }), void 0));
 }
 exports.TableHeaderCell = TableHeaderCell;
-//# sourceMappingURL=table-header-cell.js.map

package/components/table/table-row.js

@@ -9,4 +9,3 @@ function TableRow({ isSelected, className, ...props }) {
         }) }), void 0));
 }
 exports.TableRow = TableRow;
-//# sourceMappingURL=table-row.js.map