@jobber/components 7.5.0 → 7.5.1-JOB-154035-885a5dd.13

package/dist/Autocomplete/index.cjs

@@ -13,7 +13,7 @@ var Typography = require('../Typography-cjs.js');
 var Icon = require('../Icon-cjs.js');
 var Glimmer = require('../Glimmer-cjs.js');
 var InputText_index = require('../InputText/index.cjs');
-var FormField = require('../FormField-cjs.js');
+var mergeRefs = require('../mergeRefs-cjs.js');
 var tslib_es6 = require('../tslib.es6-cjs.js');
 require('react-hook-form');
 require('../Button-cjs.js');
@@ -22,11 +22,12 @@ require('../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../Content-cjs.js');
+require('../FormField-cjs.js');
 require('framer-motion');
+require('react-router-dom');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
-require('react-router-dom');
 
 const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
@@ -1209,7 +1210,7 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
             }
         }
     }, [setReferenceElement, props.multiple]);
-    const mergedInputRef = React.useMemo(() => FormField.mergeRefs([
+    const mergedInputRef = React.useMemo(() => mergeRefs.mergeRefs([
         referenceInputRef,
         internalInputRef,
         forwardedRef,
@@ -1299,7 +1300,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
     }, []);
     return (React.createElement("div", { "data-testid": "ATL-AutocompleteRebuilt", onFocus: handleFocusIn, onBlur: handleFocusOut },
         React.createElement("div", { className: styles$1.multiSelectField, "data-testid": "ATL-AutocompleteRebuilt-multiSelectContainer" },
-            React.createElement(FormField.FormFieldWrapper, { disabled: disabled, size: sizeProp ? sizeProp : undefined, error: (_a = error) !== null && _a !== void 0 ? _a : "", invalid: Boolean(error || invalid), identifier: inputId, descriptionIdentifier: descriptionId, description: description, clearable: clearable !== null && clearable !== void 0 ? clearable : "never", onClear: () => {
+            React.createElement(mergeRefs.FormFieldWrapper, { disabled: disabled, size: sizeProp ? sizeProp : undefined, error: (_a = error) !== null && _a !== void 0 ? _a : "", invalid: Boolean(error || invalid), identifier: inputId, descriptionIdentifier: descriptionId, description: description, clearable: clearable !== null && clearable !== void 0 ? clearable : "never", onClear: () => {
                     var _a;
                     clearAll();
                     (_a = internalInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -1583,7 +1584,7 @@ function AutocompleteInternal(_a, ref) {
         updateInput((_a = value === null || value === void 0 ? void 0 : value.label) !== null && _a !== void 0 ? _a : "");
     }, [value]);
     return (React.createElement("div", { className: styles.autocomplete, ref: setAutocompleteRef },
-        React.createElement(InputText_index.InputText, Object.assign({ ref: FormField.mergeRefs([ref, inputRef]), autocomplete: false, size: size, value: inputText, onChange: handleInputChange, placeholder: placeholder, onFocus: handleInputFocus, onBlur: handleInputBlur, validations: validations }, inputProps)),
+        React.createElement(InputText_index.InputText, Object.assign({ ref: mergeRefs.mergeRefs([ref, inputRef]), autocomplete: false, size: size, value: inputText, onChange: handleInputChange, placeholder: placeholder, onFocus: handleInputFocus, onBlur: handleInputBlur, validations: validations }, inputProps)),
         React.createElement(Menu, { attachTo: autocompleteRef, inputRef: inputRef, inputFocused: inputFocused, options: options, customRenderMenu: customRenderMenu, selectedOption: value, onOptionSelect: handleMenuChange })));
     function updateInput(newText) {
         setInputText(newText);

package/dist/Autocomplete/index.mjs

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, j as useClick, k as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, h as FloatingFocusManager, l as useTransitionStyles } from '../floating-ui.react-es.js';
+import { u as useFloating, k as useClick, g as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, i as FloatingFocusManager, l as useTransitionStyles } from '../floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';
@@ -11,7 +11,7 @@ import { T as Typography } from '../Typography-es.js';
 import { I as Icon } from '../Icon-es.js';
 import { G as Glimmer } from '../Glimmer-es.js';
 import { InputText } from '../InputText/index.mjs';
-import { n as mergeRefs, f as FormFieldWrapper } from '../FormField-es.js';
+import { m as mergeRefs, c as FormFieldWrapper } from '../mergeRefs-es.js';
 import { _ as __rest, a as __awaiter } from '../tslib.es6-es.js';
 import 'react-hook-form';
 import '../Button-es.js';
@@ -20,11 +20,12 @@ import '../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../Content-es.js';
+import '../FormField-es.js';
 import 'framer-motion';
+import 'react-router-dom';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
-import 'react-router-dom';
 
 const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */

package/dist/Button/buttonRenderAdapter.d.ts

@@ -0,0 +1,304 @@
+import React from "react";
+import type { ButtonProps } from "./Button.types";
+type NativeButtonRenderProps = React.ComponentPropsWithRef<"button">;
+type NativeButtonType = "button" | "submit" | "reset";
+type ButtonRenderTargetProps = ButtonProps & {
+    readonly type?: ButtonProps["type"] | NativeButtonType;
+};
+export declare function normalizeBaseUiButtonProps(props: NativeButtonRenderProps): {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
+    key?: React.Key | null | undefined;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    name?: string | undefined;
+    value?: string | readonly string[] | number | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: React.ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+};
+export declare function isAtlantisButtonRenderTarget(element: React.ReactNode): element is React.ReactElement<ButtonRenderTargetProps>;
+export declare function renderAtlantisButtonTarget(element: React.ReactElement<ButtonRenderTargetProps>): (props: NativeButtonRenderProps) => React.JSX.Element;
+export declare function stripNativeTypeFromButtonRenderTarget(element: React.ReactElement<ButtonRenderTargetProps>): React.ReactElement<ButtonRenderTargetProps, string | React.JSXElementConstructor<any>>;
+export {};

package/dist/Card/index.cjs

@@ -11,18 +11,23 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Menu-cjs.js');
-require('framer-motion');
 require('@jobber/hooks');
+require('framer-motion');
 require('../floating-ui.react-cjs.js');
 require('../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
-require('../Text-cjs2.js');
-require('../clsx-cjs.js');
-require('../index-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
+require('../useRenderElement-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
+require('../BottomSheet-cjs.js');
+require('../DrawerRoot-cjs.js');
+require('../HelperText-cjs.js');
+require('../Text-cjs.js');
+require('../MenuSubmenuTrigger-cjs.js');
 
 
 

package/dist/Card/index.mjs

@@ -9,15 +9,20 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Menu-es.js';
-import 'framer-motion';
 import '@jobber/hooks';
+import 'framer-motion';
 import '../floating-ui.react-es.js';
 import '../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
-import '../Text-es2.js';
-import '../clsx-es.js';
-import '../index-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
+import '../useRenderElement-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
+import '../BottomSheet-es.js';
+import '../DrawerRoot-es.js';
+import '../HelperText-es.js';
+import '../Text-es.js';
+import '../MenuSubmenuTrigger-es.js';

package/dist/Countdown/index.cjs

@@ -2,7 +2,7 @@
 
 var Countdown = require('../Countdown-cjs.js');
 require('react');
-require('../index-cjs2.js');
+require('../index-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 
 

package/dist/Countdown/index.mjs

@@ -1,4 +1,4 @@
 export { C as Countdown } from '../Countdown-es.js';
 import 'react';
-import '../index-es2.js';
+import '../index-es.js';
 import '../_commonjsHelpers-es.js';

package/dist/Countdown-cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-cjs2.js');
+var index = require('./index-cjs.js');
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {

package/dist/Countdown-es.js

@@ -1,5 +1,5 @@
 import React__default, { cloneElement, Component, createRef, createElement, useMemo } from 'react';
-import { p as propTypesExports } from './index-es2.js';
+import { p as propTypesExports } from './index-es.js';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {

package/dist/DataDump/index.cjs

@@ -12,18 +12,23 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Menu-cjs.js');
-require('framer-motion');
 require('@jobber/hooks');
+require('framer-motion');
 require('../floating-ui.react-cjs.js');
 require('../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
-require('../Text-cjs2.js');
-require('../clsx-cjs.js');
-require('../index-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
+require('../useRenderElement-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
+require('../BottomSheet-cjs.js');
+require('../DrawerRoot-cjs.js');
+require('../HelperText-cjs.js');
+require('../Text-cjs.js');
+require('../MenuSubmenuTrigger-cjs.js');
 require('../Content-cjs.js');
 require('../Emphasis-cjs.js');
 

package/dist/DataDump/index.mjs

@@ -10,17 +10,22 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Menu-es.js';
-import 'framer-motion';
 import '@jobber/hooks';
+import 'framer-motion';
 import '../floating-ui.react-es.js';
 import '../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
-import '../Text-es2.js';
-import '../clsx-es.js';
-import '../index-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
+import '../useRenderElement-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
+import '../BottomSheet-es.js';
+import '../DrawerRoot-es.js';
+import '../HelperText-es.js';
+import '../Text-es.js';
+import '../MenuSubmenuTrigger-es.js';
 import '../Content-es.js';
 import '../Emphasis-es.js';

package/dist/DataList/components/DataListSearch/index.cjs

@@ -7,6 +7,7 @@ require('@jobber/design');
 require('@jobber/hooks');
 require('../../../InputText/index.cjs');
 require('../../../FormField-cjs.js');
+require('../../../mergeRefs-cjs.js');
 require('framer-motion');
 require('../../../Button-cjs.js');
 require('../../../tslib.es6-cjs.js');

package/dist/DataList/components/DataListSearch/index.mjs

@@ -5,6 +5,7 @@ import '@jobber/design';
 import '@jobber/hooks';
 import '../../../InputText/index.mjs';
 import '../../../FormField-es.js';
+import '../../../mergeRefs-es.js';
 import 'framer-motion';
 import '../../../Button-es.js';
 import '../../../tslib.es6-es.js';

package/dist/DataList/index.cjs

@@ -81,6 +81,7 @@ require('../DataListStickyHeader-cjs.js');
 require('../DataListSearch-cjs.js');
 require('../InputText/index.cjs');
 require('../FormField-cjs.js');
+require('../mergeRefs-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('react-hook-form');

package/dist/DataList/index.mjs

@@ -79,6 +79,7 @@ import '../DataListStickyHeader-es.js';
 import '../DataListSearch-es.js';
 import '../InputText/index.mjs';
 import '../FormField-es.js';
+import '../mergeRefs-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import 'react-hook-form';

package/dist/DataTable/index.cjs

@@ -10,20 +10,8 @@ require('@jobber/hooks');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
-require('../Select/index.cjs');
-require('../omit-cjs.js');
-require('../_commonjsHelpers-cjs.js');
-require('../_getAllKeys-cjs.js');
-require('../isTypedArray-cjs.js');
-require('../isObjectLike-cjs.js');
-require('../isSymbol-cjs.js');
-require('../identity-cjs.js');
-require('../_getTag-cjs.js');
-require('../keysIn-cjs.js');
-require('../_baseAssignValue-cjs.js');
-require('../_baseFlatten-cjs.js');
-require('../_setToString-cjs.js');
-require('../FormField-cjs.js');
+require('../Select-cjs.js');
+require('../mergeRefs-cjs.js');
 require('framer-motion');
 require('@jobber/design');
 require('../Button-cjs.js');

package/dist/DataTable/index.mjs

@@ -8,20 +8,8 @@ import '@jobber/hooks';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
-import '../Select/index.mjs';
-import '../omit-es.js';
-import '../_commonjsHelpers-es.js';
-import '../_getAllKeys-es.js';
-import '../isTypedArray-es.js';
-import '../isObjectLike-es.js';
-import '../isSymbol-es.js';
-import '../identity-es.js';
-import '../_getTag-es.js';
-import '../keysIn-es.js';
-import '../_baseAssignValue-es.js';
-import '../_baseFlatten-es.js';
-import '../_setToString-es.js';
-import '../FormField-es.js';
+import '../Select-es.js';
+import '../mergeRefs-es.js';
 import 'framer-motion';
 import '@jobber/design';
 import '../Button-es.js';

package/dist/DataTable-cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var Glimmer = require('./Glimmer-cjs.js');
 var tslib_es6 = require('./tslib.es6-cjs.js');
-var Select_index = require('./Select/index.cjs');
+var Select = require('./Select-cjs.js');
 var Button = require('./Button-cjs.js');
 var Text = require('./Text-cjs.js');
 var DataTableTable = require('./DataTableTable-cjs.js');
@@ -111,9 +111,9 @@ function Pagination({ table, itemsPerPage, totalItems, loading, onPageChange, })
         React.createElement("div", { className: styles$1.paginationInfo }, `Showing ${firstPosition}-${secondPosition} of ${totalRows} items`),
         React.createElement("div", { className: styles$1.paginationNav },
             React.createElement("div", { className: styles$1.paginationSelect },
-                React.createElement(Select_index.Select, { value: table.getState().pagination.pageSize, onChange: value => {
+                React.createElement(Select.Select, { value: table.getState().pagination.pageSize, onChange: value => {
                         table.setPageSize(Number(value));
-                    }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React.createElement(Select_index.Option, { key: numOfPages, value: numOfPages }, numOfPages)))),
+                    }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React.createElement(Select.SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
                 React.createElement("span", { className: styles$1.paginationSelectLabel }, "per page")),
             React.createElement("div", { className: styles$1.paginationButtons },
                 React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: "arrowLeft", onClick: () => {