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

package/dist/DayOfMonthSelect-cjs.js

@@ -4,9 +4,9 @@ var React = require('react');
 var RadioGroup = require('./RadioGroup-cjs.js');
 var Text = require('./Text-cjs.js');
 
-var styles$3 = {"container":"-R-TvZ9aU9g-"};
+var styles$3 = {"container":"-R-TvZ9aU9g-","spinning":"SYARPwvkeO0-"};
 
-var checkboxStyles = {"checkboxWrapper":"HgFD6w2VXzo-","dayCheckboxInput":"XGjk9DHJAmw-","dayCheckbox":"zulupkPyEs8-"};
+var checkboxStyles = {"checkboxWrapper":"HgFD6w2VXzo-","dayCheckboxInput":"XGjk9DHJAmw-","dayCheckbox":"zulupkPyEs8-","spinning":"jjJFVaCX4Zk-"};
 
 /**
  * @deprecated RecurringSelect will be removed in the next major version
@@ -83,7 +83,7 @@ function WeeklySelect({ onChange, selectedDays, disabled, }) {
     })));
 }
 
-var styles$2 = {"radioContainer":"cr0irYOHA5k-"};
+var styles$2 = {"radioContainer":"cr0irYOHA5k-","spinning":"CAeHbpYJvRk-"};
 
 function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
     return (React.createElement("div", { className: styles$2.radioContainer },
@@ -92,7 +92,7 @@ function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
             React.createElement(RadioGroup.RadioOption, { disabled: disabled, value: exports.DurationPeriod.WeekDayOfMonth, label: "Day of week" }))));
 }
 
-var styles$1 = {"container":"Qup9qglgfQ8-","parentContainer":"FxW4kmZLd44-"};
+var styles$1 = {"container":"Qup9qglgfQ8-","parentContainer":"FxW4kmZLd44-","spinning":"_3B10vRc7B6c-"};
 
 function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     const orderString = ["1st", "2nd", "3rd", "4th"];
@@ -109,7 +109,7 @@ function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     })));
 }
 
-var styles = {"container":"_4d0IFF7M5S0-"};
+var styles = {"container":"_4d0IFF7M5S0-","spinning":"TEqEHU-NbhU-"};
 
 const daysInMonth = [...Array.from({ length: 31 }, (_, i) => i + 1), "LAST"];
 function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {

package/dist/DayOfMonthSelect-es.js

@@ -2,9 +2,9 @@ import React__default, { useId } from 'react';
 import { R as RadioGroup, a as RadioOption } from './RadioGroup-es.js';
 import { T as Text } from './Text-es.js';
 
-var styles$3 = {"container":"-R-TvZ9aU9g-"};
+var styles$3 = {"container":"-R-TvZ9aU9g-","spinning":"SYARPwvkeO0-"};
 
-var checkboxStyles = {"checkboxWrapper":"HgFD6w2VXzo-","dayCheckboxInput":"XGjk9DHJAmw-","dayCheckbox":"zulupkPyEs8-"};
+var checkboxStyles = {"checkboxWrapper":"HgFD6w2VXzo-","dayCheckboxInput":"XGjk9DHJAmw-","dayCheckbox":"zulupkPyEs8-","spinning":"jjJFVaCX4Zk-"};
 
 /**
  * @deprecated RecurringSelect will be removed in the next major version
@@ -81,7 +81,7 @@ function WeeklySelect({ onChange, selectedDays, disabled, }) {
     })));
 }
 
-var styles$2 = {"radioContainer":"cr0irYOHA5k-"};
+var styles$2 = {"radioContainer":"cr0irYOHA5k-","spinning":"CAeHbpYJvRk-"};
 
 function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
     return (React__default.createElement("div", { className: styles$2.radioContainer },
@@ -90,7 +90,7 @@ function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
             React__default.createElement(RadioOption, { disabled: disabled, value: DurationPeriod.WeekDayOfMonth, label: "Day of week" }))));
 }
 
-var styles$1 = {"container":"Qup9qglgfQ8-","parentContainer":"FxW4kmZLd44-"};
+var styles$1 = {"container":"Qup9qglgfQ8-","parentContainer":"FxW4kmZLd44-","spinning":"_3B10vRc7B6c-"};
 
 function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     const orderString = ["1st", "2nd", "3rd", "4th"];
@@ -107,7 +107,7 @@ function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     })));
 }
 
-var styles = {"container":"_4d0IFF7M5S0-"};
+var styles = {"container":"_4d0IFF7M5S0-","spinning":"TEqEHU-NbhU-"};
 
 const daysInMonth = [...Array.from({ length: 31 }, (_, i) => i + 1), "LAST"];
 function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {
@@ -133,4 +133,4 @@ function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {
     }
 }
 
-export { DurationPeriod as D, MonthlyDayOfWeekSelect as M, WeekDay as W, DayOfMonthSelect as a, MonthlySelect as b, WeeklySelect as c, isMonthly as i, typeInitialStateMap as t };
+export { DurationPeriod as D, MonthlySelect as M, WeekDay as W, WeeklySelect as a, MonthlyDayOfWeekSelect as b, DayOfMonthSelect as c, isMonthly as i, typeInitialStateMap as t };

package/dist/DescriptionList-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var Typography = require('./Typography-cjs.js');
 
-var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-"};
+var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
 
 function DescriptionList({ data }) {
     return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },

package/dist/DescriptionList-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { T as Typography } from './Typography-es.js';
 
-var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-"};
+var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
 
 function DescriptionList({ data }) {
     return (React__default.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React__default.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },

package/dist/Disclosure-cjs.js

@@ -6,7 +6,7 @@ var jobberHooks = require('@jobber/hooks');
 var Icon = require('./Icon-cjs.js');
 var Typography = require('./Typography-cjs.js');
 
-var styles = {"arrowIconWrapper":"VMuRkKeqAs8-","details":"fNHz-uKoICo-","summary":"_8BfGPs1d3OI-","summaryWrap":"lPbWm-JxIOc-","customSummaryWrap":"qCHHx-9sUDU-","content":"v4nYwpvvlh8-"};
+var styles = {"arrowIconWrapper":"VMuRkKeqAs8-","details":"fNHz-uKoICo-","summary":"_8BfGPs1d3OI-","summaryWrap":"lPbWm-JxIOc-","customSummaryWrap":"qCHHx-9sUDU-","content":"v4nYwpvvlh8-","openAnimation":"R-IWZjEaJeM-","spinning":"UfV5y-kjRUE-"};
 
 function Disclosure({ children, title, defaultOpen = false, onToggle, open, UNSAFE_className = {}, UNSAFE_style = {}, }) {
     var _a, _b, _c, _d;

package/dist/Disclosure-es.js

@@ -4,7 +4,7 @@ import { useResizeObserver, Breakpoints } from '@jobber/hooks';
 import { I as Icon } from './Icon-es.js';
 import { T as Typography } from './Typography-es.js';
 
-var styles = {"arrowIconWrapper":"VMuRkKeqAs8-","details":"fNHz-uKoICo-","summary":"_8BfGPs1d3OI-","summaryWrap":"lPbWm-JxIOc-","customSummaryWrap":"qCHHx-9sUDU-","content":"v4nYwpvvlh8-"};
+var styles = {"arrowIconWrapper":"VMuRkKeqAs8-","details":"fNHz-uKoICo-","summary":"_8BfGPs1d3OI-","summaryWrap":"lPbWm-JxIOc-","customSummaryWrap":"qCHHx-9sUDU-","content":"v4nYwpvvlh8-","openAnimation":"R-IWZjEaJeM-","spinning":"UfV5y-kjRUE-"};
 
 function Disclosure({ children, title, defaultOpen = false, onToggle, open, UNSAFE_className = {}, UNSAFE_style = {}, }) {
     var _a, _b, _c, _d;

package/dist/Divider-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"divider":"XLgPB38fKeE-"};
+var styles = {"divider":"XLgPB38fKeE-","spinning":"JenuDN3dhh4-"};
 
 var sizes = {"base":"t44-9xW2xyI-","large":"DZLf49GmKvc-","larger":"D9ovrKetww8-","largest":"_8uEysWndSQc-","spinning":"XYvD7J9XpzM-"};
 

package/dist/Divider-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
 
-var styles = {"divider":"XLgPB38fKeE-"};
+var styles = {"divider":"XLgPB38fKeE-","spinning":"JenuDN3dhh4-"};
 
 var sizes = {"base":"t44-9xW2xyI-","large":"DZLf49GmKvc-","larger":"D9ovrKetww8-","largest":"_8uEysWndSQc-","spinning":"XYvD7J9XpzM-"};
 

package/dist/DrawerGrid-cjs.js

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var Heading = require('./Heading-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 
-var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-"};
+var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-","spinning":"dzsdJUdmmt8-"};
 
 function Drawer({ title, children, open = true, onRequestClose, id, }) {
     const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
@@ -22,7 +22,7 @@ function Header({ title, onRequestClose }) {
         React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
 }
 
-var styles = {"drawerGrid":"_50Jq09W07gg-"};
+var styles = {"drawerGrid":"_50Jq09W07gg-","spinning":"GqOdr2k9PX8-"};
 
 function DrawerGrid({ children }) {
     return React.createElement("div", { className: styles.drawerGrid }, children);

package/dist/DrawerGrid-es.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { H as Heading } from './Heading-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 
-var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-"};
+var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-","spinning":"dzsdJUdmmt8-"};
 
 function Drawer({ title, children, open = true, onRequestClose, id, }) {
     const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
@@ -20,7 +20,7 @@ function Header({ title, onRequestClose }) {
         React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
 }
 
-var styles = {"drawerGrid":"_50Jq09W07gg-"};
+var styles = {"drawerGrid":"_50Jq09W07gg-","spinning":"GqOdr2k9PX8-"};
 
 function DrawerGrid({ children }) {
     return React__default.createElement("div", { className: styles.drawerGrid }, children);

package/dist/DrawerRoot-cjs.js

@@ -3448,7 +3448,42 @@ const createSelector = (a, b, c, d, e, f, ...other) => {
     throw new Error(process.env.NODE_ENV !== "production" ? 'Unsupported number of selectors' : useRenderElement.formatErrorMessage(1));
   }
   let selector;
-  if (a) {
+  if (a && b && c && d && e && f) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      const vc = c(state, a1, a2, a3);
+      const vd = d(state, a1, a2, a3);
+      const ve = e(state, a1, a2, a3);
+      return f(va, vb, vc, vd, ve, a1, a2, a3);
+    };
+  } else if (a && b && c && d && e) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      const vc = c(state, a1, a2, a3);
+      const vd = d(state, a1, a2, a3);
+      return e(va, vb, vc, vd, a1, a2, a3);
+    };
+  } else if (a && b && c && d) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      const vc = c(state, a1, a2, a3);
+      return d(va, vb, vc, a1, a2, a3);
+    };
+  } else if (a && b && c) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      return c(va, vb, a1, a2, a3);
+    };
+  } else if (a && b) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      return b(va, a1, a2, a3);
+    };
+  } else if (a) {
     selector = a;
   } else {
     throw /* minify-error-disabled */new Error('Missing arguments');
