@jobber/components 9.4.0 → 9.5.0

package/dist/DrawerDescription-cjs.js

@@ -4,7 +4,6 @@ var React = require('react');
 var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var useScrollLock = require('./useScrollLock-cjs.js');
-var useButton = require('./useButton-cjs.js');
 var scrollEdges = require('./scrollEdges-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +28,7 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const stateAttributesMapping$1 = {
   ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping
+  ...useScrollLock.transitionStatusMapping
 };
 
 /**
@@ -91,7 +90,7 @@ const DialogDescription = /*#__PURE__*/React__namespace.forwardRef(function Dial
   const {
     store
   } = ScrollAreaViewport.useDialogRootContext();
-  const id = useButton.useBaseUiId(idProp);
+  const id = useScrollLock.useBaseUiId(idProp);
   store.useSyncedValueWithCleanup('descriptionElementId', id);
   return useRenderElement.useRenderElement('p', componentProps, {
     ref: forwardedRef,
@@ -141,7 +140,7 @@ let DialogPopupDataAttributes = function (DialogPopupDataAttributes) {
 
 const stateAttributesMapping = {
   ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping,
+  ...useScrollLock.transitionStatusMapping,
   nestedDialogOpen(value) {
     return value ? {
       [DialogPopupDataAttributes.nestedDialogOpen]: ''
@@ -183,7 +182,7 @@ const DialogPopup = /*#__PURE__*/React__namespace.forwardRef(function DialogPopu
   const floatingId = floatingRootContext.useState('floatingId');
   const popupId = elementProps.id ?? floatingId;
   ScrollAreaViewport.useDialogPortalContext();
-  useButton.useOpenChangeComplete({
+  useScrollLock.useOpenChangeComplete({
     open,
     ref: store.context.popupRef,
     onComplete() {
@@ -264,7 +263,7 @@ class DialogHandle {
         console.warn(`Base UI: DialogHandle.open: No trigger found with id "${triggerId}". The dialog will open, but the trigger will not be associated with the dialog.`);
       }
     }
-    this.store.setOpen(true, useButton.createChangeEventDetails(useButton.imperativeAction, undefined, triggerElement));
+    this.store.setOpen(true, useScrollLock.createChangeEventDetails(useScrollLock.imperativeAction, undefined, triggerElement));
   }
 
   /**
@@ -275,14 +274,14 @@ class DialogHandle {
    */
   openWithPayload(payload) {
     this.store.set('payload', payload);
-    this.store.setOpen(true, useButton.createChangeEventDetails(useButton.imperativeAction, undefined, undefined));
+    this.store.setOpen(true, useScrollLock.createChangeEventDetails(useScrollLock.imperativeAction, undefined, undefined));
   }
 
   /**
    * Closes the dialog.
    */
   close() {
-    this.store.setOpen(false, useButton.createChangeEventDetails(useButton.imperativeAction, undefined, undefined));
+    this.store.setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.imperativeAction, undefined, undefined));
   }
 
   /**

package/dist/DrawerDescription-es.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { u as useDialogRootContext, h as useDialogPortalContext, i as DialogStore } from './ScrollAreaViewport-es.js';
 import { u as useRenderElement } from './useRenderElement-es.js';
-import { p as popupStateMapping, C as CommonPopupDataAttributes, c as createDefaultInitialFocus, F as FOCUSABLE_POPUP_PROPS, a as FloatingFocusManager } from './useScrollLock-es.js';
-import { t as transitionStatusMapping, u as useBaseUiId, f as useOpenChangeComplete, d as createChangeEventDetails, i as imperativeAction } from './useButton-es.js';
+import { p as popupStateMapping, t as transitionStatusMapping, u as useBaseUiId, C as CommonPopupDataAttributes, f as useOpenChangeComplete, h as createDefaultInitialFocus, F as FOCUSABLE_POPUP_PROPS, i as FloatingFocusManager, d as createChangeEventDetails, j as imperativeAction } from './useScrollLock-es.js';
 import { C as COMPOSITE_KEYS } from './scrollEdges-es.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/DrawerTitle-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var useButton = require('./useButton-cjs.js');
+var useScrollLock = require('./useScrollLock-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -46,7 +46,7 @@ const DialogClose = /*#__PURE__*/React__namespace.forwardRef(function DialogClos
   const {
     getButtonProps,
     buttonRef
-  } = useButton.useButton({
+  } = useScrollLock.useButton({
     disabled,
     native: nativeButton
   });
@@ -55,7 +55,7 @@ const DialogClose = /*#__PURE__*/React__namespace.forwardRef(function DialogClos
   };
   function handleClick(event) {
     if (open) {
-      store.setOpen(false, useButton.createChangeEventDetails(useButton.closePress, event.nativeEvent));
+      store.setOpen(false, useScrollLock.createChangeEventDetails(useScrollLock.closePress, event.nativeEvent));
     }
   }
   return useRenderElement.useRenderElement('button', componentProps, {
@@ -85,7 +85,7 @@ const DialogTitle = /*#__PURE__*/React__namespace.forwardRef(function DialogTitl
   const {
     store
   } = ScrollAreaViewport.useDialogRootContext();
-  const id = useButton.useBaseUiId(idProp);
+  const id = useScrollLock.useBaseUiId(idProp);
   store.useSyncedValueWithCleanup('titleElementId', id);
   return useRenderElement.useRenderElement('h2', componentProps, {
     ref: forwardedRef,

package/dist/DrawerTitle-es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { u as useDialogRootContext } from './ScrollAreaViewport-es.js';
 import { u as useRenderElement } from './useRenderElement-es.js';
-import { c as useButton, d as createChangeEventDetails, e as closePress, u as useBaseUiId } from './useButton-es.js';
+import { c as useButton, d as createChangeEventDetails, e as closePress, u as useBaseUiId } from './useScrollLock-es.js';
 
 /**
  * A button that closes the dialog.

package/dist/FieldDescription-cjs.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var useButton = require('./useButton-cjs.js');
-var useLabelableId = require('./useLabelableId-cjs.js');
+var useScrollLock = require('./useScrollLock-cjs.js');
+var useCompositeListItem = require('./useCompositeListItem-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var useLabel = require('./useLabel-cjs.js');
@@ -46,7 +46,7 @@ function useFieldsetRootContext(optional = false) {
 }
 
 const LabelableProvider = function LabelableProvider(props) {
-  const defaultId = useButton.useBaseUiId();
+  const defaultId = useScrollLock.useBaseUiId();
   const initialControlId = props.controlId === undefined ? defaultId : props.controlId;
   const [controlId, setControlIdState] = React__namespace.useState(initialControlId);
   const [labelId, setLabelId] = React__namespace.useState(props.labelId);
@@ -54,8 +54,8 @@ const LabelableProvider = function LabelableProvider(props) {
   const registrationsRef = useRenderElement.useRefWithInit(() => new Map());
   const {
     messageIds: parentMessageIds
-  } = useLabelableId.useLabelableContext();
-  const registerControlId = useButton.useStableCallback((source, nextId) => {
+  } = useCompositeListItem.useLabelableContext();
+  const registerControlId = useScrollLock.useStableCallback((source, nextId) => {
     const registrations = registrationsRef.current;
     if (nextId === undefined) {
       registrations.delete(source);
@@ -99,7 +99,7 @@ const LabelableProvider = function LabelableProvider(props) {
     setMessageIds,
     getDescriptionProps
   }), [controlId, registerControlId, labelId, setLabelId, messageIds, setMessageIds, getDescriptionProps]);
-  return /*#__PURE__*/jsxRuntime.jsx(useLabelableId.LabelableContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(useCompositeListItem.LabelableContext.Provider, {
     value: contextValue,
     children: props.children
   });
@@ -120,7 +120,7 @@ function getCombinedFieldValidityData(validityData, invalid) {
   };
 }
 
-const validityKeys = Object.keys(useLabelableId.DEFAULT_VALIDITY_STATE);
+const validityKeys = Object.keys(useCompositeListItem.DEFAULT_VALIDITY_STATE);
 function isOnlyValueMissing(state) {
   if (!state || state.valid || !state.valueMissing) {
     return false;
@@ -171,7 +171,7 @@ function clearCustomValidity(element, inputs) {
 function useFieldValidation(params) {
   const {
     formRef
-  } = useLabelableId.useFormContext();
+  } = useCompositeListItem.useFormContext();
   const {
     setValidityData,
     validate,
@@ -186,8 +186,8 @@ function useFieldValidation(params) {
   const {
     controlId,
     getDescriptionProps
-  } = useLabelableId.useLabelableContext();
-  const timeout = useButton.useTimeout();
+  } = useCompositeListItem.useLabelableContext();
+  const timeout = useScrollLock.useTimeout();
   const inputRef = React__namespace.useRef(null);
   const registeredInputs = useRenderElement.useRefWithInit(() => new Set()).current;
   const validationCommitIdRef = React__namespace.useRef(0);
@@ -203,7 +203,7 @@ function useFieldValidation(params) {
       registeredInputs.delete(element);
     };
   }, [registeredInputs]);
-  const commit = useButton.useStableCallback(async (value, revalidate = false) => {
+  const commit = useScrollLock.useStableCallback(async (value, revalidate = false) => {
     // A field can own several inputs (a checkbox group), but only the last-mounted one wins the shared
     // `inputRef`. Validate against the registry instead so every input counts; `inputRef` is the
     // fallback only when no registered input applies (none registered, or all of them disabled).
@@ -240,7 +240,7 @@ function useFieldValidation(params) {
         const nextValidityData = {
           value,
           state: {
-            ...useLabelableId.DEFAULT_VALIDITY_STATE,
+            ...useCompositeListItem.DEFAULT_VALIDITY_STATE,
             valid: true
           },
           error: '',
@@ -361,7 +361,7 @@ function useFieldValidation(params) {
     updateRegisteredFieldValidity(nextValidityData);
     setValidityData(nextValidityData);
   });
-  const change = useButton.useStableCallback(value => {
+  const change = useScrollLock.useStableCallback(value => {
     timeout.clear();
     const validateOnChange = shouldValidateOnChange();
     if (validateOnChange && value !== '' && validationDebounceTime) {
@@ -398,11 +398,11 @@ function useFieldControlRegistration(params) {
   } = params;
   const {
     formRef
-  } = useLabelableId.useFormContext();
+  } = useCompositeListItem.useFormContext();
   const activeFieldControlSourceRef = React__namespace.useRef(null);
   const registrationRef = React__namespace.useRef(null);
   const fallbackControlRef = React__namespace.useRef(null);
-  const getValueForForm = useButton.useStableCallback(() => {
+  const getValueForForm = useScrollLock.useStableCallback(() => {
     const registration = registrationRef.current;
     if (!registration) {
       return undefined;
@@ -415,7 +415,7 @@ function useFieldControlRegistration(params) {
   function getRegistrationValue(registration) {
     return registration.value === undefined ? getValueForForm() : registration.value;
   }
-  const validate = useButton.useStableCallback(() => {
+  const validate = useScrollLock.useStableCallback(() => {
     const registration = registrationRef.current;
     markedDirtyRef.current = true;
     if (!registration) {
@@ -455,7 +455,7 @@ function useFieldControlRegistration(params) {
       }));
     }
   }
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     const registration = registrationRef.current;
     if (!registration || !registration.id) {
       return;
@@ -469,7 +469,7 @@ function useFieldControlRegistration(params) {
       validate
     });
   }, [formRef, getValueForForm, invalid, name, setRegisteredFieldName, validate, validityData]);
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     const fields = formRef.current.fields;
     return () => {
       const id = registrationRef.current?.id;
@@ -478,7 +478,7 @@ function useFieldControlRegistration(params) {
       }
     };
   }, [formRef]);
-  const register = useButton.useStableCallback((source, registration) => {
+  const register = useScrollLock.useStableCallback((source, registration) => {
     if (!registration) {
       if (activeFieldControlSourceRef.current === source) {
         activeFieldControlSourceRef.current = null;
@@ -510,7 +510,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     errors,
     validationMode: formValidationMode,
     submitAttemptedRef
-  } = useLabelableId.useFormContext();
+  } = useCompositeListItem.useFormContext();
   const {
     render,
     className,
@@ -527,7 +527,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     ...elementProps
   } = componentProps;
   const disabledFieldset = useFieldsetRootContext(true)?.disabled;
-  const validate = useButton.useStableCallback(validateProp || (() => null));
+  const validate = useScrollLock.useStableCallback(validateProp || (() => null));
   const disabled = disabledFieldset || disabledProp;
   const [touchedState, setTouchedUnwrapped] = React__namespace.useState(false);
   const [dirtyState, setDirtyUnwrapped] = React__namespace.useState(false);
@@ -539,7 +539,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
   const registeredFieldIdRef = React__namespace.useRef(undefined);
   const [registeredFieldName, setRegisteredFieldName] = React__namespace.useState();
   const effectiveName = name ?? registeredFieldName;
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (dirtyProp !== undefined) {
       markedDirtyRef.current = dirtyProp;
     }
@@ -548,7 +548,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
   const setRegisteredFieldId = React__namespace.useCallback(id => {
     registeredFieldIdRef.current = id;
   }, []);
-  const setDirty = useButton.useStableCallback(value => {
+  const setDirty = useScrollLock.useStableCallback(value => {
     if (dirtyProp !== undefined) {
       return;
     }
@@ -557,18 +557,18 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     }
     setDirtyUnwrapped(value);
   });
-  const setTouched = useButton.useStableCallback(value => {
+  const setTouched = useScrollLock.useStableCallback(value => {
     if (touchedProp !== undefined) {
       return;
     }
     setTouchedUnwrapped(value);
   });
-  const shouldValidateOnChange = useButton.useStableCallback(() => validationMode === 'onChange' || validationMode === 'onSubmit' && submitAttemptedRef.current);
+  const shouldValidateOnChange = useScrollLock.useStableCallback(() => validationMode === 'onChange' || validationMode === 'onSubmit' && submitAttemptedRef.current);
   const formError = effectiveName && Object.hasOwn(errors, effectiveName) ? errors[effectiveName] : null;
   const hasFormError = !!(Array.isArray(formError) ? formError.length : formError);
   const invalid = invalidProp === true || hasFormError;
   const [validityData, setValidityData] = React__namespace.useState({
-    state: useLabelableId.DEFAULT_VALIDITY_STATE,
+    state: useCompositeListItem.DEFAULT_VALIDITY_STATE,
     error: '',
     errors: [],
     value: null,
@@ -634,9 +634,9 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     ref: forwardedRef,
     state,
     props: elementProps,
-    stateAttributesMapping: useLabelableId.fieldValidityMapping
+    stateAttributesMapping: useCompositeListItem.fieldValidityMapping
   });
-  return /*#__PURE__*/jsxRuntime.jsx(useLabelableId.FieldRootContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(useCompositeListItem.FieldRootContext.Provider, {
     value: contextValue,
     children: element
   });
@@ -674,11 +674,11 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
     nativeLabel = true,
     ...elementProps
   } = componentProps;
-  const fieldRootContext = useLabelableId.useFieldRootContext(false);
+  const fieldRootContext = useCompositeListItem.useFieldRootContext(false);
   const fieldItemContext = useFieldItemContext();
   const {
     labelId
-  } = useLabelableId.useLabelableContext();
+  } = useCompositeListItem.useLabelableContext();
   const state = {
     ...fieldRootContext.state,
     disabled: fieldRootContext.disabled || fieldItemContext.disabled
@@ -697,14 +697,14 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
       const isLabelTag = labelRef.current.tagName === 'LABEL';
       if (nativeLabel) {
         if (!isLabelTag) {
-          const ownerStackMessage = useButton.SafeReact.captureOwnerStack?.() || '';
+          const ownerStackMessage = useScrollLock.SafeReact.captureOwnerStack?.() || '';
           const message = '<Field.Label> expected a <label> element because the `nativeLabel` prop is true. ' + 'Rendering a non-<label> disables native label association, so `htmlFor` will not ' + 'work. Use a real <label> in the `render` prop, or set `nativeLabel` to `false`.';
-          useButton.error(`${message}${ownerStackMessage}`);
+          useScrollLock.error(`${message}${ownerStackMessage}`);
         }
       } else if (isLabelTag) {
-        const ownerStackMessage = useButton.SafeReact.captureOwnerStack?.() || '';
+        const ownerStackMessage = useScrollLock.SafeReact.captureOwnerStack?.() || '';
         const message = '<Field.Label> expected a non-<label> element because the `nativeLabel` prop is false. ' + 'Rendering a <label> assumes native label behavior while Base UI treats it as ' + 'non-native, which can cause unexpected pointer behavior. Use a non-<label> in the ' + '`render` prop, or set `nativeLabel` to `true`.';
-        useButton.error(`${message}${ownerStackMessage}`);
+        useScrollLock.error(`${message}${ownerStackMessage}`);
       }
     }, [nativeLabel]);
   }
@@ -712,15 +712,15 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
     ref: [forwardedRef, labelRef],
     state,
     props: [labelProps, elementProps],
-    stateAttributesMapping: useLabelableId.fieldValidityMapping
+    stateAttributesMapping: useCompositeListItem.fieldValidityMapping
   });
   return element;
 });
 if (process.env.NODE_ENV !== "production") FieldLabel.displayName = "FieldLabel";
 
 const stateAttributesMapping = {
-  ...useLabelableId.fieldValidityMapping,
-  ...useButton.transitionStatusMapping
+  ...useCompositeListItem.fieldValidityMapping,
+  ...useScrollLock.transitionStatusMapping
 };
 
 /**
@@ -738,18 +738,18 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     style,
     ...elementProps
   } = componentProps;
-  const id = useButton.useBaseUiId(idProp);
+  const id = useScrollLock.useBaseUiId(idProp);
   const {
     validityData,
     state: fieldState,
     name
-  } = useLabelableId.useFieldRootContext(false);
+  } = useCompositeListItem.useFieldRootContext(false);
   const {
     setMessageIds
-  } = useLabelableId.useLabelableContext();
+  } = useCompositeListItem.useLabelableContext();
   const {
     errors
-  } = useLabelableId.useFormContext();
+  } = useCompositeListItem.useFormContext();
   const formError = name && Object.hasOwn(errors, name) ? errors[name] : null;
   const hasFormError = !!(Array.isArray(formError) ? formError.length : formError);
   const hasSpecificMatch = typeof match === 'string';
@@ -767,8 +767,8 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     mounted,
     transitionStatus,
     setMounted
-  } = useButton.useTransitionStatus(rendered);
-  useButton.useIsoLayoutEffect(() => {
+  } = useScrollLock.useTransitionStatus(rendered);
+  useScrollLock.useIsoLayoutEffect(() => {
     if (!rendered || !id) {
       return undefined;
     }
@@ -799,7 +799,7 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     setLastRenderedMessageKey(errorKey);
     setLastRenderedMessage(errorMessage);
   }
-  useButton.useOpenChangeComplete({
+  useScrollLock.useOpenChangeComplete({
     open: rendered,
     ref: errorRef,
     onComplete() {
@@ -843,17 +843,17 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
     style,
     ...elementProps
   } = componentProps;
-  const id = useButton.useBaseUiId(idProp);
-  const fieldRootContext = useLabelableId.useFieldRootContext(false);
+  const id = useScrollLock.useBaseUiId(idProp);
+  const fieldRootContext = useCompositeListItem.useFieldRootContext(false);
   const fieldItemContext = useFieldItemContext();
   const {
     setMessageIds
-  } = useLabelableId.useLabelableContext();
+  } = useCompositeListItem.useLabelableContext();
   const state = {
     ...fieldRootContext.state,
     disabled: fieldRootContext.disabled || fieldItemContext.disabled
   };
-  useButton.useIsoLayoutEffect(() => {
+  useScrollLock.useIsoLayoutEffect(() => {
     if (!id) {
       return undefined;
     }
@@ -868,7 +868,7 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
     props: [{
       id
     }, elementProps],
-    stateAttributesMapping: useLabelableId.fieldValidityMapping
+    stateAttributesMapping: useCompositeListItem.fieldValidityMapping
   });
   return element;
 });

package/dist/FieldDescription-es.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { u as useBaseUiId, b as useStableCallback, h as useTimeout, a as useIsoLayoutEffect, S as SafeReact, j as error, t as transitionStatusMapping, k as useTransitionStatus, f as useOpenChangeComplete } from './useButton-es.js';
-import { u as useLabelableContext, L as LabelableContext, a as useFormContext, D as DEFAULT_VALIDITY_STATE, f as fieldValidityMapping, F as FieldRootContext, b as useFieldRootContext } from './useLabelableId-es.js';
+import { u as useBaseUiId, b as useStableCallback, k as useTimeout, a as useIsoLayoutEffect, S as SafeReact, l as error, t as transitionStatusMapping, m as useTransitionStatus, f as useOpenChangeComplete } from './useScrollLock-es.js';
+import { u as useLabelableContext, L as LabelableContext, a as useFormContext, D as DEFAULT_VALIDITY_STATE, f as fieldValidityMapping, F as FieldRootContext, b as useFieldRootContext } from './useCompositeListItem-es.js';
 import { f as formatErrorMessage, a as useRefWithInit, m as mergeProps, E as EMPTY_OBJECT, u as useRenderElement } from './useRenderElement-es.js';
 import { jsx } from 'react/jsx-runtime';
 import { u as useLabel } from './useLabel-es.js';

package/dist/FilterPicker/components/FilterPickerActivator/index.cjs

@@ -18,7 +18,6 @@ require('../../../useAtlantisI18n-cjs.js');
 require('../../../AtlantisContext-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/FilterPicker/components/FilterPickerActivator/index.mjs

@@ -16,7 +16,6 @@ import '../../../useAtlantisI18n-es.js';
 import '../../../AtlantisContext-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/FilterPicker/components/FilterPickerContent/index.cjs

@@ -4,7 +4,6 @@ var FilterPickerContent = require('../../../FilterPickerContent-cjs.js');
 require('react');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/FilterPicker/components/FilterPickerContent/index.mjs

@@ -2,7 +2,6 @@ export { F as FilterPickerContent } from '../../../FilterPickerContent-es.js';
 import 'react';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/FilterPicker/components/FilterPickerTrigger/index.cjs

@@ -16,7 +16,6 @@ require('../../../AtlantisContext-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
-require('../../../floating-ui.utils.dom-cjs.js');
 require('../../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/FilterPicker/components/FilterPickerTrigger/index.mjs

@@ -14,7 +14,6 @@ import '../../../AtlantisContext-es.js';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
-import '../../../floating-ui.utils.dom-es.js';
 import '../../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/FilterPicker/index.cjs

@@ -6,7 +6,6 @@ require('react');
 require('../FilterPickerContent-cjs.js');
 require('classnames');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/FilterPicker/index.mjs

@@ -4,7 +4,6 @@ import 'react';
 import '../FilterPickerContent-es.js';
 import 'classnames';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';

package/dist/FormatFile/index.cjs

@@ -28,7 +28,6 @@ require('../ButtonDismiss-cjs.js');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('../floating-ui.react-dom-cjs.js');

package/dist/FormatFile/index.mjs

@@ -26,7 +26,6 @@ import '../ButtonDismiss-es.js';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import '../floating-ui.react-dom-es.js';

package/dist/Gallery/index.cjs

@@ -22,7 +22,6 @@ require('../Text-cjs.js');
 require('../Heading-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('../floating-ui.react-dom-cjs.js');

package/dist/Gallery/index.mjs

@@ -20,7 +20,6 @@ import '../Text-es.js';
 import '../Heading-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import '../floating-ui.react-dom-es.js';

package/dist/HelperText-cjs.js

@@ -2,16 +2,17 @@
 
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
+var classnames = require('classnames');
 var Text = require('./Text-cjs.js');
 var Icon = require('./Icon-cjs.js');
 
 var styles = {"helperText":"yL7--3ni8BM-","neutral":"T8y6sv17efg-","critical":"VOiBogstpjU-","leadingIcon":"bvlhcaSPuO8-","spinning":"tsQaIzvraoE-"};
 
 const HelperText = React.forwardRef(function HelperText(_a, ref) {
-    var { message, status = "neutral", id } = _a, rest = tslib_es6.__rest(_a, ["message", "status", "id"]);
+    var { message, status = "neutral", id, className } = _a, rest = tslib_es6.__rest(_a, ["message", "status", "id", "className"]);
     const generatedId = React.useId();
     const isCritical = status === "critical";
-    return (React.createElement("div", Object.assign({}, rest, { ref: ref, id: id !== null && id !== void 0 ? id : generatedId, className: `${styles.helperText} ${isCritical ? styles.critical : styles.neutral}`, role: isCritical ? "alert" : undefined }),
+    return (React.createElement("div", Object.assign({}, rest, { ref: ref, id: id !== null && id !== void 0 ? id : generatedId, className: classnames(styles.helperText, isCritical ? styles.critical : styles.neutral, className), role: isCritical ? "alert" : undefined }),
         isCritical && (React.createElement("span", { className: styles.leadingIcon },
             React.createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }))),
         React.createElement(Text.Text, { size: "small", variation: isCritical ? "error" : "subdued" }, message)));

package/dist/HelperText-es.js

@@ -1,15 +1,16 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useId } from 'react';
+import classnames from 'classnames';
 import { T as Text } from './Text-es.js';
 import { I as Icon } from './Icon-es.js';
 
 var styles = {"helperText":"yL7--3ni8BM-","neutral":"T8y6sv17efg-","critical":"VOiBogstpjU-","leadingIcon":"bvlhcaSPuO8-","spinning":"tsQaIzvraoE-"};
 
 const HelperText = React__default.forwardRef(function HelperText(_a, ref) {
-    var { message, status = "neutral", id } = _a, rest = __rest(_a, ["message", "status", "id"]);
+    var { message, status = "neutral", id, className } = _a, rest = __rest(_a, ["message", "status", "id", "className"]);
     const generatedId = useId();
     const isCritical = status === "critical";
-    return (React__default.createElement("div", Object.assign({}, rest, { ref: ref, id: id !== null && id !== void 0 ? id : generatedId, className: `${styles.helperText} ${isCritical ? styles.critical : styles.neutral}`, role: isCritical ? "alert" : undefined }),
+    return (React__default.createElement("div", Object.assign({}, rest, { ref: ref, id: id !== null && id !== void 0 ? id : generatedId, className: classnames(styles.helperText, isCritical ? styles.critical : styles.neutral, className), role: isCritical ? "alert" : undefined }),
         isCritical && (React__default.createElement("span", { className: styles.leadingIcon },
             React__default.createElement(Icon, { name: "alert", size: "small", color: "critical" }))),
         React__default.createElement(Text, { size: "small", variation: isCritical ? "error" : "subdued" }, message)));

package/dist/InputDate/index.cjs

@@ -6,9 +6,7 @@ require('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../DatePicker-cjs.js');
 require('classnames');
-require('../clsx-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');

package/dist/InputDate/index.mjs

@@ -4,9 +4,7 @@ import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../DatePicker-es.js';
 import 'classnames';
-import '../clsx-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';