chore: Export breakpoints and useMobile hook from main internal export path

Author: jperals

src/internal/breakpoints.ts

@@ -3,7 +3,7 @@
 
 export type Breakpoint = 'default' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 
-const BREAKPOINT_MAPPING: [Breakpoint, number][] = [
+export const breakpoints: [Breakpoint, number][] = [
   ['xl', 1840],
   ['l', 1320],
   ['m', 1120],
@@ -12,5 +12,3 @@ const BREAKPOINT_MAPPING: [Breakpoint, number][] = [
   ['xxs', 465],
   ['default', -1],
 ];
-
-export const mobileBreakpoint = BREAKPOINT_MAPPING.filter(b => b[0] === 'xs')[0][1];

src/internal/index.ts

@@ -41,3 +41,5 @@ export { default as Portal, PortalProps } from './portal';
 export { useMergeRefs } from './use-merge-refs';
 export { useRandomId, useUniqueId } from './use-unique-id';
 export { validateProps } from './base-component/validate-props';
+export { useMobile } from './use-mobile';
+export { Breakpoint, breakpoints } from './breakpoints';

src/internal/use-mobile/index.ts

@@ -3,11 +3,13 @@
 
 import { createSingletonState } from '../singleton-handler';
 
-import { mobileBreakpoint } from '../breakpoints';
+import { breakpoints } from '../breakpoints';
 import { safeMatchMedia } from '../utils/safe-match-media';
 
 export const forceMobileModeSymbol = Symbol.for('awsui-force-mobile-mode');
 
+const mobileBreakpoint = breakpoints.filter(b => b[0] === 'xs')[0][1];
+
 function getIsMobile() {
   // allow overriding the mobile mode in tests
   // any is needed because of this https://github.com/microsoft/TypeScript/issues/36813