@jobber/components 7.1.2-MIKElock--7916eb4.2 → 7.2.0

package/dist/Thumbnail-cjs.js

@@ -8,7 +8,7 @@ var Typography = require('./Typography-cjs.js');
 
 var styles$1 = {"content":"b9lhF-BkUnI-","hasName":"BJLJeUxloeQ-","large":"t5IzWH6-Sy0-","fileName":"tj--cPRjQfI-","base":"l2Vxo1qaR8U-","spinning":"LDAOyzklETo-"};
 
-var styles = {"image":"qOmZU-rbNf4-","hidden":"_2bihNsPs7w4-"};
+var styles = {"image":"qOmZU-rbNf4-","fadeIn":"zB1aNhsmmqY-","hidden":"_2bihNsPs7w4-","spinning":"ZLMkLuZeH-o-"};
 
 function InternalThumbnailImage({ file, UNSAFE_className, UNSAFE_style, }) {
     const { name, src } = file;

package/dist/Thumbnail-es.js

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { a as Glimmer } from './Glimmer-es.js';
+import { G as Glimmer } from './Glimmer-es.js';
 import { I as Icon } from './Icon-es.js';
 import { T as Typography } from './Typography-es.js';
 
 var styles$1 = {"content":"b9lhF-BkUnI-","hasName":"BJLJeUxloeQ-","large":"t5IzWH6-Sy0-","fileName":"tj--cPRjQfI-","base":"l2Vxo1qaR8U-","spinning":"LDAOyzklETo-"};
 
-var styles = {"image":"qOmZU-rbNf4-","hidden":"_2bihNsPs7w4-"};
+var styles = {"image":"qOmZU-rbNf4-","fadeIn":"zB1aNhsmmqY-","hidden":"_2bihNsPs7w4-","spinning":"ZLMkLuZeH-o-"};
 
 function InternalThumbnailImage({ file, UNSAFE_className, UNSAFE_style, }) {
     const { name, src } = file;

package/dist/Tiles-cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
-var styles = {"tiles":"jC1GzRIJp74-"};
+var styles = {"tiles":"jC1GzRIJp74-","spinning":"Ou05ff3MXU8-"};
 
 function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align = "start", }) {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%", "--public-tiles-align": align }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));

package/dist/Tiles-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
 
-var styles = {"tiles":"jC1GzRIJp74-"};
+var styles = {"tiles":"jC1GzRIJp74-","spinning":"Ou05ff3MXU8-"};
 
 function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align = "start", }) {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%", "--public-tiles-align": align }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));

package/dist/Tooltip-cjs.js

@@ -7,7 +7,7 @@ var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 
-var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-"};
+var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
 
 const TOOLTIP_SHIFT_PADDING = 8;
 const TOOLTIP_ARROW_PADDING = 6;

package/dist/Tooltip-es.js

@@ -3,9 +3,9 @@ import classnames from 'classnames';
 import { u as useFloating, F as FloatingPortal } from './floating-ui.react-es.js';
 import { motion } from 'framer-motion';
 import { useSafeLayoutEffect, useIsMounted } from '@jobber/hooks';
-import { a as autoUpdate, s as shift, f as flip, b as arrow, h as hide, l as limitShift } from './floating-ui.react-dom-es.js';
+import { s as shift, f as flip, a as arrow, h as hide, b as autoUpdate, l as limitShift } from './floating-ui.react-dom-es.js';
 
-var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-"};
+var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
 
 const TOOLTIP_SHIFT_PADDING = 8;
 const TOOLTIP_ARROW_PADDING = 6;

package/dist/Typography-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"base":"j4h-0Mxa5gk-"};
+var styles = {"base":"j4h-0Mxa5gk-","spinning":"vNKBQk0oak4-"};
 
 var fontSizes = {"extravagant":"_1CXlSTO0w8g-","jumbo":"v5TK2OwNTaI-","largest":"CcGPmsMUVfg-","larger":"ETyC5vbbImA-","large":"ejYSlnHYn2U-","base":"e9lFMke1PNs-","small":"MiITdlbzofc-","smaller":"hs1hcOgrK1s-","spinning":"wbsSTlLw-cA-"};
 
