kmcom-nuxt-layers 5.0.3 → 5.0.5

package/layers/content/app/components/Gallery/Lightbox.vue

@@ -47,7 +47,7 @@
   <UModal
     v-model:open="open"
     fullscreen
-    :ui="{ content: 'bg-black/95 flex items-center justify-center' }"
+    :ui="{ content: 'flex items-center justify-center bg-black/95' }"
   >
     <template #content>
       <div class="relative flex h-full w-full items-center justify-center p-4">

package/layers/core/app/composables/useBrowser.ts

@@ -2,7 +2,7 @@ import {
   getBrowserVersionParts,
   isBrowserAtLeast,
   parseBrowserInfo,
-  type BrowserInfo,
+  type ParsedBrowserInfo,
 } from '#layers/core/app/utils/browserInfo'
 
 /**
@@ -16,7 +16,7 @@ import {
  * @returns Browser information and helper flags
  */
 export function useBrowser() {
-  const info = ref<BrowserInfo>(parseBrowserInfo())
+  const info = ref<ParsedBrowserInfo>(parseBrowserInfo())
 
   // Helper flags
   const isChrome = computed(() => info.value.name === 'chrome')

package/layers/core/app/utils/browserInfo.ts

@@ -1,4 +1,4 @@
-export type BrowserInfo = {
+export type ParsedBrowserInfo = {
   name: string
   version: string
   engine: string
@@ -7,14 +7,14 @@ export type BrowserInfo = {
 
 type BrowserRule = {
   match: (ua: string) => boolean
-  name: BrowserInfo['name']
-  engine: BrowserInfo['engine']
+  name: ParsedBrowserInfo['name']
+  engine: ParsedBrowserInfo['engine']
   version: (ua: string) => string
 }
 
 type OsRule = {
   match: (ua: string) => boolean
-  os: BrowserInfo['os']
+  os: ParsedBrowserInfo['os']
 }
 
 const OS_RULES: OsRule[] = [
@@ -58,11 +58,11 @@ const BROWSER_RULES: BrowserRule[] = [
   },
 ]
 
-function detectOs(ua: string): BrowserInfo['os'] {
+function detectOs(ua: string): ParsedBrowserInfo['os'] {
   return OS_RULES.find((rule) => rule.match(ua))?.os ?? 'unknown'
 }
 
-function detectBrowser(ua: string): Pick<BrowserInfo, 'name' | 'version' | 'engine'> {
+function detectBrowser(ua: string): Pick<ParsedBrowserInfo, 'name' | 'version' | 'engine'> {
   const rule = BROWSER_RULES.find((candidate) => candidate.match(ua))
   if (!rule) return { name: 'unknown', version: '0', engine: 'unknown' }
   return {
@@ -72,7 +72,7 @@ function detectBrowser(ua: string): Pick<BrowserInfo, 'name' | 'version' | 'engi
   }
 }
 
-export function parseBrowserInfo(userAgent?: string | null): BrowserInfo {
+export function parseBrowserInfo(userAgent?: string | null): ParsedBrowserInfo {
   if (!import.meta.client) {
     return {
       name: 'unknown',

package/layers/design-system/visual/app/types/index.ts

@@ -2,5 +2,3 @@ export type * from './accent'
 export type * from './breakpoints'
 export type * from './gradient'
 export type * from './media'
-export type { TintLevel, TintColorSlot, TintConfig } from './tint'
-export { TINT_LEVEL_OPACITY } from './tint'

package/layers/motion/scroll/app/components/Motion/ScrollScene.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
   import type { ScrollTrigger as GSAPScrollTrigger } from 'gsap/ScrollTrigger'
 
-  import { SCROLL_SCENE_KEY, type ScrollSceneContext } from '../../composables/useScrollSteps'
+  import type { ScrollSceneContext } from '../../types/scroll'
+  import { SCROLL_SCENE_KEY } from '../../composables/useScrollSteps'
 
   const {
     name,

package/layers/motion/scroll/app/components/Motion/ScrollStep.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-  import { SCROLL_SCENE_KEY, type ScrollSceneContext } from '../../composables/useScrollSteps'
+  import type { ScrollSceneContext } from '../../types/scroll'
+  import { SCROLL_SCENE_KEY } from '../../composables/useScrollSteps'
 
   const { index } = defineProps<{
     /**

package/layers/motion/scroll/app/composables/useScrollSteps.ts

@@ -2,8 +2,6 @@ import type { ScrollSceneContext } from '../types/scroll'
 
 export const SCROLL_SCENE_KEY = Symbol('motionScrollScene')
 
-export type { ScrollSceneContext }
-
 /**
  * Step/waypoint state tracking — must be used inside a MotionScrollScene.
  *

package/layers/motion/scroll/app/composables/useSmoothScroll.ts

@@ -1,12 +1,8 @@
 import type { Ref } from 'vue'
 import type LocomotiveScroll from 'locomotive-scroll'
 
-import {
-  runLocomotiveScroll,
-  runNativeScroll,
-  type ScrollTarget,
-  type ScrollToOptions,
-} from '../utils/scroll'
+import { runLocomotiveScroll, runNativeScroll, type ScrollTarget } from '../utils/scroll'
+import type { ScrollToOptions } from '../types/scroll'
 
 /**
  * Unified scroll composable using Locomotive Scroll v5 smooth scrolling

package/layers/motion/scroll/app/types/scroll.ts

@@ -1,11 +1,11 @@
 import type { ComputedRef, Ref } from 'vue'
 
 export type ScrollToOptions = {
-  offset?: number
-  duration?: number
-  immediate?: boolean
-  lock?: boolean
-  onComplete?: () => void
+  offset?: number | undefined
+  duration?: number | undefined
+  immediate?: boolean | undefined
+  lock?: boolean | undefined
+  onComplete?: (() => void) | undefined
 }
 
 export type SectionProgressOptions = {

package/layers/motion/scroll/app/utils/scroll.ts

@@ -1,14 +1,8 @@
 import type LocomotiveScroll from 'locomotive-scroll'
 
-export type ScrollTarget = string | number | HTMLElement
+import type { ScrollToOptions } from '../types/scroll'
 
-export type ScrollToOptions = {
-  offset?: number | undefined
-  duration?: number | undefined
-  immediate?: boolean | undefined
-  lock?: boolean | undefined
-  onComplete?: (() => void) | undefined
-}
+export type ScrollTarget = string | number | HTMLElement
 
 function resolveScrollOffset(options?: ScrollToOptions) {
   return options?.offset ?? 0

package/layers/structure/navigation/app/components/Links/Named.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+  import type { LinkProps } from '@nuxt/ui'
   import type { UiColors } from '#layers/typography/types/colors'
 
   defineOptions({ inheritAttrs: false })
@@ -19,10 +20,7 @@
   const colorClass = useColor(color, 'text')
   // `name` is a plain string here, not one of the app's typed route names
   const to = computed(
-    () =>
-      ({ name, params: params ?? {}, query: query ?? {} }) as unknown as NonNullable<
-        Parameters<typeof navigateTo>[0]
-      >
+    () => ({ name, params: params ?? {}, query: query ?? {} }) as unknown as LinkProps['to']
   )
 </script>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "5.0.3",
+  "version": "5.0.5",
   "description": "Composable Nuxt 4 layers for building scalable Vue applications",
   "exports": {
     "./layers/core": "./layers/core/nuxt.config.ts",