chore: consistent formatting (#47)

packages/html/html/src/components/media-popover.ts

@@ -1,6 +1,7 @@
 import type { Placement } from '@floating-ui/dom';
 
 import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';
+
 import { uniqueId } from '../utils/element-utils';
 
 export class MediaPopoverRoot extends HTMLElement {

packages/html/html/src/components/media-time-slider.ts

@@ -60,7 +60,7 @@ export class TimeSliderRootBase extends HTMLElement {
   }
 
   get orientation(): 'horizontal' | 'vertical' {
-    return this.getAttribute('orientation') as 'horizontal' | 'vertical' || 'horizontal';
+    return (this.getAttribute('orientation') as 'horizontal' | 'vertical') || 'horizontal';
   }
 
   attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void {

packages/html/html/src/components/media-tooltip.ts

@@ -2,6 +2,7 @@ import type { Placement } from '@floating-ui/dom';
 import type { MediaContainer } from '@/media-container';
 
 import { arrow, autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';
+
 import { uniqueId } from '../utils/element-utils';
 
 export class MediaTooltipRoot extends HTMLElement {

packages/html/html/src/components/media-volume-slider.ts

@@ -62,7 +62,7 @@ export class VolumeSliderRootBase extends HTMLElement {
   }
 
   get orientation(): 'horizontal' | 'vertical' {
-    return this.getAttribute('orientation') as 'horizontal' | 'vertical' || 'horizontal';
+    return (this.getAttribute('orientation') as 'horizontal' | 'vertical') || 'horizontal';
   }
 
   attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void {

packages/html/html/src/skins/media-skin-default.ts

@@ -1,6 +1,6 @@
 import { MediaSkin } from '../media-skin';
-
 import { uniqueId } from '../utils/element-utils';
+
 import '../media-container';
 import '../components/media-play-button';
 import '../components/media-mute-button';

packages/html/html/src/utils/component-factory.ts

@@ -26,7 +26,12 @@ export interface ConnectedComponentConstructor<State> {
  * @param displayName - Display name for debugging
  * @returns Connected custom element class with media store integration
  */
-export function toConnectedHTMLComponent<State = any>(BaseClass: CustomElementConstructor, stateHook: StateHook<State>, propsHook: PropsHook<State>, displayName?: string): ConnectedComponentConstructor<State> {
+export function toConnectedHTMLComponent<State = any>(
+  BaseClass: CustomElementConstructor,
+  stateHook: StateHook<State>,
+  propsHook: PropsHook<State>,
+  displayName?: string,
+): ConnectedComponentConstructor<State> {
   const ConnectedComponent = class extends ConsumerMixin(BaseClass) {
     static get observedAttributes(): string[] {
       return [