@@ -15,13 +15,13 @@ var textColors = {"blue":"xNqFL54SrGc-","grey":"_9XmiMJWBidk-","greyBlueDark":"Y
 
 var emphasis = {"italic":"ws2Y0LqNNfk-","highlight":"kw63z71hYYU-","spinning":"ki-I8aPAhmA-"};
 
-var truncate = {"textTruncate":"bvnCrlndVHs-"};
+var truncate = {"textTruncate":"bvnCrlndVHs-","spinning":"kdOkoNCczRo-"};
 
 var alignment = {"start":"r5lyOVfBlMI-","center":"w1MIwv35jXA-","end":"oOJPwUQFllQ-","spinning":"geH1XNdqO8M-"};
 
 var fontFamilies = {"base":"V9SSKxs15xE-","display":"dvw7zxC9s9g-","spinning":"NBpK9JnmLJ4-"};
 
-var underlineStyles = {"basicUnderline":"qp8E5e4q-so-"};
+var underlineStyles = {"basicUnderline":"qp8E5e4q-so-","spinning":"F-Ybr7sJi6Q-"};
 
 function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, underline, UNSAFE_className, UNSAFE_style, }) {
     const shouldTruncateText = numberOfLines && numberOfLines > 0;

package/dist/Typography-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
 
-var styles = {"base":"j4h-0Mxa5gk-"};
+var styles = {"base":"j4h-0Mxa5gk-","spinning":"vNKBQk0oak4-"};
 
 var fontSizes = {"extravagant":"_1CXlSTO0w8g-","jumbo":"v5TK2OwNTaI-","largest":"CcGPmsMUVfg-","larger":"ETyC5vbbImA-","large":"ejYSlnHYn2U-","base":"e9lFMke1PNs-","small":"MiITdlbzofc-","smaller":"hs1hcOgrK1s-","spinning":"wbsSTlLw-cA-"};
 
@@ -13,13 +13,13 @@ var textColors = {"blue":"xNqFL54SrGc-","grey":"_9XmiMJWBidk-","greyBlueDark":"Y
 
 var emphasis = {"italic":"ws2Y0LqNNfk-","highlight":"kw63z71hYYU-","spinning":"ki-I8aPAhmA-"};
 
-var truncate = {"textTruncate":"bvnCrlndVHs-"};
+var truncate = {"textTruncate":"bvnCrlndVHs-","spinning":"kdOkoNCczRo-"};
 
 var alignment = {"start":"r5lyOVfBlMI-","center":"w1MIwv35jXA-","end":"oOJPwUQFllQ-","spinning":"geH1XNdqO8M-"};
 
 var fontFamilies = {"base":"V9SSKxs15xE-","display":"dvw7zxC9s9g-","spinning":"NBpK9JnmLJ4-"};
 
-var underlineStyles = {"basicUnderline":"qp8E5e4q-so-"};
+var underlineStyles = {"basicUnderline":"qp8E5e4q-so-","spinning":"F-Ybr7sJi6Q-"};
 
 function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, underline, UNSAFE_className, UNSAFE_style, }) {
     const shouldTruncateText = numberOfLines && numberOfLines > 0;

package/dist/_baseEach-cjs.js

@@ -36,7 +36,7 @@ var _setCacheAdd = setCacheAdd$1;
  * @name has
  * @memberOf SetCache
  * @param {*} value The value to search for.
- * @returns {boolean} Returns `true` if `value` is found, else `false`.
+ * @returns {number} Returns `true` if `value` is found, else `false`.
  */
 
 function setCacheHas$1(value) {

package/dist/_baseEach-es.js

@@ -1,8 +1,8 @@
 import { g as _MapCache, d as _Uint8Array, e as eq_1, c as _Stack, a as _isIndex, i as identity_1 } from './identity-es.js';
 import { b as _Symbol, i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { e as _getAllKeys, k as keys_1, b as _baseGet, f as _castPath, g as _toKey, h as _isKey } from './_getAllKeys-es.js';
-import { _ as _getTag } from './_getTag-es.js';
-import { b as isBufferExports, c as isTypedArray_1, a as isArray_1, m as isLength_1, d as isArguments_1, i as isArrayLike_1 } from './isTypedArray-es.js';
+import { a as _getTag } from './_getTag-es.js';
+import { c as isBufferExports, d as isTypedArray_1, a as isArray_1, i as isArguments_1, m as isLength_1, b as isArrayLike_1 } from './isTypedArray-es.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { _ as _baseFor } from './_baseFor-es.js';
 
@@ -34,7 +34,7 @@ var _setCacheAdd = setCacheAdd$1;
  * @name has
  * @memberOf SetCache
  * @param {*} value The value to search for.
- * @returns {boolean} Returns `true` if `value` is found, else `false`.
+ * @returns {number} Returns `true` if `value` is found, else `false`.
  */
 
 function setCacheHas$1(value) {
@@ -729,14 +729,14 @@ var baseGet$1 = _baseGet;
  * _.get(object, 'a.b.c', 'default');
  * // => 'default'
  */
-function get$2(object, path, defaultValue) {
+function get$1(object, path, defaultValue) {
   var result = object == null ? undefined : baseGet$1(object, path);
   return result === undefined ? defaultValue : result;
 }
 
-var get_1 = get$2;
+var get_1 = get$1;
 
-var get$1 = /*@__PURE__*/getDefaultExportFromCjs(get_1);
+var get$2 = /*@__PURE__*/getDefaultExportFromCjs(get_1);
 
 /**
  * The base implementation of `_.hasIn` without support for deep paths.
@@ -1025,4 +1025,4 @@ var baseEach = createBaseEach(baseForOwn);
 
 var _baseEach = baseEach;
 
-export { _baseEach as _, _baseIteratee as a, get$1 as g };
+export { _baseEach as _, _baseIteratee as a, get$2 as g };

package/dist/_baseFlatten-es.js

@@ -1,6 +1,6 @@
 import { _ as _arrayPush } from './_getAllKeys-es.js';
 import { b as _Symbol } from './isObjectLike-es.js';
-import { a as isArray_1, d as isArguments_1 } from './isTypedArray-es.js';
+import { i as isArguments_1, a as isArray_1 } from './isTypedArray-es.js';
 
 var Symbol = _Symbol,
     isArguments = isArguments_1,

package/dist/_getAllKeys-cjs.js

@@ -215,6 +215,9 @@ var Symbol = isObjectLike._Symbol,
     isArray$2 = isTypedArray.isArray_1,
     isSymbol$1 = isSymbol$3.isSymbol_1;
 
+/** Used as references for various `Number` constants. */
+var INFINITY$1 = 1 / 0;
+
 /** Used to convert symbols to primitives and strings. */
 var symbolProto = Symbol ? Symbol.prototype : undefined,
     symbolToString = symbolProto ? symbolProto.toString : undefined;
@@ -240,7 +243,7 @@ function baseToString$1(value) {
     return symbolToString ? symbolToString.call(value) : '';
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
+  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
 }
 
 var _baseToString = baseToString$1;
@@ -298,6 +301,9 @@ var _castPath = castPath$1;
 
 var isSymbol = isSymbol$3.isSymbol_1;
 
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
+
 /**
  * Converts `value` to a string key if it's not a string or symbol.
  *
@@ -310,7 +316,7 @@ function toKey$1(value) {
     return value;
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
+  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
 }
 
 var _toKey = toKey$1;

package/dist/_getAllKeys-es.js

@@ -1,8 +1,8 @@
-import { a as isArray_1, i as isArrayLike_1 } from './isTypedArray-es.js';
+import { a as isArray_1, b as isArrayLike_1 } from './isTypedArray-es.js';
 import { i as isSymbol_1 } from './isSymbol-es.js';
 import { g as _MapCache, f as _arrayLikeKeys } from './identity-es.js';
 import { b as _Symbol } from './isObjectLike-es.js';
-import { a as _baseKeys } from './_getTag-es.js';
+import { _ as _baseKeys } from './_getTag-es.js';
 
 /**
  * Appends the elements of `values` to `array`.
@@ -213,6 +213,9 @@ var Symbol = _Symbol,
     isArray$2 = isArray_1,
     isSymbol$1 = isSymbol_1;
 
+/** Used as references for various `Number` constants. */
+var INFINITY$1 = 1 / 0;
+
 /** Used to convert symbols to primitives and strings. */
 var symbolProto = Symbol ? Symbol.prototype : undefined,
     symbolToString = symbolProto ? symbolProto.toString : undefined;
@@ -238,7 +241,7 @@ function baseToString$1(value) {
     return symbolToString ? symbolToString.call(value) : '';
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
+  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
 }
 
 var _baseToString = baseToString$1;
@@ -296,6 +299,9 @@ var _castPath = castPath$1;
 
 var isSymbol = isSymbol_1;
 
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
+
 /**
  * Converts `value` to a string key if it's not a string or symbol.
  *
@@ -308,7 +314,7 @@ function toKey$1(value) {
     return value;
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
+  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
 }
 
 var _toKey = toKey$1;

package/dist/_getTag-es.js

@@ -130,4 +130,4 @@ if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||
 
 var _getTag = getTag;
 
-export { _getTag as _, _baseKeys as a };
+export { _baseKeys as _, _getTag as a };

package/dist/_isIterateeCall-es.js

@@ -1,6 +1,6 @@
-import { i as identity_1, a as _isIndex, e as eq_1 } from './identity-es.js';
-import { _ as _setToString, a as _overRest } from './_setToString-es.js';
-import { i as isArrayLike_1 } from './isTypedArray-es.js';
+import { i as identity_1, e as eq_1, a as _isIndex } from './identity-es.js';
+import { _ as _overRest, a as _setToString } from './_setToString-es.js';
+import { b as isArrayLike_1 } from './isTypedArray-es.js';
 import { a as isObject_1 } from './isObjectLike-es.js';
 
 var identity = identity_1,

package/dist/_setToString-es.js

@@ -1,4 +1,4 @@
-import { i as identity_1, _ as _defineProperty } from './identity-es.js';
+import { _ as _defineProperty, i as identity_1 } from './identity-es.js';
 
 /**
  * A faster alternative to `Function#apply`, this function invokes `func`
@@ -165,4 +165,4 @@ var setToString = shortOut(baseSetToString);
 
 var _setToString = setToString;
 
-export { _setToString as _, _overRest as a };
+export { _overRest as _, _setToString as a };

package/dist/debounce-es.js

@@ -197,7 +197,7 @@ var nativeMax = Math.max,
  * // Cancel the trailing debounced invocation.
  * jQuery(window).on('popstate', debounced.cancel);
  */
-function debounce$1(func, wait, options) {
+function debounce(func, wait, options) {
   var lastArgs,
       lastThis,
       maxWait,
@@ -322,8 +322,8 @@ function debounce$1(func, wait, options) {
   return debounced;
 }
 
-var debounce_1 = debounce$1;
+var debounce_1 = debounce;
 
-var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
+var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
 
-export { debounce as a, debounce_1 as d };
+export { debounce$1 as a, debounce_1 as d };

package/dist/docs/Autocomplete/AutocompleteV1.md

@@ -1324,6 +1324,6 @@ is, focus the extra element and if not it will focus the input.
 | `prefix` | `Affix` | No | — | Adds a prefix label and icon to the field |
 | `ref` | `Ref<InputTextRef>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
 | `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `suffix` | `XOR<Affix, Suffix>` | No | — | Adds a suffix label and icon with an optional action to the field |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `validations` | `RegisterOptions` | No | — | Validations to run on the input. |
 | `version` | `1` | No | `1` | Version of the component to use. |

package/dist/docs/Autocomplete/AutocompleteV2.md

@@ -812,6 +812,6 @@ This is not yet implemented fully. Avoid using.
 | `readOnly` | `boolean` | No | — | Whether the input is read-only (HTML standard casing). |
 | `ref` | `Ref<HTMLInputElement | HTMLTextAreaElement>` | No | — |  |
 | `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `suffix` | `XOR<Affix, Suffix>` | No | — | Adds a suffix label and icon with an optional action to the field. |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field. |
 | `UNSAFE_className` | `{ menu?: string; option?: string; section?: string; action?: string; input?: string; header?: string; footer?: string; selection?: string; }` | No | — | **Use at your own risk:** Custom class names for specific elements. This should only be used as a **last resort**. Us... |
 | `UNSAFE_styles` | `{ menu?: CSSProperties; option?: CSSProperties; section?: CSSProperties; action?: CSSProperties; input?: CSSProperties; header?: CSSProperties; footer?: CSSProperties; selection?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |

package/dist/docs/Banner/Banner.md

@@ -389,7 +389,7 @@ Use `UNSAFE_style` to apply inline custom styles to the Banner.
 | `dismissible` | `boolean` | No | `true` | Set to false to hide the dismiss button |
 | `icon` | `IconNames` | No | — | Use to override the default status Icon |
 | `onDismiss` | `() => void` | No | — | Callback to be called when the Banner is dismissed. |
-| `primaryAction` | `ButtonProps` | No | — | Accepts props for Button. Default action uses a 'subtle' Button |
+| `primaryAction` | `{ external?: never; onClick?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly UNSAFE_className?: { container?: string; buttonLabel?: { ...; }; buttonIcon?: { ...; }; }; ... 18 more ...; readonly children?: never; } | ... 34 more ... | { ...; }` | No | — | Accepts props for Button. Default action uses a 'subtle' Button |
 
 #### Banner.Provider
 

package/dist/docs/Chip/Chip.md

@@ -362,11 +362,13 @@ those more complex selection flows.
 |------|------|----------|---------|-------------|
 | `label` | `string` | Yes | — | The content of the chip. Will be displayed on the right if you include a heading. |
 | `ariaLabel` | `string` | No | — | Accessible label, which can be different from the primary label. |
+| `data-testid` | `string` | No | — |  |
 | `disabled` | `boolean` | No | — | Disables both mouse and keyboard functionality, and updates the visual style of the Chip to appear disabled. |
 | `heading` | `string` | No | — | Adds more prominent text to act as a heading. Will be displayed on the left with a | separator. |
 | `invalid` | `boolean` | No | — | Changes Chip styling to inform the user of an issue. |
-| `onClick` | `(value: string | number, ev: MouseEvent<HTMLButtonElement | HTMLDivElement, MouseEvent>) => void` | No | — | Chip Click Callback. Sends an event and sometimes a value (SelectableChip). |
-| `onKeyDown` | `(ev: KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void` | No | — | Callback. Called when you keydown on Chip. Ships the event, so you can get the key pushed. |
+| `onClick` | `((ev: MouseEvent<HTMLButtonElement | HTMLDivElement, MouseEvent>) => void) & MouseEventHandler<ChipElement>` | No | — | Chip click callback using a standard event-first signature. |
+| `onClickValue` | `(value: string | number, ev: MouseEvent<HTMLButtonElement | HTMLDivElement, MouseEvent>) => void` | No | — | Value-first click callback retained as an upgrade path for existing consumers. @deprecated Prefer `onClick` with a cl... |
+| `onKeyDown` | `((ev: KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void) & KeyboardEventHandler<ChipElement>` | No | — | Callback. Called when you keydown on Chip. Ships the event, so you can get the key pushed. |
 | `ref` | `Ref<HTMLButtonElement | HTMLDivElement>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
 | `role` | `string` | No | `button` | The accessible role the Chip is fulfilling. Defaults to 'button' |
 | `tabIndex` | `number` | No | `0` | Used for accessibility purpopses, specifically using the tab key as navigation. |

package/dist/docs/DataList/DataList.md

@@ -534,7 +534,7 @@ objects that will define the sorting options for the column.
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `message` | `string` | Yes | — | The message that shows when the DataList is empty. |
-| `action` | `ReactElement<ButtonProps, string | JSXElementConstructor<any>>` | No | — | The action that shows when the DataList is empty.  This only accepts a Button component. Adding a non-Button componen... |
+| `action` | `ReactElement<{ external?: never; onClick?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly id?: string; readonly variation?: ButtonVariation; ... 17 more ...; readonly children?: never; } | ... 34 more ... | { ...; }, string | JSXElementConstructor<...>>` | No | — | The action that shows when the DataList is empty.  This only accepts a Button component. Adding a non-Button componen... |
 | `customRender` | `(emptyState: Omit<DataListEmptyStateProps, "customRender">) => ReactNode` | No | — | Custom render function for the empty state.  If provided, this function will be used to render the empty state instea... |
 | `type` | `"filtered" | "empty"` | No | — | Determine the type of empty state to show.  By default, it will show the "empty" state when there is no data. If you ... |
 

package/dist/docs/FormField/FormField.md

@@ -71,7 +71,7 @@ export function SpecialInput(props) {
 | `min` | `number` | No | — | Specifies the minimum numerical or date value that a user can type |
 | `name` | `string` | No | — | Name of the input. |
 | `onBlur` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Blur callback. |
-| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, Element>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
+| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
 | `onEnter` | `(event: KeyboardEvent<Element>) => void` | No | — | A callback to handle "Enter" keypress. This will only run if Enter is the only key. Will not run if Shift or Control ... |
 | `onFocus` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Focus callback. |
 | `onKeyUp` | `(event: KeyboardEvent<HTMLInputElement>) => void` | No | — |  |
@@ -83,7 +83,7 @@ export function SpecialInput(props) {
 | `rows` | `number` | No | — | Exclusively for textareas. Specifies the visible height of a textarea. |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
 | `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `suffix` | `XOR<Affix, Suffix>` | No | — | Adds a suffix label and icon with an optional action to the field |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `toolbar` | `ReactNode` | No | — | Toolbar to render content below the input. |
 | `toolbarVisibility` | `"always" | "while-editing"` | No | — | Determines the visibility of the toolbar. |
 | `type` | `FormFieldTypes` | No | — | Determines what kind of form field should the component give you. |

package/dist/docs/InputEmail/InputEmail.md

@@ -43,7 +43,7 @@ If you are not worried about email address validation, consider using
 | `loading` | `boolean` | No | — | Show a spinner to indicate loading |
 | `maxLength` | `number` | No | — | Maximum character length for an input. This also changes the width to roughly the same size as the max length. This i... |
 | `name` | `string` | No | — | Name of the input. |
-| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, Element>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
+| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
 | `onValidation` | `(message: string) => void` | No | — | Callback to get the the status and message when validating a field @param message |
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
 | `readonly` | `boolean` | No | — | Prevents users from editing the value. |

package/dist/docs/InputNumber/InputNumber.md

@@ -51,7 +51,7 @@ For more details about `validation` using `Input` components, see the
 | `min` | `number` | No | — | Specifies the minimum numerical or date value that a user can type |
 | `name` | `string` | No | — | Name of the input. |
 | `onBlur` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Blur callback. |
-| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, Element>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
+| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
 | `onEnter` | `(event: KeyboardEvent<Element>) => void` | No | — | A callback to handle "Enter" keypress. This will only run if Enter is the only key. Will not run if Shift or Control ... |
 | `onFocus` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Focus callback. |
 | `onValidation` | `(message: string) => void` | No | — | Callback to get the the status and message when validating a field @param message |
@@ -61,7 +61,7 @@ For more details about `validation` using `Input` components, see the
 | `ref` | `Ref<InputNumberRef>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
 | `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `suffix` | `XOR<Affix, Suffix>` | No | — | Adds a suffix label and icon with an optional action to the field |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `value` | `number` | No | — | Set the component to the given value. |
 | `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. |

package/dist/docs/InputPhoneNumber/InputPhoneNumber.md

@@ -66,6 +66,6 @@ edits the input.
 | `required` | `boolean` | No | — | Shows a "required" validation message when the component is left empty. |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
 | `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `suffix` | `XOR<Affix, Suffix>` | No | — | Adds a suffix label and icon with an optional action to the field |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |

package/dist/docs/InputText/InputText.md

@@ -303,7 +303,7 @@ they will not do anything.
 | `multiline` | `boolean` | No | — | Use this when you're expecting a long answer. |
 | `name` | `string` | No | — | Name of the input. |
 | `onBlur` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Blur callback. |
-| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, Element>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
+| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
 | `onEnter` | `(event: KeyboardEvent<Element>) => void` | No | — | A callback to handle "Enter" keypress. This will only run if Enter is the only key. Will not run if Shift or Control ... |
 | `onFocus` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Focus callback. |
 | `onValidation` | `(message: string) => void` | No | — | Callback to get the the status and message when validating a field @param message |
@@ -314,7 +314,7 @@ they will not do anything.
 | `rows` | `number | RowRange` | No | — | Specifies the visible height of a long answer form field. Can be in the form of a single number to set a static heigh... |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
 | `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `suffix` | `XOR<Affix, Suffix>` | No | — | Adds a suffix label and icon with an optional action to the field |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `toolbar` | `ReactNode` | No | — | Toolbar to render content below the input. |
 | `toolbarVisibility` | `"while-editing" | "always"` | No | — | Determines the visibility of the toolbar. |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |

package/dist/docs/Modal/Modal.md

@@ -290,9 +290,9 @@ screen.getByRole("dialog", { name: /Billing Settings/i });
 | `dismissible` | `boolean` | No | `true` |  |
 | `onRequestClose` | `() => void` | No | — |  |
 | `open` | `boolean` | No | `false` |  |
-| `primaryAction` | `ButtonProps` | No | — |  |
-| `secondaryAction` | `ButtonProps` | No | — |  |
+| `primaryAction` | `{ external?: never; onClick?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly variation?: ButtonVariation; ... 18 more ...; readonly children?: never; } | ... 34 more ... | { ...; }` | No | — |  |
+| `secondaryAction` | `{ external?: never; onClick?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly variation?: ButtonVariation; ... 18 more ...; readonly children?: never; } | ... 34 more ... | { ...; }` | No | — |  |
 | `size` | `"fullScreen" | "large" | "small"` | No | — |  |
-| `tertiaryAction` | `ButtonProps` | No | — |  |
+| `tertiaryAction` | `{ external?: never; onClick?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly variation?: ButtonVariation; ... 18 more ...; readonly children?: never; } | ... 34 more ... | { ...; }` | No | — |  |
 | `title` | `string` | No | `false` |  |
 | `version` | `1` | No | — |  |

package/dist/docs/Select/Select.md

@@ -201,14 +201,14 @@ dropdown content is stylable; the closed value alignment is not.
 | `maxLength` | `number` | No | — | Changes the width to roughly the same size as the maximum character length |
 | `name` | `string` | No | — | Name of the input. |
 | `onBlur` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Blur callback. |
-| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, Element>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
+| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
 | `onEnter` | `(event: KeyboardEvent<Element>) => void` | No | — | A callback to handle "Enter" keypress. This will only run if Enter is the only key. Will not run if Shift or Control ... |
 | `onFocus` | `(event?: FocusEvent<Element, Element>) => void` | No | — | Focus callback. |
 | `onValidation` | `(message: string) => void` | No | — | Callback to get the the status and message when validating a field @param message |
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
 | `prefix` | `Affix` | No | — | Adds a prefix label and icon to the field |
 | `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `suffix` | `XOR<Affix, Suffix>` | No | — | Adds a suffix label and icon with an optional action to the field |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `value` | `string | number | Date` | No | — | Set the component to the given value. |
 | `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |

package/dist/floating-ui.react-cjs.js

@@ -886,12 +886,7 @@ let uncontrolledElementsSet = /*#__PURE__*/new WeakSet();
 let markerMap = {};
 let lockCount$1 = 0;
 const supportsInert = () => typeof HTMLElement !== 'undefined' && 'inert' in HTMLElement.prototype;
-function unwrapHost(node) {
-  if (!node) {
-    return null;
-  }
-  return index_esm.isShadowRoot(node) ? node.host : unwrapHost(node.parentNode);
-}
+const unwrapHost = node => node && (node.host || unwrapHost(node.parentNode));
 const correctElements = (parent, targets) => targets.map(target => {
   if (parent.contains(target)) {
     return target;
@@ -1032,12 +1027,6 @@ const FocusGuard = /*#__PURE__*/React__namespace.forwardRef(function FocusGuard(
   });
 });
 
-const HIDDEN_OWNER_STYLES = {
-  clipPath: 'inset(50%)',
-  position: 'fixed',
-  top: 0,
-  left: 0
-};
 const PortalContext = /*#__PURE__*/React__namespace.createContext(null);
 const attr = /*#__PURE__*/createAttribute('portal');
 /**
@@ -1196,7 +1185,7 @@ function FloatingPortal(props) {
       }
     }), shouldRenderGuards && portalNode && /*#__PURE__*/jsxRuntime.jsx("span", {
       "aria-owns": portalNode.id,
-      style: HIDDEN_OWNER_STYLES
+      style: HIDDEN_STYLES
     }), portalNode && /*#__PURE__*/ReactDOM__namespace.createPortal(children, portalNode), shouldRenderGuards && portalNode && /*#__PURE__*/jsxRuntime.jsx(FocusGuard, {
       "data-type": "outside",
       ref: afterOutsideRef,
@@ -1232,24 +1221,20 @@ function useLiteMergeRefs(refs) {
 const LIST_LIMIT = 20;
 let previouslyFocusedElements = [];
 function clearDisconnectedPreviouslyFocusedElements() {
-  previouslyFocusedElements = previouslyFocusedElements.filter(elementRef => {
-    var _elementRef$deref;
-    return (_elementRef$deref = elementRef.deref()) == null ? void 0 : _elementRef$deref.isConnected;
-  });
+  previouslyFocusedElements = previouslyFocusedElements.filter(el => el.isConnected);
 }
 function addPreviouslyFocusedElement(element) {
   clearDisconnectedPreviouslyFocusedElements();
   if (element && index_esm.getNodeName(element) !== 'body') {
-    previouslyFocusedElements.push(new WeakRef(element));
+    previouslyFocusedElements.push(element);
     if (previouslyFocusedElements.length > LIST_LIMIT) {
-      previouslyFocusedElements = previouslyFocusedElements.slice(-LIST_LIMIT);
+      previouslyFocusedElements = previouslyFocusedElements.slice(-20);
     }
   }
 }
 function getPreviouslyFocusedElement() {
   clearDisconnectedPreviouslyFocusedElements();
-  const elementRef = previouslyFocusedElements[previouslyFocusedElements.length - 1];
-  return elementRef == null ? void 0 : elementRef.deref();
+  return previouslyFocusedElements[previouslyFocusedElements.length - 1];
 }
 function getFirstTabbableElement(container) {
   const tabbableOptions = getTabbableOptions();
@@ -2181,22 +2166,18 @@ function useDismiss(context, props) {
       })
     })
   }), [closeOnEscapeKeyDown, onOpenChange, referencePress, referencePressEvent]);
-  const floating = React__namespace.useMemo(() => {
-    function setMouseDownOrUpInside(event) {
-      if (event.button !== 0) {
-        return;
-      }
+  const floating = React__namespace.useMemo(() => ({
+    onKeyDown: closeOnEscapeKeyDown,
+    onMouseDown() {
       endedOrStartedInsideRef.current = true;
+    },
+    onMouseUp() {
+      endedOrStartedInsideRef.current = true;
+    },
+    [captureHandlerKeys[outsidePressEvent]]: () => {
+      dataRef.current.insideReactTree = true;
     }
-    return {
-      onKeyDown: closeOnEscapeKeyDown,
-      onMouseDown: setMouseDownOrUpInside,
-      onMouseUp: setMouseDownOrUpInside,
-      [captureHandlerKeys[outsidePressEvent]]: () => {
-        dataRef.current.insideReactTree = true;
-      }
-    };
-  }, [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);
+  }), [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);
   return React__namespace.useMemo(() => enabled ? {
     reference,
     floating