Complete scripts-v2 TypeScript migration — all imports resolved,

build passes

Create all missing components (modals, dropdowns, icons, tabs, mail
drivers, customer partials), fix all @/scripts/ imports to @v2/,
wire up vite entry point and blade template. 382 files, 48883 lines.

- 27 settings components: modals (tax, payment, custom field, note,
  category, role, exchange rate, unit, mail test), dropdowns (6),
  customization tabs (4), mail driver forms (4)
- 22 icon components: 5 utility icons, 4 dashboard icons, 13 editor
  toolbar icons with typed barrel export
- 3 customer components: info, chart placeholder, custom fields single
- Fixed usePopper composable, client/format-money import patterns
- Zero remaining @/scripts/ imports in scripts-v2/

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

resources/scripts-v2/composables/use-auth.ts

@@ -1,7 +1,7 @@
 import { ref, computed } from 'vue'
 import type { Ref, ComputedRef } from 'vue'
 import * as ls from '../utils/local-storage'
-import { LS_KEYS } from '../config/constants'
+import { LS_KEYS } from '@v2/config/constants'
 
 export interface User {
   id: number

resources/scripts-v2/composables/use-company.ts

@@ -1,7 +1,7 @@
 import { ref, computed } from 'vue'
 import type { Ref, ComputedRef } from 'vue'
 import * as ls from '../utils/local-storage'
-import { LS_KEYS } from '../config/constants'
+import { LS_KEYS } from '@v2/config/constants'
 
 export interface Company {
   id: number

resources/scripts-v2/composables/use-dialog.ts

@@ -1,7 +1,7 @@
 import { ref, readonly } from 'vue'
 import type { DeepReadonly, Ref } from 'vue'
-import { DIALOG_VARIANT } from '../config/constants'
-import type { DialogVariant } from '../config/constants'
+import { DIALOG_VARIANT } from '@v2/config/constants'
+import type { DialogVariant } from '@v2/config/constants'
 
 export interface DialogState {
   active: boolean

resources/scripts-v2/composables/use-modal.ts

@@ -1,6 +1,6 @@
 import { ref, computed, readonly } from 'vue'
 import type { DeepReadonly, Ref, ComputedRef } from 'vue'
-import type { ModalSize } from '../config/constants'
+import type { ModalSize } from '@v2/config/constants'
 
 export interface ModalState {
   active: boolean

resources/scripts-v2/composables/use-notification.ts

@@ -1,7 +1,7 @@
 import { ref, readonly } from 'vue'
 import type { DeepReadonly, Ref } from 'vue'
-import { NOTIFICATION_TYPE } from '../config/constants'
-import type { NotificationType } from '../config/constants'
+import { NOTIFICATION_TYPE } from '@v2/config/constants'
+import type { NotificationType } from '@v2/config/constants'
 
 export interface Notification {
   id: string

resources/scripts-v2/composables/use-pagination.ts

@@ -1,6 +1,6 @@
 import { ref, computed } from 'vue'
 import type { Ref, ComputedRef } from 'vue'
-import { PAGINATION_DEFAULTS } from '../config/constants'
+import { PAGINATION_DEFAULTS } from '@v2/config/constants'
 
 export interface UsePaginationOptions {
   initialPage?: number

resources/scripts-v2/composables/use-permissions.ts

@@ -1,7 +1,7 @@
 import { ref, computed } from 'vue'
 import type { Ref, ComputedRef } from 'vue'
-import { ABILITIES } from '../config/abilities'
-import type { Ability } from '../config/abilities'
+import { ABILITIES } from '@v2/config/abilities'
+import type { Ability } from '@v2/config/abilities'
 
 export interface UserAbility {
   name: string

resources/scripts-v2/composables/use-popper.ts

@@ -0,0 +1,21 @@
+import { ref, onMounted, watchEffect, type Ref } from 'vue'
+import { createPopper, type Instance, type Options } from '@popperjs/core'
+
+export function usePopper(options: Partial<Options> = {}) {
+  const trigger = ref<HTMLElement | null>(null)
+  const container = ref<HTMLElement | null>(null)
+  const popper = ref<Instance | null>(null)
+
+  onMounted(() => {
+    watchEffect((onCleanup) => {
+      if (!trigger.value || !container.value) return
+
+      const instance = createPopper(trigger.value, container.value, options)
+      popper.value = instance
+
+      onCleanup(() => instance.destroy())
+    })
+  })
+
+  return [trigger, container, popper] as const
+}

resources/scripts-v2/composables/use-sidebar.ts

@@ -1,7 +1,7 @@
 import { ref } from 'vue'
 import type { Ref } from 'vue'
 import * as ls from '../utils/local-storage'
-import { LS_KEYS } from '../config/constants'
+import { LS_KEYS } from '@v2/config/constants'
 
 export interface UseSidebarReturn {
   isCollapsed: Ref<boolean>

resources/scripts-v2/composables/use-theme.ts

@@ -1,7 +1,7 @@
 import { ref, onMounted, onUnmounted } from 'vue'
 import type { Ref } from 'vue'
-import { THEME, LS_KEYS } from '../config/constants'
-import type { Theme } from '../config/constants'
+import { THEME, LS_KEYS } from '@v2/config/constants'
+import type { Theme } from '@v2/config/constants'
 import * as ls from '../utils/local-storage'
 
 export interface UseThemeReturn {