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

package/dist/AtlantisThemeContext-cjs.js

@@ -342,7 +342,7 @@ var merge$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",

package/dist/AtlantisThemeContext-es.js

@@ -1,11 +1,11 @@
 import { tokens, darkTokens } from '@jobber/design';
-import React__default, { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
+import React__default, { createContext, useState, useCallback, useEffect, useContext, useMemo } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { e as eq_1, c as _Stack } from './identity-es.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
 import { _ as _baseFor } from './_baseFor-es.js';
-import { _ as _copyObject, k as keysIn_1, a as _copyArray, b as _cloneBufferExports, c as _cloneTypedArray, i as isPlainObject_1, d as _initCloneObject } from './keysIn-es.js';
-import { i as isArrayLike_1, b as isBufferExports, c as isTypedArray_1, a as isArray_1, d as isArguments_1, j as isFunction_1 } from './isTypedArray-es.js';
+import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
+import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
 import { i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
 
@@ -330,23 +330,23 @@ var baseMerge = _baseMerge,
  * _.merge(object, other);
  * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
  */
-var merge$1 = createAssigner(function(object, source, srcIndex) {
+var merge = createAssigner(function(object, source, srcIndex) {
   baseMerge(object, source, srcIndex);
 });
 
-var merge_1 = merge$1;
+var merge_1 = merge;
 
-var merge = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
+var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",
     tokens: tokens,
 };
-const actualDarkTokens = merge({}, tokens, darkTokens);
+const actualDarkTokens = merge$1({}, tokens, darkTokens);
 const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
 function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, }) {
     if (dangerouslyOverrideTheme) {
@@ -401,7 +401,7 @@ function useTokens(theme, overrideTokens) {
     const currentTokens = theme === "dark" ? actualDarkTokens : tokens;
     const finalTokens = useMemo(() => {
         if (overrideTokens) {
-            return merge({}, currentTokens, overrideTokens);
+            return merge$1({}, currentTokens, overrideTokens);
         }
         return currentTokens;
     }, [currentTokens, overrideTokens]);

package/dist/Autocomplete/index.cjs

@@ -32,7 +32,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
 const EMPTY_SELECTED_VALUES = [];
 
-var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
+var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
 
 function flattenMenu(menu) {
     const optionItems = [];
@@ -1312,7 +1312,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
         children));
 }
 
-var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
 function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
     const { refs, floatingStyles, update } = floatingUi_react.useFloating(Object.assign({ placement: "bottom", middleware: [

package/dist/Autocomplete/index.mjs

@@ -4,14 +4,14 @@ import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';
 import { c as calculateMaxHeight } from '../maxHeight-es.js';
-import { a as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
+import { b as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
 import { H as Heading } from '../Heading-es.js';
 import { T as Text } from '../Text-es.js';
 import { T as Typography } from '../Typography-es.js';
 import { I as Icon } from '../Icon-es.js';
-import { a as Glimmer } from '../Glimmer-es.js';
+import { G as Glimmer } from '../Glimmer-es.js';
 import { InputText } from '../InputText/index.mjs';
-import { n as mergeRefs, e as FormFieldWrapper } from '../FormField-es.js';
+import { n as mergeRefs, f as FormFieldWrapper } from '../FormField-es.js';
 import { _ as __rest, a as __awaiter } from '../tslib.es6-es.js';
 import 'react-hook-form';
 import '../Button-es.js';
@@ -30,7 +30,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
 const EMPTY_SELECTED_VALUES = [];
 
-var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
+var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
 
 function flattenMenu(menu) {
     const optionItems = [];
@@ -1310,7 +1310,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
         children));
 }
 
-var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
 function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
     const { refs, floatingStyles, update } = useFloating(Object.assign({ placement: "bottom", middleware: [

package/dist/Body-cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var formatters = require('@jobber/formatters');
 var classnames = require('classnames');
 
-var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
+var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
 
 function Table({ children }) {
     return React.createElement("table", { className: styles$1.table }, children);

package/dist/Body-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { formatCurrency } from '@jobber/formatters';
 import classnames from 'classnames';
 
-var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
+var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
 
 function Table({ children }) {
     return React__default.createElement("table", { className: styles$1.table }, children);
@@ -42,4 +42,4 @@ function Body({ children }) {
     return React__default.createElement("tbody", null, children);
 }
 
-export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellCurrency as a, CellNumeric as b };
+export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellNumeric as a, CellCurrency as b };

package/dist/BottomSheet-cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var classnames = require('classnames');
 var DrawerRoot = require('./DrawerRoot-cjs.js');
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
 
 const BOTTOM_THRESHOLD = 1;
 const BottomSheetContext = React.createContext(null);

package/dist/BottomSheet-es.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { D as DrawerPortal, a as DrawerBackdrop, b as DrawerPopup, c as DrawerContent, d as DrawerRoot } from './DrawerRoot-es.js';
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
 
 const BOTTOM_THRESHOLD = 1;
 const BottomSheetContext = React__default.createContext(null);

package/dist/Box-cjs.js

@@ -18,7 +18,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
     if (!size)
         return;
     const className = [
-        styles[defaultClass],
+        defaultClass && styles[defaultClass],
     ];
     if (typeof size === "string") {
         className.push(styles[`${prefix}-base`]);
@@ -115,7 +115,7 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
+var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
 
 var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 

package/dist/Box-es.js

@@ -16,7 +16,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
     if (!size)
         return;
     const className = [
-        styles[defaultClass],
+        defaultClass && styles[defaultClass],
     ];
     if (typeof size === "string") {
         className.push(styles[`${prefix}-base`]);
@@ -113,7 +113,7 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
+var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
 
 var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 

package/dist/Button/index.mjs

@@ -1,4 +1,4 @@
-export { B as Button, u as useButtonContext, a as useButtonStyles } from '../Button-es.js';
+export { B as Button, a as useButtonContext, u as useButtonStyles } from '../Button-es.js';
 import 'react';
 import 'react-router-dom';
 import 'classnames';

package/dist/Button-es.js

@@ -92,4 +92,4 @@ function ButtonWrapper(props) {
 Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;
 
-export { Button as B, useButtonStyles as a, useButtonContext as u };
+export { Button as B, useButtonContext as a, useButtonStyles as u };

package/dist/Card-cjs.js

@@ -6,7 +6,7 @@ var Heading = require('./Heading-cjs.js');
 var Button = require('./Button-cjs.js');
 var Menu = require('./Menu-cjs.js');
 
-var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
+var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
 
 var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
 

package/dist/Card-es.js

@@ -4,7 +4,7 @@ import { H as Heading } from './Heading-es.js';
 import { B as Button } from './Button-es.js';
 import { M as Menu } from './Menu-es.js';
 
-var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
+var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
 
 var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
 

package/dist/Checkbox/index.cjs

@@ -10,7 +10,7 @@ var filterDataAttributes = require('../filterDataAttributes-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');
 
-var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
+var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
 
 function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
     const { control, setValue, watch } = reactHookForm.useFormContext() != undefined

package/dist/Checkbox/index.mjs

@@ -8,7 +8,7 @@ import { f as filterDataAttributes } from '../filterDataAttributes-es.js';
 import '@jobber/design';
 import '../Typography-es.js';
 
-var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
+var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
 
 function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
     const { control, setValue, watch } = useFormContext() != undefined

package/dist/Chip/Chip.d.ts

@@ -2,7 +2,13 @@ import React from "react";
 import { ChipPrefix } from "./components/ChipPrefix/Chip.Prefix";
 import { ChipSuffix } from "./components/ChipSuffix/Chip.Suffix";
 import type { ChipProps } from "./Chip.types";
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>> & {
+type ChipElement = HTMLButtonElement | HTMLDivElement;
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.HTMLAttributes<ChipElement> & {
+    readonly "data-testid"?: string;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+} & React.RefAttributes<HTMLDivElement | HTMLButtonElement>> & {
     Prefix: typeof ChipPrefix;
     Suffix: typeof ChipSuffix;
 };
+export {};

package/dist/Chip/Chip.types.d.ts

@@ -44,9 +44,14 @@ export interface ChipProps extends PropsWithChildren {
      */
     readonly variation?: ChipVariations;
     /**
-     * Chip Click Callback. Sends an event and sometimes a value (SelectableChip).
+     * Chip click callback using a standard event-first signature.
      */
-    readonly onClick?: (value: string | number | undefined, ev: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+    readonly onClick?: (ev: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+    /**
+     * Value-first click callback retained as an upgrade path for existing consumers.
+     * @deprecated Prefer `onClick` with a closure over the value.
+     */
+    readonly onClickValue?: (value: string | number | undefined, ev: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
     /**
      * Callback. Called when you keydown on Chip. Ships the event, so you can get the key pushed.
      */

package/dist/Chip/index.cjs

@@ -2,6 +2,7 @@
 
 var Chip = require('../Chip-cjs.js');
 var ChipDismissible = require('../ChipDismissible-cjs.js');
+require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
 require('@jobber/hooks');
@@ -18,7 +19,6 @@ require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
 require('framer-motion');
-require('../tslib.es6-cjs.js');
 
 
 

package/dist/Chip/index.mjs

@@ -1,5 +1,6 @@
 export { C as Chip } from '../Chip-es.js';
-export { C as ChipDismissible, a as ChipSelectable } from '../ChipDismissible-es.js';
+export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-es.js';
+import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
 import '@jobber/hooks';
@@ -16,4 +17,3 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
 import 'framer-motion';
-import '../tslib.es6-es.js';

package/dist/Chip-cjs.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
@@ -9,7 +10,7 @@ var useChildComponent = require('./useChildComponent-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Tooltip = require('./Tooltip-cjs.js');
 
-var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-"};
+var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-","spinning":"DDVRXFECqIo-"};
 
 function ChipPrefix({ children }) {
     const avatarOrIcon = useChildComponent.useChildComponent(children, d => d.type === Avatar.Avatar || d.type === Icon.Icon);
@@ -18,7 +19,7 @@ function ChipPrefix({ children }) {
     return React.createElement("span", { className: classnames(styles$1.prefix) }, avatarOrIcon);
 }
 
-var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-"};
+var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = React.useRef(null);
@@ -64,13 +65,14 @@ function ChipSuffix({ children, className, onClick, testID, ariaLabel, }) {
     return (React.createElement("span", { className: classnames(onClick ? styles$1.clickableSuffix : styles$1.suffix, className, !singleChild && styles$1.empty), onClick: handleClick, onKeyPress: handleClick, role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, "data-testid": testID, "aria-label": ariaLabel }, singleChild));
 }
 
-const ChipComponent = React.forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
+const ChipComponent = React.forwardRef((_a, ref) => {
+    var { ariaLabel, "aria-label": ariaLabelProp, disabled, heading, invalid, label, value, testID, onClick, onClickValue, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", className, style, onFocus, onBlur, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onMouseDown, onMouseUp, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, onContextMenu, title, "data-testid": dataTestId } = _a, rest = tslib_es6.__rest(_a, ["ariaLabel", "aria-label", "disabled", "heading", "invalid", "label", "value", "testID", "onClick", "onClickValue", "onKeyDown", "children", "role", "tabIndex", "variation", "className", "style", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerEnter", "onPointerLeave", "onMouseDown", "onMouseUp", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "onContextMenu", "title", "data-testid"]);
     const classes = classnames(styles$1.chip, {
         [styles$1.invalid]: invalid,
         [styles$1.base]: variation === "base",
         [styles$1.subtle]: variation === "subtle",
         [styles$1.disabled]: disabled,
-    });
+    }, className);
     const prefix = useChildComponent.useChildComponent(children, d => d.type === ChipPrefix);
     const suffix = useChildComponent.useChildComponent(children, d => d.type === ChipSuffix);
     const [labelRef, labelFullyVisible] = jobberHooks.useInView();
@@ -90,29 +92,42 @@ const ChipComponent = React.forwardRef(({ ariaLabel, disabled, heading, invalid,
             !labelFullyVisible && (React.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
                 React.createElement("span", null)))),
         suffix));
-    // Use createElement to properly handle the ref typing
-    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
-        ? React.createElement("button", {
-            className: classes,
-            onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
-            tabIndex: disabled ? -1 : tabIndex,
-            onKeyDown,
-            "aria-label": ariaLabel,
-            disabled,
-            role,
-            "data-testid": testID,
-            type: "button",
-            ref,
-        }, chipContent)
-        : React.createElement("div", {
-            className: classes,
-            tabIndex: disabled ? -1 : tabIndex,
-            onKeyDown,
-            "aria-label": ariaLabel,
-            role,
-            "data-testid": testID,
-            ref,
-        }, chipContent)));
+    const isClickable = Boolean(onClick || onClickValue);
+    const handleClick = (ev) => {
+        onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+        onClickValue === null || onClickValue === void 0 ? void 0 : onClickValue(value, ev);
+    };
+    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false }, isClickable
+        ? React.createElement("button", Object.assign(Object.assign({}, rest), { className: classes, style, onClick: handleClick, tabIndex: disabled ? -1 : tabIndex, onKeyDown,
+            onFocus,
+            onBlur,
+            onPointerDown,
+            onPointerUp,
+            onPointerEnter,
+            onPointerLeave,
+            onMouseDown,
+            onMouseUp,
+            onMouseEnter,
+            onMouseLeave,
+            onTouchStart,
+            onTouchEnd,
+            onContextMenu, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, disabled,
+            role, "data-testid": testID !== null && testID !== void 0 ? testID : dataTestId, title, type: "button", ref }), chipContent)
+        : React.createElement("div", Object.assign(Object.assign({}, rest), { className: classes, style, tabIndex: disabled ? -1 : tabIndex, onKeyDown,
+            onFocus,
+            onBlur,
+            onPointerDown,
+            onPointerUp,
+            onPointerEnter,
+            onPointerLeave,
+            onMouseDown,
+            onMouseUp,
+            onMouseEnter,
+            onMouseLeave,
+            onTouchStart,
+            onTouchEnd,
+            onContextMenu, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, role, "data-testid": testID !== null && testID !== void 0 ? testID : dataTestId, title,
+            ref }), chipContent)));
 });
 function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
     let message = "";

package/dist/Chip-es.js

@@ -1,3 +1,4 @@
+import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useRef, forwardRef } from 'react';
 import classnames from 'classnames';
 import { useInView } from '@jobber/hooks';
@@ -7,7 +8,7 @@ import { u as useChildComponent } from './useChildComponent-es.js';
 import { T as Typography } from './Typography-es.js';
 import { T as Tooltip } from './Tooltip-es.js';
 
-var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-"};
+var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-","spinning":"DDVRXFECqIo-"};
 
 function ChipPrefix({ children }) {
     const avatarOrIcon = useChildComponent(children, d => d.type === Avatar || d.type === Icon);
@@ -16,7 +17,7 @@ function ChipPrefix({ children }) {
     return React__default.createElement("span", { className: classnames(styles$1.prefix) }, avatarOrIcon);
 }
 
-var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-"};
+var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = useRef(null);
@@ -62,13 +63,14 @@ function ChipSuffix({ children, className, onClick, testID, ariaLabel, }) {
     return (React__default.createElement("span", { className: classnames(onClick ? styles$1.clickableSuffix : styles$1.suffix, className, !singleChild && styles$1.empty), onClick: handleClick, onKeyPress: handleClick, role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, "data-testid": testID, "aria-label": ariaLabel }, singleChild));
 }
 
-const ChipComponent = forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
+const ChipComponent = forwardRef((_a, ref) => {
+    var { ariaLabel, "aria-label": ariaLabelProp, disabled, heading, invalid, label, value, testID, onClick, onClickValue, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", className, style, onFocus, onBlur, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onMouseDown, onMouseUp, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, onContextMenu, title, "data-testid": dataTestId } = _a, rest = __rest(_a, ["ariaLabel", "aria-label", "disabled", "heading", "invalid", "label", "value", "testID", "onClick", "onClickValue", "onKeyDown", "children", "role", "tabIndex", "variation", "className", "style", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerEnter", "onPointerLeave", "onMouseDown", "onMouseUp", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "onContextMenu", "title", "data-testid"]);
     const classes = classnames(styles$1.chip, {
         [styles$1.invalid]: invalid,
         [styles$1.base]: variation === "base",
         [styles$1.subtle]: variation === "subtle",
         [styles$1.disabled]: disabled,
-    });
+    }, className);
     const prefix = useChildComponent(children, d => d.type === ChipPrefix);
     const suffix = useChildComponent(children, d => d.type === ChipSuffix);
     const [labelRef, labelFullyVisible] = useInView();
@@ -88,29 +90,42 @@ const ChipComponent = forwardRef(({ ariaLabel, disabled, heading, invalid, label
             !labelFullyVisible && (React__default.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
                 React__default.createElement("span", null)))),
         suffix));
-    // Use createElement to properly handle the ref typing
-    return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
-        ? React__default.createElement("button", {
-            className: classes,
-            onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
-            tabIndex: disabled ? -1 : tabIndex,
-            onKeyDown,
-            "aria-label": ariaLabel,
-            disabled,
-            role,
-            "data-testid": testID,
-            type: "button",
-            ref,
-        }, chipContent)
-        : React__default.createElement("div", {
-            className: classes,
-            tabIndex: disabled ? -1 : tabIndex,
-            onKeyDown,
-            "aria-label": ariaLabel,
-            role,
-            "data-testid": testID,
-            ref,
-        }, chipContent)));
+    const isClickable = Boolean(onClick || onClickValue);
+    const handleClick = (ev) => {
+        onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+        onClickValue === null || onClickValue === void 0 ? void 0 : onClickValue(value, ev);
+    };
+    return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false }, isClickable
+        ? React__default.createElement("button", Object.assign(Object.assign({}, rest), { className: classes, style, onClick: handleClick, tabIndex: disabled ? -1 : tabIndex, onKeyDown,
+            onFocus,
+            onBlur,
+            onPointerDown,
+            onPointerUp,
+            onPointerEnter,
+            onPointerLeave,
+            onMouseDown,
+            onMouseUp,
+            onMouseEnter,
+            onMouseLeave,
+            onTouchStart,
+            onTouchEnd,
+            onContextMenu, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, disabled,
+            role, "data-testid": testID !== null && testID !== void 0 ? testID : dataTestId, title, type: "button", ref }), chipContent)
+        : React__default.createElement("div", Object.assign(Object.assign({}, rest), { className: classes, style, tabIndex: disabled ? -1 : tabIndex, onKeyDown,
+            onFocus,
+            onBlur,
+            onPointerDown,
+            onPointerUp,
+            onPointerEnter,
+            onPointerLeave,
+            onMouseDown,
+            onMouseUp,
+            onMouseEnter,
+            onMouseLeave,
+            onTouchStart,
+            onTouchEnd,
+            onContextMenu, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, role, "data-testid": testID !== null && testID !== void 0 ? testID : dataTestId, title,
+            ref }), chipContent)));
 });
 function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
     let message = "";

package/dist/ChipDismissible-es.js

@@ -16,4 +16,4 @@ function ChipDismissible(props) {
             React__default.createElement(Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
 }
 
-export { ChipDismissible as C, ChipSelectable as a };
+export { ChipSelectable as C, ChipDismissible as a };

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -1,4 +1,4 @@
-export { u as useInView, a as useInternalChipDismissible, b as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-es.js';
+export { b as useInView, u as useInternalChipDismissible, a as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-es.js';
 import 'react';
 import '../../../_commonjsHelpers-es.js';
 import '../../../_baseFlatten-es.js';

package/dist/Combobox/components/ComboboxTrigger/index.cjs

@@ -3,6 +3,7 @@
 var ComboboxTrigger = require('../../../ComboboxTrigger-cjs.js');
 require('react');
 require('../../../Chip-cjs.js');
+require('../../../tslib.es6-cjs.js');
 require('classnames');
 require('@jobber/hooks');
 require('../../../Avatar-cjs.js');
@@ -18,7 +19,6 @@ require('react/jsx-runtime');
 require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
 require('framer-motion');
-require('../../../tslib.es6-cjs.js');
 require('../../../ComboboxProvider-cjs.js');