@bagelink/vue 1.6.47 → 1.6.51

package/src/directives/pattern.ts

@@ -47,12 +47,12 @@ function getTarget(el: HTMLElement): HTMLInputElement | HTMLTextAreaElement | nu
 
 function getModifiers(binding: DirectiveBinding): string {
 	const modifiers = Object.keys(binding.modifiers)
-	return 0 < modifiers.length ? modifiers[modifiers.length - 1] : ''
+	return modifiers.length > 0 ? modifiers[modifiers.length - 1] : ''
 }
 
 function getRegex(state: PatternState): RegExp {
-	if (null != state.pattern) {return state.pattern}
-	if (null != state.modifier && '' !== state.modifier) {
+	if (state.pattern != null) { return state.pattern }
+	if (state.modifier != null && state.modifier !== '') {
 		const presetPattern = (DEFAULT_PATTERNS as Record<string, PatternValue | undefined>)[state.modifier]?.pattern
 		return presetPattern ?? /./
 	}
@@ -80,10 +80,10 @@ function bindEvents(el: HTMLElement, target: HTMLInputElement | HTMLTextAreaElem
 }
 
 function unbindEvents(target: HTMLInputElement | HTMLTextAreaElement, state: PatternState) {
-	if (state.keydownEvent) {target.removeEventListener('keydown', state.keydownEvent)}
-	if (state.inputEvent) {target.removeEventListener('input', state.inputEvent, { capture: true })}
-	if (state.compositionStartEvent) {target.removeEventListener('compositionstart', state.compositionStartEvent)}
-	if (state.compositionEndEvent) {target.removeEventListener('compositionend', state.compositionEndEvent)}
+	if (state.keydownEvent) { target.removeEventListener('keydown', state.keydownEvent) }
+	if (state.inputEvent) { target.removeEventListener('input', state.inputEvent, { capture: true }) }
+	if (state.compositionStartEvent) { target.removeEventListener('compositionstart', state.compositionStartEvent) }
+	if (state.compositionEndEvent) { target.removeEventListener('compositionend', state.compositionEndEvent) }
 
 	state.keydownEvent = undefined
 	state.inputEvent = undefined
@@ -102,19 +102,19 @@ function isNavigationOrControlKey(event: KeyboardEvent): boolean {
 		'ArrowDown',
 		'Enter',
 	]
-	if (event.ctrlKey || event.altKey || event.metaKey) {return true}
+	if (event.ctrlKey || event.altKey || event.metaKey) { return true }
 	return allowedKeys.includes(event.key)
 }
 
 function onKeydown(event: KeyboardEvent, target: HTMLInputElement | HTMLTextAreaElement, state: PatternState) {
-	if (true === state.composing) {return}
-	if (isNavigationOrControlKey(event)) {return}
+	if (state.composing === true) { return }
+	if (isNavigationOrControlKey(event)) { return }
 
 	// If a transform is configured (e.g., slug/snake/lower/upper),
 	// do not block keystrokes; normalization happens on input.
-	if (null != state.modifier && '' !== state.modifier) {
+	if (state.modifier != null && state.modifier !== '') {
 		const transformFn = (DEFAULT_PATTERNS as Record<string, PatternValue | undefined>)[state.modifier]?.transform
-		if ('function' === typeof transformFn) {return}
+		if (typeof transformFn === 'function') { return }
 	}
 
 	const regex = getRegex(state)
@@ -142,7 +142,7 @@ function onCompositionEnd(
 function sanitizeTransformed(value: string, state: PatternState): string {
 	const regex = getRegex(state)
 	let transformed: string
-	if (null != state.modifier && '' !== state.modifier) {
+	if (state.modifier != null && state.modifier !== '') {
 		const transformFn = (DEFAULT_PATTERNS as Record<string, PatternValue | undefined>)[state.modifier]?.transform
 		transformed = transformFn ? transformFn(value) : value
 	} else {
@@ -151,7 +151,7 @@ function sanitizeTransformed(value: string, state: PatternState): string {
 	let result = ''
 	for (let i = 0; i < transformed.length; i++) {
 		const ch = transformed[i]
-		if (regex.test(ch)) {result += ch}
+		if (regex.test(ch)) { result += ch }
 	}
 	return result
 }
@@ -161,8 +161,8 @@ function onInput(
 	target: HTMLInputElement | HTMLTextAreaElement,
 	state: PatternState,
 ) {
-	if (true === state.reformatting) {return}
-	if (true === state.composing) {return}
+	if (state.reformatting === true) { return }
+	if (state.composing === true) { return }
 
 	const originalValue = target.value
 	const selectionEnd = target.selectionEnd ?? originalValue.length
@@ -170,7 +170,7 @@ function onInput(
 	const left = originalValue.slice(0, selectionEnd)
 
 	const sanitizedFull = sanitizeTransformed(originalValue, state)
-	if (sanitizedFull === originalValue) {return}
+	if (sanitizedFull === originalValue) { return }
 
 	const leftSanitized = sanitizeTransformed(left, state)
 	const newCursor = leftSanitized.length
@@ -186,15 +186,15 @@ function onInput(
 const pattern = {
 	beforeMount(el: HTMLElement, binding: DirectiveBinding) {
 		const target = getTarget(el)
-		if (null === target) {return}
+		if (target === null) { return }
 
 		const state: PatternState = {
 			modifier: getModifiers(binding),
 		}
 
-		if ('object' === typeof binding.value && null !== binding.value) {
+		if (typeof binding.value === 'object' && binding.value !== null) {
 			state.pattern = binding.value.pattern ?? /./
-			state.validateOnly = true === binding.value.validateOnly
+			state.validateOnly = binding.value.validateOnly === true
 		}
 
 		stateMap.set(el, state)
@@ -202,18 +202,18 @@ const pattern = {
 	},
 	updated(el: HTMLElement, binding: DirectiveBinding) {
 		const target = getTarget(el)
-		if (null === target) {return}
+		if (target === null) { return }
 
 		const state = stateMap.get(el)
-		if (state === undefined) {return}
+		if (state === undefined) { return }
 
 		unbindEvents(target, state)
 
 		state.modifier = getModifiers(binding)
 
-		if ('object' === typeof binding.value && null !== binding.value) {
+		if (typeof binding.value === 'object' && binding.value !== null) {
 			state.pattern = binding.value.pattern ?? /./
-			state.validateOnly = true === binding.value.validateOnly
+			state.validateOnly = binding.value.validateOnly === true
 		}
 
 		bindEvents(el, target, state)
@@ -222,7 +222,7 @@ const pattern = {
 		const target = getTarget(el)
 		const state = stateMap.get(el)
 
-		if (null !== target && state !== undefined) {
+		if (target !== null && state !== undefined) {
 			unbindEvents(target, state)
 		}
 

package/src/directives/ripple.ts

@@ -27,8 +27,8 @@ const ripple: Directive<HTMLElement, boolean> = {
 
 		(el as any).__rippleClickHandler = clickHandler
 
-		if (false !== binding.value) {
-			if ('static' === getComputedStyle(el).position) {
+		if (binding.value !== false) {
+			if (getComputedStyle(el).position === 'static') {
 				el.style.position = 'relative'
 			}
 			el.style.overflow = 'hidden'
@@ -37,10 +37,10 @@ const ripple: Directive<HTMLElement, boolean> = {
 	},
 	updated(el: HTMLElement, binding: DirectiveBinding<boolean>) {
 		const clickHandler = (el as any).__rippleClickHandler
-		if (false === binding.value) {
+		if (binding.value === false) {
 			el.removeEventListener('mousedown', clickHandler)
 		} else {
-			if ('static' === getComputedStyle(el).position) {
+			if (getComputedStyle(el).position === 'static') {
 				el.style.position = 'relative'
 			}
 			el.style.overflow = 'hidden'

package/src/directives/vResize.ts

@@ -73,12 +73,12 @@ function initResize(el: HTMLElement, binding: { value?: ResizeOptions }) {
 	}
 
 	function applyGridSnapping(height: number): number {
-		if (!options.gridSize) {return height}
+		if (!options.gridSize) { return height }
 		return Math.round(height / options.gridSize) * options.gridSize
 	}
 
 	function handleMove(e: MouseEvent | TouchEvent) {
-		if (!isResizing) {return}
+		if (!isResizing) { return }
 		e.preventDefault()
 
 		const clientY = 'touches' in e ? e.touches[0].clientY : e.clientY
@@ -109,7 +109,7 @@ function initResize(el: HTMLElement, binding: { value?: ResizeOptions }) {
 	}
 
 	function handleEnd(e: MouseEvent | TouchEvent) {
-		if (!isResizing) {return}
+		if (!isResizing) { return }
 
 		const clientY = 'touches' in e ? e.changedTouches[0].clientY : e.clientY
 		const event = createResizeEvent(clientY)
@@ -136,7 +136,7 @@ function initResize(el: HTMLElement, binding: { value?: ResizeOptions }) {
 
 	function handleStart(e: MouseEvent | TouchEvent) {
 		// Only handle left mouse button for mouse events
-		if (e instanceof MouseEvent && 0 !== e.button) {return}
+		if (e instanceof MouseEvent && e.button !== 0) { return }
 
 		e.preventDefault()
 		isResizing = true
@@ -186,7 +186,7 @@ export const vResize: Directive<HTMLElement, ResizeOptions> = {
 
 	unmounted(el) {
 		const cleanup = (el as any)[RESIZE_KEY]
-		if ('function' === typeof cleanup) {
+		if (typeof cleanup === 'function') {
 			cleanup()
 			delete (el as any)[RESIZE_KEY]
 		}
@@ -195,7 +195,7 @@ export const vResize: Directive<HTMLElement, ResizeOptions> = {
 	updated(el, binding) {
 		if (binding.value !== binding.oldValue) {
 			const cleanup = (el as any)[RESIZE_KEY]
-			if ('function' === typeof cleanup) {
+			if (typeof cleanup === 'function') {
 				cleanup()
 				delete (el as any)[RESIZE_KEY]
 			}

package/src/index.ts

@@ -1,6 +1,7 @@
 export * from './components'
 export * from './components/form/useBagelFormState'
 export * from './composables'
+export * from './directives'
 export {
 	bagelInjectionKey,
 	type BagelOptions,

package/src/plugins/bagel.ts

@@ -14,7 +14,7 @@ export const i18nTInjectionKey = Symbol('bagel') as InjectionKey<(key: string) =
 
 export function injectI18nT(injectionKey: typeof i18nTInjectionKey = i18nTInjectionKey) {
 	const i18nT = inject(injectionKey)
-	if (!i18nT) {throw new Error('No i18nT provided')}
+	if (!i18nT) { throw new Error('No i18nT provided') }
 	return i18nT
 }
 
@@ -55,9 +55,9 @@ export const BagelVue: Plugin<BagelOptions> = {
 			},
 		})
 		const { availableLangs, defaultLang, lang } = useLang()
-		if (options.availableLangs) {availableLangs.value = options.availableLangs}
-		if (options.defaultLang) {defaultLang.value = options.defaultLang}
-		if (options.language) {lang.value = options.language}
+		if (options.availableLangs) { availableLangs.value = options.availableLangs }
+		if (options.defaultLang) { defaultLang.value = options.defaultLang }
+		if (options.language) { lang.value = options.language }
 		app.config.globalProperties.$bagel = bagel
 		app.provide(bagelInjectionKey, bagel)
 		app.config.globalProperties.$i18T

package/src/plugins/useToast.ts

@@ -1,10 +1,11 @@
 import type { App, InjectionKey, Plugin } from 'vue'
 import { inject } from 'vue'
-import {
+import Toast, {
 	type PluginOptions as ToastOptions,
-	type ToastInterface,
 	POSITION,
+	useToast as useVueToast,
 } from 'vue-toastification'
+import 'vue-toastification/dist/index.css'
 
 export interface ToastApi {
 	success: (message: string, options?: any) => void
@@ -35,58 +36,62 @@ export function useToast(): ToastApi {
 export type BagelToastOptions = Partial<ToastOptions>
 
 export const ToastPlugin: Plugin<BagelToastOptions[]> = {
-	install: async (app: App, options: BagelToastOptions = {}) => {
-		try {
-			// Dynamically import vue-toastification to avoid bundling if not used
-			const Toast = await import('vue-toastification')
-			const ToastInterface = Toast.default || Toast
-
-			const defaultOptions: ToastOptions = {
-				position: POSITION.TOP_RIGHT,
-				timeout: 3000,
-				closeOnClick: true,
-				pauseOnFocusLoss: true,
-				pauseOnHover: true,
-				draggable: true,
-				draggablePercent: 0.6,
-				showCloseButtonOnHover: false,
-				hideProgressBar: false,
-				closeButton: 'button',
-				icon: true,
-				rtl: false,
-				transition: 'Vue-Toastification__fade',
-				maxToasts: 5,
-				newestOnTop: true,
-				...options,
-			}
-
-			// Install vue-toastification
-			app.use(ToastInterface as Plugin, defaultOptions)
-
-			// Get the toast instance
-			const toast: ToastInterface = app.config.globalProperties.$toast
+	install: (app: App, options: BagelToastOptions = {}) => {
+		const defaultOptions: ToastOptions = {
+			position: POSITION.TOP_RIGHT,
+			timeout: 3000,
+			closeOnClick: true,
+			pauseOnFocusLoss: true,
+			pauseOnHover: true,
+			draggable: true,
+			draggablePercent: 0.6,
+			showCloseButtonOnHover: false,
+			hideProgressBar: false,
+			closeButton: 'button',
+			icon: true,
+			rtl: false,
+			transition: 'Vue-Toastification__fade',
+			maxToasts: 5,
+			newestOnTop: true,
+			...options,
+		}
 
-			// Create the API wrapper
-			const api: ToastApi = {
-				success: (message: string, options?: any) => toast.success(message, options),
-				error: (message: string, options?: any) => toast.error(message, options),
-				info: (message: string, options?: any) => toast.info(message, options),
-				warning: (message: string, options?: any) => toast.warning(message, options),
-				show: (message: string, options?: any) => toast(message, options),
-				clear: () => { toast.clear() },
-			}
+		// Install vue-toastification
+		app.use(Toast, defaultOptions)
 
-			// Set global singleton on first install
-			if (!globalToastApi) {
-				globalToastApi = api
-			}
+		// Create the API wrapper using lazy evaluation
+		const api: ToastApi = {
+			success: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.success(message, opts)
+			},
+			error: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.error(message, opts)
+			},
+			info: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.info(message, opts)
+			},
+			warning: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.warning(message, opts)
+			},
+			show: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast(message, opts)
+			},
+			clear: () => {
+				const toast = useVueToast()
+				toast.clear()
+			},
+		}
 
-			app.provide(ToastSymbol, api)
-		} catch (error) {
-			console.error('Failed to load vue-toastification. Make sure it is installed:', error)
-			throw new Error(
-				'vue-toastification is required for ToastPlugin. Install it with: pnpm add vue-toastification'
-			)
+		// Set global singleton on first install
+		if (!globalToastApi) {
+			globalToastApi = api
 		}
+
+		app.provide(ToastSymbol, api)
 	},
 }

package/src/styles/layout.css

@@ -179,7 +179,7 @@
 }
 
 .align-items-baseline {
-    align-items: baseline;
+    align-items: baseline !important;
 }
 
 .align-items-end {

package/src/types/index.ts

@@ -37,7 +37,7 @@ export type ExtendedThemeType =
 	// Legacy light variants
 	| 'blue-light' | 'green-light' | 'red-light' | 'yellow-light' | 'purple-light' | 'brown-light'
 	| 'orange-light' | 'turquoise-light' | 'pink-light' | 'gray-light' | 'primary-light'
-	// Legacy tint variants  
+	// Legacy tint variants
 	| 'blue-tint' | 'red-tint' | 'primary-tint' | 'black-tint' | 'blue-dark' | 'light'
 	// 10% variants (lightest)
 	| 'blue-10' | 'green-10' | 'red-10' | 'yellow-10' | 'purple-10' | 'brown-10' | 'orange-10' | 'turquoise-10' | 'gray-10' | 'black-10' | 'pink-10'

package/src/utils/BagelFormUtils.ts

@@ -103,7 +103,7 @@ export function getBaseField<T, P extends Path<T, PO>, PO extends PathsOptions =
 	labelOrRest: string | Partial<BaseBagelField<T, P>> = {},
 	rest: Partial<BaseBagelField<T, P>> = {}
 ): BaseBagelField<T, P, PO> {
-	if ('object' === typeof labelOrRest) {return { id, ...labelOrRest }}
+	if (typeof labelOrRest === 'object') { return { id, ...labelOrRest } }
 	return { id, label: labelOrRest, ...rest }
 }
 
@@ -429,7 +429,7 @@ export function rangeField<
 }
 
 export function bglForm<T>(idOrField?: string | FieldByP<T, Path<T>>, ...schema: FieldByP<T, Path<T>>[]) {
-	if ('string' === typeof idOrField) {
+	if (typeof idOrField === 'string') {
 		return {
 			$el: 'bagelform',
 			id: idOrField,
@@ -497,13 +497,13 @@ export function colorField<
 
 export function findBglFieldById<T>(id: string, _schema: ShallowBglFormSchemaT<T>): FieldByP<T, Path<T>> | undefined {
 	for (const field of _schema) {
-		if (field.id === id) {return field as FieldByP<T, Path<T>> | undefined}
-		if (field.children && 0 < Number(field.children.length)) {
+		if (field.id === id) { return field as FieldByP<T, Path<T>> | undefined }
+		if (field.children && Number(field.children.length) > 0) {
 			const fieldChildren = field.children.filter(
-				c => 'object' === typeof c && '$el' in c
+				c => typeof c === 'object' && '$el' in c
 			)
 			const child = findBglFieldById(id, fieldChildren as ShallowBglFormSchemaT<T>)
-			if (child) {return child as FieldByP<T, Path<T>> | undefined}
+			if (child) { return child as FieldByP<T, Path<T>> | undefined }
 		}
 	}
 	return undefined
@@ -531,7 +531,7 @@ export function arrField<
 	options?: ArrayFieldOptions<T, P>
 ): ArrayBagelField<T, P, PO> {
 	const arraySpecificAttrs = (
-		 'string' === typeof schemaOrType
+		typeof schemaOrType === 'string'
 			? { type: schemaOrType }
 			: { schema: schemaOrType }
 	)

package/src/utils/calendar/Helpers.ts

@@ -11,7 +11,7 @@ export default class Helpers {
 	 * otherwise just use navigator.language
 	 */
 	static getBrowserNavigatorLocale(): string {
-		if ('object' !== typeof navigator) {return 'en-US'}
+		if (typeof navigator !== 'object') { return 'en-US' }
 
 		return navigator.languages && navigator.languages.length
 			? navigator.languages[0]
@@ -22,16 +22,16 @@ export default class Helpers {
 	 * Solution from https://github.com/vuejs/core/issues/4733#issuecomment-1024816095
 	 */
 	static hasSlotContent(slot: Slot | undefined) {
-		if (!slot) {return false}
+		if (!slot) { return false }
 
 		return slot().some((vnode: VNode) => {
-			if (vnode.type === Comment) {return false}
+			if (vnode.type === Comment) { return false }
 
-			if (Array.isArray(vnode.children) && !vnode.children.length) {return false}
+			if (Array.isArray(vnode.children) && !vnode.children.length) { return false }
 
 			return (
 				vnode.type !== Text
-				|| ('string' === typeof vnode.children && '' !== vnode.children.trim())
+				|| (typeof vnode.children === 'string' && vnode.children.trim() !== '')
 			)
 		})
 	}
@@ -43,9 +43,9 @@ export default class Helpers {
 		const isFullDayEvent = DATE_TIME_STRING_FULL_DAY_PATTERN.test(event.time.start)
 			&& DATE_TIME_STRING_FULL_DAY_PATTERN.test(event.time.end)
 
-		if (isTimedEvent) {return this.getTimedEventType(event, time)}
+		if (isTimedEvent) { return this.getTimedEventType(event, time) }
 
-		if (isFullDayEvent) {return this.getFullDayEventType(event, time)}
+		if (isFullDayEvent) { return this.getFullDayEventType(event, time) }
 
 		throw new Error('Event has invalid type')
 	}
@@ -81,6 +81,6 @@ export default class Helpers {
 	}
 
 	static isUIEventTouchEvent(event: UIEvent): boolean {
-		return 'touches' in event && 'object' === typeof event.touches
+		return 'touches' in event && typeof event.touches === 'object'
 	}
 }

package/src/utils/calendar/dateUtils.ts

@@ -112,8 +112,8 @@ const translations: Record<AvailableTimeLanguages, LanguageTranslations> = {
 }
 
 export function timeAgo(date: string | Date, lang: AvailableTimeLanguages = 'en') {
-	if (!date) {return ''}
-	if ('string' === typeof date) {date = new Date(date)}
+	if (!date) { return '' }
+	if (typeof date === 'string') { date = new Date(date) }
 	const now: Date = new Date()
 	const nowNumber = now.getTime()
 	const dateNumber = date.getTime()
@@ -133,32 +133,32 @@ export function timeAgo(date: string | Date, lang: AvailableTimeLanguages = 'en'
 
 	for (const interval of intervals) {
 		const count = Math.floor(Math.abs(seconds) / interval.seconds)
-		if (1 <= count) {
-			const suffix = 0 > seconds ? ` ${selectedLang.ago}` : ''
-			const prefix = 0 < seconds && 'in' !== selectedLang.in ? `${selectedLang.in} ` : ''
+		if (count >= 1) {
+			const suffix = seconds < 0 ? ` ${selectedLang.ago}` : ''
+			const prefix = seconds > 0 && selectedLang.in !== 'in' ? `${selectedLang.in} ` : ''
 
 			// Handle Hebrew plural forms
-			if ('he' === lang) {
+			if (lang === 'he') {
 				const timeUnit = selectedLang[interval.label] as TimeUnit
-				const form = 1 === count ? timeUnit.singular : timeUnit.plural
+				const form = count === 1 ? timeUnit.singular : timeUnit.plural
 
 				// For Hebrew, we place the prefix/suffix before the number
-				const hebrewPrefix = 0 > seconds ? `${selectedLang.ago} ` : (0 < seconds ? `${selectedLang.in} ` : '')
+				const hebrewPrefix = seconds < 0 ? `${selectedLang.ago} ` : (seconds > 0 ? `${selectedLang.in} ` : '')
 
-				if ('day' === interval.label && 0 < seconds) {
+				if (interval.label === 'day' && seconds > 0) {
 					const hours = Math.floor((Math.abs(seconds) % 86400) / 3600)
 					const hourUnit = selectedLang.hour as TimeUnit
-					const hourForm = 1 === hours ? hourUnit.singular : hourUnit.plural
-					return `${hebrewPrefix}${count} ${form}${ 0 < hours ? ` ${hours} ${hourForm}` : ''}`
+					const hourForm = hours === 1 ? hourUnit.singular : hourUnit.plural
+					return `${hebrewPrefix}${count} ${form}${hours > 0 ? ` ${hours} ${hourForm}` : ''}`
 				}
 				return `${hebrewPrefix}${count} ${form}`
 			}
 
 			// Handle other languages
-			if ('day' === interval.label && 0 < seconds) {
+			if (interval.label === 'day' && seconds > 0) {
 				const hours = Math.floor((Math.abs(seconds) % 86400) / 3600)
-				const hourLabel = 1 < hours ? `${selectedLang.hour}s` : selectedLang.hour
-				return `${prefix}${count} ${selectedLang[interval.label]}${ 0 < hours ? ` ${hours} ${hourLabel}` : ''}${suffix}`
+				const hourLabel = hours > 1 ? `${selectedLang.hour}s` : selectedLang.hour
+				return `${prefix}${count} ${selectedLang[interval.label]}${hours > 0 ? ` ${hours} ${hourLabel}` : ''}${suffix}`
 			}
 			return `${prefix}${count} ${selectedLang[interval.label]}${suffix}`
 		}
@@ -168,7 +168,7 @@ export function timeAgo(date: string | Date, lang: AvailableTimeLanguages = 'en'
 }
 
 function getBrowserNavigatorLocale(): string {
-	if ('object' !== typeof navigator) {return 'en-US'}
+	if (typeof navigator !== 'object') { return 'en-US' }
 	return navigator.languages && navigator.languages.length
 		? navigator.languages[0]
 		: navigator.language
@@ -182,7 +182,7 @@ function getBrowserNavigatorLocale(): string {
  */
 export function handleTimezone(date: Date, intFmtOpt: Intl.DateTimeFormatOptions): Date {
 	// If timeZone is UTC, convert to UTC directly
-	if ('UTC' === intFmtOpt.timeZone) {
+	if (intFmtOpt.timeZone === 'UTC') {
 		const utcDate = new Date(date.getTime())
 		utcDate.setMinutes(utcDate.getMinutes() + date.getTimezoneOffset())
 		return utcDate
@@ -203,7 +203,7 @@ export function handleTimezone(date: Date, intFmtOpt: Intl.DateTimeFormatOptions
 		const parts: Record<string, number> = {}
 
 		formattedParts.forEach((part) => {
-			if ('literal' !== part.type && 'timeZoneName' !== part.type) {
+			if (part.type !== 'literal' && part.type !== 'timeZoneName') {
 				parts[part.type] = Number.parseInt(part.value, 10)
 			}
 		})
@@ -305,10 +305,10 @@ export function formatDate(
 	let rest: Partial<Pick<Intl.DateTimeFormatOptions, 'hour12'>> = {}
 
 	// Handle both overloads
-	if ('string' === typeof formatOrOpts) {
+	if (typeof formatOrOpts === 'string') {
 		// First overload: format string directly
 		format = formatOrOpts
-	} else if (formatOrOpts && 'object' === typeof formatOrOpts) {
+	} else if (formatOrOpts && typeof formatOrOpts === 'object') {
 		// Second overload: options object
 		format = formatOrOpts.fmt
 		locale = formatOrOpts.locale
@@ -316,13 +316,13 @@ export function formatDate(
 		rest = formatOrOpts
 	}
 
-	if (!date) {return ''}
+	if (!date) { return '' }
 	format = format || 'DD.MM.YY'
 
 	locale = locale || getBrowserNavigatorLocale()
 	try {
 		// Validate the date
-		const d = 'string' === typeof date || 'number' === typeof date ? new Date(date) : date
+		const d = typeof date === 'string' || typeof date === 'number' ? new Date(date) : date
 
 		// Check if date is valid
 		if (Number.isNaN(d.getTime())) {
@@ -355,7 +355,7 @@ export function formatDate(
 		const partsMap: Partial<Record<Intl.DateTimeFormatPartTypes, string>> = {}
 
 		formattedParts.forEach((part) => {
-			if ('literal' !== part.type) {
+			if (part.type !== 'literal') {
 				partsMap[part.type] = part.value
 			}
 		})