@@ -3495,14 +3530,14 @@ function requireWithSelector_production () {
 	) {
 	  var instRef = useRef(null);
 	  if (null === instRef.current) {
-	    var inst = { hasValue: false, value: null };
+	    var inst = { hasValue: !1, value: null };
 	    instRef.current = inst;
 	  } else inst = instRef.current;
 	  instRef = useMemo(
 	    function () {
 	      function memoizedSelector(nextSnapshot) {
 	        if (!hasMemo) {
-	          hasMemo = true;
+	          hasMemo = !0;
 	          memoizedSnapshot = nextSnapshot;
 	          nextSnapshot = selector(nextSnapshot);
 	          if (void 0 !== isEqual && inst.hasValue) {
@@ -3520,7 +3555,7 @@ function requireWithSelector_production () {
 	        memoizedSnapshot = nextSnapshot;
 	        return (memoizedSelection = nextSelection);
 	      }
-	      var hasMemo = false,
+	      var hasMemo = !1,
 	        memoizedSnapshot,
 	        memoizedSelection,
 	        maybeGetServerSnapshot =
@@ -3541,7 +3576,7 @@ function requireWithSelector_production () {
 	  var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
 	  useEffect(
 	    function () {
-	      inst.hasValue = true;
+	      inst.hasValue = !0;
 	      inst.value = value;
 	    },
 	    [value]
@@ -3595,14 +3630,14 @@ function requireWithSelector_development () {
 	    ) {
 	      var instRef = useRef(null);
 	      if (null === instRef.current) {
-	        var inst = { hasValue: false, value: null };
+	        var inst = { hasValue: !1, value: null };
 	        instRef.current = inst;
 	      } else inst = instRef.current;
 	      instRef = useMemo(
 	        function () {
 	          function memoizedSelector(nextSnapshot) {
 	            if (!hasMemo) {
-	              hasMemo = true;
+	              hasMemo = !0;
 	              memoizedSnapshot = nextSnapshot;
 	              nextSnapshot = selector(nextSnapshot);
 	              if (void 0 !== isEqual && inst.hasValue) {
@@ -3621,7 +3656,7 @@ function requireWithSelector_development () {
 	            memoizedSnapshot = nextSnapshot;
 	            return (memoizedSelection = nextSelection);
 	          }
-	          var hasMemo = false,
+	          var hasMemo = !1,
 	            memoizedSnapshot,
 	            memoizedSelection,
 	            maybeGetServerSnapshot =
@@ -3642,7 +3677,7 @@ function requireWithSelector_development () {
 	      var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
 	      useEffect(
 	        function () {
-	          inst.hasValue = true;
+	          inst.hasValue = !0;
 	          inst.value = value;
 	        },
 	        [value]
@@ -5141,7 +5176,10 @@ function DialogRoot(props) {
   useDialogRoot({
     store,
     actionsRef,
-    parentContext: parentDialogRootContext?.store.context});
+    parentContext: parentDialogRootContext?.store.context,
+    onOpenChange,
+    triggerIdProp
+  });
   const contextValue = React__namespace.useMemo(() => ({
     store
   }), [store]);

package/dist/DrawerRoot-es.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default from 'react';
 import { a as useRefWithInit, E as EMPTY_OBJECT, N as NOOP, u as useRenderElement, b as useMergedRefs, f as formatErrorMessage, i as isReactVersionAtLeast } from './useRenderElement-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { i as isShadowRoot, a as isHTMLElement, m as getComputedStyle$1, f as floor, t as tabbable, J as getWindow, Q as isOverflowElement, d as getNodeName, c as isNode, e as isTabbable, h as focusable, j as isWebKit$1, b as isElement, k as isLastTraversableNode, l as getParentNode } from './index.esm-es.js';
+import { i as isShadowRoot, a as isHTMLElement, l as getComputedStyle$1, f as floor, t as tabbable, I as getWindow, N as isOverflowElement, d as getNodeName, c as isNode, e as isTabbable, h as focusable, m as isWebKit$1, b as isElement, j as isLastTraversableNode, k as getParentNode } from './index.esm-es.js';
 import * as ReactDOM from 'react-dom';
 import { s as shimExports } from './index-es.js';
 
@@ -3427,7 +3427,42 @@ const createSelector = (a, b, c, d, e, f, ...other) => {
     throw new Error(process.env.NODE_ENV !== "production" ? 'Unsupported number of selectors' : formatErrorMessage(1));
   }
   let selector;
-  if (a) {
+  if (a && b && c && d && e && f) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      const vc = c(state, a1, a2, a3);
+      const vd = d(state, a1, a2, a3);
+      const ve = e(state, a1, a2, a3);
+      return f(va, vb, vc, vd, ve, a1, a2, a3);
+    };
+  } else if (a && b && c && d && e) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      const vc = c(state, a1, a2, a3);
+      const vd = d(state, a1, a2, a3);
+      return e(va, vb, vc, vd, a1, a2, a3);
+    };
+  } else if (a && b && c && d) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      const vc = c(state, a1, a2, a3);
+      return d(va, vb, vc, a1, a2, a3);
+    };
+  } else if (a && b && c) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      const vb = b(state, a1, a2, a3);
+      return c(va, vb, a1, a2, a3);
+    };
+  } else if (a && b) {
+    selector = (state, a1, a2, a3) => {
+      const va = a(state, a1, a2, a3);
+      return b(va, a1, a2, a3);
+    };
+  } else if (a) {
     selector = a;
   } else {
     throw /* minify-error-disabled */new Error('Missing arguments');
@@ -3474,14 +3509,14 @@ function requireWithSelector_production () {
 	) {
 	  var instRef = useRef(null);
 	  if (null === instRef.current) {
-	    var inst = { hasValue: false, value: null };
+	    var inst = { hasValue: !1, value: null };
 	    instRef.current = inst;
 	  } else inst = instRef.current;
 	  instRef = useMemo(
 	    function () {
 	      function memoizedSelector(nextSnapshot) {
 	        if (!hasMemo) {
-	          hasMemo = true;
+	          hasMemo = !0;
 	          memoizedSnapshot = nextSnapshot;
 	          nextSnapshot = selector(nextSnapshot);
 	          if (void 0 !== isEqual && inst.hasValue) {
@@ -3499,7 +3534,7 @@ function requireWithSelector_production () {
 	        memoizedSnapshot = nextSnapshot;
 	        return (memoizedSelection = nextSelection);
 	      }
-	      var hasMemo = false,
+	      var hasMemo = !1,
 	        memoizedSnapshot,
 	        memoizedSelection,
 	        maybeGetServerSnapshot =
@@ -3520,7 +3555,7 @@ function requireWithSelector_production () {
 	  var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
 	  useEffect(
 	    function () {
-	      inst.hasValue = true;
+	      inst.hasValue = !0;
 	      inst.value = value;
 	    },
 	    [value]
@@ -3574,14 +3609,14 @@ function requireWithSelector_development () {
 	    ) {
 	      var instRef = useRef(null);
 	      if (null === instRef.current) {
-	        var inst = { hasValue: false, value: null };
+	        var inst = { hasValue: !1, value: null };
 	        instRef.current = inst;
 	      } else inst = instRef.current;
 	      instRef = useMemo(
 	        function () {
 	          function memoizedSelector(nextSnapshot) {
 	            if (!hasMemo) {
-	              hasMemo = true;
+	              hasMemo = !0;
 	              memoizedSnapshot = nextSnapshot;
 	              nextSnapshot = selector(nextSnapshot);
 	              if (void 0 !== isEqual && inst.hasValue) {
@@ -3600,7 +3635,7 @@ function requireWithSelector_development () {
 	            memoizedSnapshot = nextSnapshot;
 	            return (memoizedSelection = nextSelection);
 	          }
-	          var hasMemo = false,
+	          var hasMemo = !1,
 	            memoizedSnapshot,
 	            memoizedSelection,
 	            maybeGetServerSnapshot =
@@ -3621,7 +3656,7 @@ function requireWithSelector_development () {
 	      var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
 	      useEffect(
 	        function () {
-	          inst.hasValue = true;
+	          inst.hasValue = !0;
 	          inst.value = value;
 	        },
 	        [value]
@@ -5120,7 +5155,10 @@ function DialogRoot(props) {
   useDialogRoot({
     store,
     actionsRef,
-    parentContext: parentDialogRootContext?.store.context});
+    parentContext: parentDialogRootContext?.store.context,
+    onOpenChange,
+    triggerIdProp
+  });
   const contextValue = React.useMemo(() => ({
     store
   }), [store]);
@@ -6015,4 +6053,4 @@ function DrawerProviderReporter() {
   return null;
 }
 
-export { CommonPopupDataAttributes as $, stopEvent as A, listNavigation as B, createGridCellMap as C, DrawerPortal as D, isListIndexDisabled as E, FloatingRootStore as F, getGridNavigatedIndex as G, getGridCellIndexOfCorner as H, ARROW_DOWN$1 as I, ARROW_LEFT$1 as J, ARROW_RIGHT$1 as K, getGridCellIndices as L, findNonDisabledListIndex as M, getTarget as N, focusOut as O, PopupTriggerMap as P, isVirtualClick as Q, isVirtualPointerEvent as R, SafeReact as S, ARROW_UP$1 as T, isElementVisible as U, useDialogRootContext as V, closePress as W, useTriggerDataForwarding as X, useInteractions as Y, CLICK_TRIGGER_IDENTIFIER as Z, triggerOpenStateMapping as _, DrawerBackdrop as a, useDialogPortalContext as a0, transitionStatusMapping as a1, popupStateMapping as a2, DialogStore as a3, imperativeAction as a4, createSelector as a5, useControlled as a6, Store as a7, useStore as a8, useTransitionStatus as a9, chipRemovePress as aA, useDrawerProviderContext as aB, DrawerBackdropCssVars as aC, DrawerPopupCssVars as aD, DrawerProviderContext as aE, clamp as aF, useDrawerRootContext as aG, useTriggerRegistration as aH, DrawerPopupDataAttributes as aI, swipe as aJ, useDrawerSnapPoints as aK, TransitionStatusDataAttributes as aL, DrawerViewportContext as aM, BASE_UI_SWIPE_IGNORE_SELECTOR as aN, DRAWER_CONTENT_ATTRIBUTE as aO, useOpenInteractionType as aa, createGenericEventDetails as ab, inputClear as ac, inputChange as ad, outsidePress as ae, itemPress as af, none as ag, useOpenChangeComplete as ah, useValueChanged as ai, useDismiss as aj, useOnFirstRender as ak, visuallyHiddenInput as al, visuallyHidden as am, inputPress as an, pressableTriggerOpenStateMapping as ao, isFirefox as ap, escapeKey as aq, isAndroid as ar, clearPress as as, FloatingPortal as at, DISABLED_TRANSITIONS_STYLE as au, DROPDOWN_COLLISION_AVOIDANCE as av, useScrollLock as aw, InternalBackdrop as ax, inertValue as ay, FloatingFocusManager as az, DrawerPopup as b, DrawerContent as c, DrawerRoot as d, useIsoLayoutEffect as e, useId as f, useAnimationFrame as g, useTimeout as h, isMouseLikePointerType as i, isClickLikeEvent as j, createChangeEventDetails as k, isTypeableElement as l, useFloatingParentNodeId as m, useFloatingTree as n, getFloatingFocusElement as o, useValueAsRef as p, isTypeableCombobox as q, enqueueFocus as r, isIndexOutOfListBounds as s, triggerPress as t, useStableCallback as u, getMinListIndex as v, getMaxListIndex as w, activeElement as x, ownerDocument as y, contains as z };
+export { CommonPopupDataAttributes as $, listNavigation as A, createGridCellMap as B, isListIndexDisabled as C, DrawerPortal as D, getGridNavigatedIndex as E, FloatingRootStore as F, getGridCellIndices as G, getGridCellIndexOfCorner as H, ARROW_DOWN$1 as I, ARROW_LEFT$1 as J, ARROW_RIGHT$1 as K, findNonDisabledListIndex as L, getTarget as M, focusOut as N, enqueueFocus as O, PopupTriggerMap as P, isVirtualClick as Q, isVirtualPointerEvent as R, SafeReact as S, ARROW_UP$1 as T, isElementVisible as U, useDialogRootContext as V, closePress as W, useTriggerDataForwarding as X, useInteractions as Y, CLICK_TRIGGER_IDENTIFIER as Z, triggerOpenStateMapping as _, DrawerBackdrop as a, popupStateMapping as a0, transitionStatusMapping as a1, useDialogPortalContext as a2, DialogStore as a3, imperativeAction as a4, createSelector as a5, useControlled as a6, useStore as a7, useTransitionStatus as a8, useOpenInteractionType as a9, chipRemovePress as aA, useDrawerProviderContext as aB, DrawerBackdropCssVars as aC, DrawerPopupCssVars as aD, DrawerProviderContext as aE, clamp as aF, useDrawerRootContext as aG, useTriggerRegistration as aH, DrawerPopupDataAttributes as aI, swipe as aJ, useDrawerSnapPoints as aK, DrawerViewportContext as aL, BASE_UI_SWIPE_IGNORE_SELECTOR as aM, TransitionStatusDataAttributes as aN, DRAWER_CONTENT_ATTRIBUTE as aO, createGenericEventDetails as aa, inputClear as ab, inputChange as ac, outsidePress as ad, itemPress as ae, useOpenChangeComplete as af, useValueChanged as ag, inputPress as ah, useDismiss as ai, useOnFirstRender as aj, none as ak, visuallyHiddenInput as al, visuallyHidden as am, Store as an, pressableTriggerOpenStateMapping as ao, isAndroid as ap, isFirefox as aq, escapeKey as ar, clearPress as as, FloatingPortal as at, DISABLED_TRANSITIONS_STYLE as au, useScrollLock as av, InternalBackdrop as aw, inertValue as ax, DROPDOWN_COLLISION_AVOIDANCE as ay, FloatingFocusManager as az, DrawerPopup as b, DrawerContent as c, DrawerRoot as d, useIsoLayoutEffect as e, useId as f, useAnimationFrame as g, useTimeout as h, isMouseLikePointerType as i, isTypeableElement as j, createChangeEventDetails as k, isClickLikeEvent as l, useFloatingParentNodeId as m, useFloatingTree as n, getFloatingFocusElement as o, useValueAsRef as p, isTypeableCombobox as q, isIndexOutOfListBounds as r, getMinListIndex as s, triggerPress as t, useStableCallback as u, getMaxListIndex as v, activeElement as w, ownerDocument as x, contains as y, stopEvent as z };

package/dist/FeatureSwitch-cjs.js

@@ -11,7 +11,7 @@ var Button = require('./Button-cjs.js');
 var Emphasis = require('./Emphasis-cjs.js');
 var Markdown = require('./Markdown-cjs.js');
 
-var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-"};
+var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
     const [savedIndicator, setSavedIndicator] = React.useState(false);

package/dist/FeatureSwitch-es.js

@@ -9,7 +9,7 @@ import { B as Button } from './Button-es.js';
 import { E as Emphasis } from './Emphasis-es.js';
 import { M as Markdown } from './Markdown-es.js';
 
-var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-"};
+var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
     const [savedIndicator, setSavedIndicator] = useState(false);

package/dist/FormField/index.mjs

@@ -1,4 +1,4 @@
-export { A as AffixIcon, a as AffixLabel, F as FormField, b as FormFieldInputHorizontalWrapper, c as FormFieldInputWrapperStyles, d as FormFieldLabel, e as FormFieldWrapper, f as FormFieldWrapperMain, g as FormFieldWrapperToolbar, u as useAtlantisFormField, h as useAtlantisFormFieldActions, i as useAtlantisFormFieldName, j as useAtlantisReactHookForm, k as useFormFieldWrapperStyles } from '../FormField-es.js';
+export { A as AffixIcon, i as AffixLabel, k as FormField, F as FormFieldInputHorizontalWrapper, d as FormFieldInputWrapperStyles, e as FormFieldLabel, f as FormFieldWrapper, g as FormFieldWrapperMain, h as FormFieldWrapperToolbar, u as useAtlantisFormField, a as useAtlantisFormFieldActions, b as useAtlantisFormFieldName, c as useAtlantisReactHookForm, j as useFormFieldWrapperStyles } from '../FormField-es.js';
 import 'react';
 import '@jobber/hooks';
 import 'framer-motion';

package/dist/FormField-cjs.js

@@ -54,7 +54,7 @@ function FormFieldDescription({ id, description, visible = true, }) {
     return (React.createElement("div", { id: id, className: formFieldStyles.description }, useStringFormat ? (React.createElement(Text.Text, { size: "small", variation: "subdued" }, description)) : (description)));
 }
 
-var styles = {"clearInput":"YmRTd-KeXv4-"};
+var styles = {"clearInput":"YmRTd-KeXv4-","spinning":"B25z9B8I3gs-"};
 
 function ClearAction({ onClick, visible, }) {
     if (!visible)

package/dist/FormField-es.js

@@ -52,7 +52,7 @@ function FormFieldDescription({ id, description, visible = true, }) {
     return (React__default.createElement("div", { id: id, className: formFieldStyles.description }, useStringFormat ? (React__default.createElement(Text, { size: "small", variation: "subdued" }, description)) : (description)));
 }
 
-var styles = {"clearInput":"YmRTd-KeXv4-"};
+var styles = {"clearInput":"YmRTd-KeXv4-","spinning":"B25z9B8I3gs-"};
 
 function ClearAction({ onClick, visible, }) {
     if (!visible)
@@ -458,4 +458,4 @@ function setAutocomplete(autocompleteSetting) {
     return autocompleteSetting;
 }
 
-export { AffixIcon as A, FormField as F, AffixLabel as a, FormFieldInputHorizontalWrapper as b, FormFieldInputWrapperStyles as c, FormFieldLabel as d, FormFieldWrapper as e, FormFieldWrapperMain as f, FormFieldWrapperToolbar as g, useAtlantisFormFieldActions as h, useAtlantisFormFieldName as i, useAtlantisReactHookForm as j, useFormFieldWrapperStyles as k, formFieldStyles as l, FormFieldPostFix as m, mergeRefs as n, useAtlantisFormField as u };
+export { AffixIcon as A, FormFieldInputHorizontalWrapper as F, useAtlantisFormFieldActions as a, useAtlantisFormFieldName as b, useAtlantisReactHookForm as c, FormFieldInputWrapperStyles as d, FormFieldLabel as e, FormFieldWrapper as f, FormFieldWrapperMain as g, FormFieldWrapperToolbar as h, AffixLabel as i, useFormFieldWrapperStyles as j, FormField as k, formFieldStyles as l, FormFieldPostFix as m, mergeRefs as n, useAtlantisFormField as u };

package/dist/FormatEmail-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"email":"ViFkIUcS6PM-"};
+var styles = {"email":"ViFkIUcS6PM-","spinning":"nCTmCxv5074-"};
 
 function FormatEmail({ email }) {
     const className = classnames(styles.email);

package/dist/FormatEmail-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
 
-var styles = {"email":"ViFkIUcS6PM-"};
+var styles = {"email":"ViFkIUcS6PM-","spinning":"nCTmCxv5074-"};
 
 function FormatEmail({ email }) {
     const className = classnames(styles.email);

package/dist/FormatFile-cjs.js

@@ -52,7 +52,12 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false);
     const { isComplete, fileSize } = useFormatFile({
-        file});
+        file,
+        display,
+        displaySize,
+        onClick,
+        onDelete,
+    });
     const { wrapperClassNames, detailsClassNames, progressClassNames, thumbnailContainerClassNames, deleteButtonContainerClassNames, } = useFormatFileStyles({
         display,
         displaySize,

package/dist/FormatFile-es.js

@@ -50,7 +50,12 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false);
     const { isComplete, fileSize } = useFormatFile({
-        file});
+        file,
+        display,
+        displaySize,
+        onClick,
+        onDelete,
+    });
     const { wrapperClassNames, detailsClassNames, progressClassNames, thumbnailContainerClassNames, deleteButtonContainerClassNames, } = useFormatFileStyles({
         display,
         displaySize,

package/dist/Frame-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"frame":"S15iRxwj9UU-"};
+var styles = {"frame":"S15iRxwj9UU-","spinning":"zp7d5mzcSHA-"};
 
 function Frame({ children, aspectX = 16, aspectY = 9, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.frame, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), style: Object.assign({ "--public-frame-numerator": aspectX, "--public-frame-denominator": aspectY }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container) }), children));

package/dist/Frame-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
 
-var styles = {"frame":"S15iRxwj9UU-"};
+var styles = {"frame":"S15iRxwj9UU-","spinning":"zp7d5mzcSHA-"};
 
 function Frame({ children, aspectX = 16, aspectY = 9, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.frame, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), style: Object.assign({ "--public-frame-numerator": aspectX, "--public-frame-denominator": aspectY }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container) }), children));

package/dist/Glimmer/index.mjs

@@ -1,4 +1,4 @@
-export { G as GLIMMER_TEST_ID, a as Glimmer } from '../Glimmer-es.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';

package/dist/Glimmer-cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var classnames = require('classnames');
 var Content = require('./Content-cjs.js');
 
-var styles = {"glimmer":"-lyJkOGbceo-","reverseTheme":"NH-8hViLjFA-","header":"_6-ozsHDHcVI-","button":"_7AvaYGpXkLU-","buttonFill":"sm9yBV3e4Qg-"};
+var styles = {"glimmer":"-lyJkOGbceo-","reverseTheme":"NH-8hViLjFA-","header":"_6-ozsHDHcVI-","button":"_7AvaYGpXkLU-","buttonFill":"sm9yBV3e4Qg-","spinning":"-HieXHs-LiA-"};
 
 var sizes = {"small":"bjemHBSLuQ0-","base":"MXFqgzJq5jw-","large":"B2DzIy8pibk-","larger":"-ll1bKXJm9s-","largest":"jieKjQ6-Scs-","auto":"_8qp0RoxJfHE-","spinning":"ADVQ641JXWE-"};
 

package/dist/Glimmer-es.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { C as Content } from './Content-es.js';
 
-var styles = {"glimmer":"-lyJkOGbceo-","reverseTheme":"NH-8hViLjFA-","header":"_6-ozsHDHcVI-","button":"_7AvaYGpXkLU-","buttonFill":"sm9yBV3e4Qg-"};
+var styles = {"glimmer":"-lyJkOGbceo-","reverseTheme":"NH-8hViLjFA-","header":"_6-ozsHDHcVI-","button":"_7AvaYGpXkLU-","buttonFill":"sm9yBV3e4Qg-","spinning":"-HieXHs-LiA-"};
 
 var sizes = {"small":"bjemHBSLuQ0-","base":"MXFqgzJq5jw-","large":"B2DzIy8pibk-","larger":"-ll1bKXJm9s-","largest":"jieKjQ6-Scs-","auto":"_8qp0RoxJfHE-","spinning":"ADVQ641JXWE-"};
 
@@ -50,4 +50,4 @@ Glimmer.Button = function GlimmerButton(_a) {
         React__default.createElement(Glimmer, Object.assign({}, props, { size: "auto" }))));
 };
 
-export { GLIMMER_TEST_ID as G, Glimmer as a };
+export { Glimmer as G, GLIMMER_TEST_ID as a };

package/dist/Grid-cjs.js

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var GridCell = require('./GridCell-cjs.js');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
-var styles = {"grid":"_0X4jj5NERa4-","gap":"d3vl57tdCWA-"};
+var styles = {"grid":"_0X4jj5NERa4-","gap":"d3vl57tdCWA-","spinning":"Y--XfgJk5Fw-"};
 
 var alignments = {"center":"V-24AGDyie4-","start":"H0zdYNTapmM-","end":"O5VtcGWRV3M-","stretch":"wVv5gaWrouI-","spinning":"DcsVgHCowbg-"};