@jobber/components 9.3.0 → 9.5.0

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/FormatFile.messages.d.ts

@@ -0,0 +1,18 @@
+export declare const formatFileMessages: {
+    deleteFile: {
+        en: string;
+        es: string;
+    };
+    confirmDeletion: {
+        en: string;
+        es: string;
+    };
+    confirmDeletionMessage: {
+        en: string;
+        es: string;
+    };
+    delete: {
+        en: string;
+        es: string;
+    };
+};

package/dist/FormatFile/index.cjs

@@ -4,6 +4,8 @@ var FormatFile = require('../FormatFile-cjs.js');
 require('react');
 require('filesize');
 require('classnames');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Thumbnail-cjs.js');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
@@ -21,14 +23,11 @@ require('../Modal/index.cjs');
 require('react-dom');
 require('framer-motion');
 require('../nestedEscape-cjs.js');
-require('../useAtlantisI18n-cjs.js');
-require('../AtlantisContext-cjs.js');
 require('../Heading-cjs.js');
 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

@@ -2,6 +2,8 @@ export { F as FormatFile, u as useFormatFile, a as useFormatFileStyles } from '.
 import 'react';
 import 'filesize';
 import 'classnames';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Thumbnail-es.js';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
@@ -19,14 +21,11 @@ import '../Modal/index.mjs';
 import 'react-dom';
 import 'framer-motion';
 import '../nestedEscape-es.js';
-import '../useAtlantisI18n-es.js';
-import '../AtlantisContext-es.js';
 import '../Heading-es.js';
 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/FormatFile-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var getHumanReadableFileSize = require('filesize');
 var classnames = require('classnames');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Thumbnail = require('./Thumbnail-cjs.js');
 var Text = require('./Text-cjs.js');
 var ProgressBar = require('./ProgressBar-cjs.js');
@@ -49,8 +50,28 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
     return false;
 }
 
+const formatFileMessages = useAtlantisI18n.defineMessages({
+    deleteFile: {
+        en: "Delete File",
+        es: "Eliminar archivo",
+    },
+    confirmDeletion: {
+        en: "Confirm Deletion",
+        es: "Confirmar eliminación",
+    },
+    confirmDeletionMessage: {
+        en: "Are you sure you want to delete this file?",
+        es: "¿Estás seguro de que deseas eliminar este archivo?",
+    },
+    delete: {
+        en: "Delete",
+        es: "Eliminar",
+    },
+});
+
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false);
+    const { t } = useAtlantisI18n.useAtlantisI18n(formatFileMessages);
     const { isComplete, fileSize } = useFormatFile({
         file,
         display,
@@ -76,7 +97,7 @@ function FormatFile({ file, display = "expanded", displaySize = "base", onDelete
             React.createElement(FormatFile.DeleteButton, { onDelete: () => {
                     setDeleteConfirmationOpen(true);
                 } },
-                React.createElement(ConfirmationModal.ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
+                React.createElement(ConfirmationModal.ConfirmationModal, { title: t("confirmDeletion"), message: t("confirmDeletionMessage"), confirmLabel: t("delete"), variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
 }
 FormatFile.DeleteButtonContainer = function FormatFileDeleteButtonContainer({ children, className, isHidden, }) {
     if (isHidden)
@@ -106,10 +127,11 @@ FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
     return React.createElement("div", { className: className }, children);
 };
 FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(formatFileMessages);
     return (React.createElement(React.Fragment, null,
         React.createElement(Button.Button, { UNSAFE_className: {
                 container: styles.customDeleteButton,
-            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
+            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
         children));
 };
 

package/dist/FormatFile-es.js

@@ -1,6 +1,7 @@
 import React__default, { useState } from 'react';
 import getHumanReadableFileSize from 'filesize';
 import classnames from 'classnames';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { T as Thumbnail } from './Thumbnail-es.js';
 import { T as Text } from './Text-es.js';
 import { P as ProgressBar } from './ProgressBar-es.js';
@@ -47,8 +48,28 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
     return false;
 }
 
+const formatFileMessages = defineMessages({
+    deleteFile: {
+        en: "Delete File",
+        es: "Eliminar archivo",
+    },
+    confirmDeletion: {
+        en: "Confirm Deletion",
+        es: "Confirmar eliminación",
+    },
+    confirmDeletionMessage: {
+        en: "Are you sure you want to delete this file?",
+        es: "¿Estás seguro de que deseas eliminar este archivo?",
+    },
+    delete: {
+        en: "Delete",
+        es: "Eliminar",
+    },
+});
+
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false);
+    const { t } = useAtlantisI18n(formatFileMessages);
     const { isComplete, fileSize } = useFormatFile({
         file,
         display,
@@ -74,7 +95,7 @@ function FormatFile({ file, display = "expanded", displaySize = "base", onDelete
             React__default.createElement(FormatFile.DeleteButton, { onDelete: () => {
                     setDeleteConfirmationOpen(true);
                 } },
-                React__default.createElement(ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
+                React__default.createElement(ConfirmationModal, { title: t("confirmDeletion"), message: t("confirmDeletionMessage"), confirmLabel: t("delete"), variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
 }
 FormatFile.DeleteButtonContainer = function FormatFileDeleteButtonContainer({ children, className, isHidden, }) {
     if (isHidden)
@@ -104,10 +125,11 @@ FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
     return React__default.createElement("div", { className: className }, children);
 };
 FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
+    const { t } = useAtlantisI18n(formatFileMessages);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Button, { UNSAFE_className: {
                 container: styles.customDeleteButton,
-            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
+            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
         children));
 };
 

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)));