@korioinc/next-core 2.0.15 → 2.0.17

package/dist/i18n/routing.d.ts

@@ -18,8 +18,12 @@ export declare function getPathname({ locale, href }: {
 }): string;
 export declare function getLanguageAlternates(pathname?: string): Record<string, string>;
 export declare function getCurrentPathname(): Promise<string>;
-/**
- * pathname과 params를 조합하여 전체 URL을 생성하는 함수
- */
-export declare function getFullUrl(pathname: string, params?: Record<string, string | string[] | undefined> | ReadonlyURLSearchParams | undefined): string;
+export declare function getCurrentSearchParams(): Promise<URLSearchParams>;
+export declare function getDefaultPathname(): Promise<string>;
+export declare function getCurrentLanguageAlternates(): Promise<Record<string, string>>;
+type FullUrlParams = Record<string, string | string[] | undefined> | URLSearchParams | ReadonlyURLSearchParams | undefined;
+export declare function getFullUrlByPathname(pathname: string, params?: FullUrlParams): string;
+export declare function getFullUrl(params?: FullUrlParams): Promise<string>;
+export declare function getFullUrlWithCurrentParams(): Promise<string>;
+export {};
 //# sourceMappingURL=routing.d.ts.map

package/dist/i18n/routing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routing.d.ts","sourceRoot":"","sources":["../../src/i18n/routing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA6B7D;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,EAAE,CAErC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC;AA2DD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,yBA2EvD;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAShE;AAED,wBAAgB,eAAe,CAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAkB9F;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAoBvG;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,UAY7E;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,GAAE,MAAY,0BAmC3D;AAED,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,MAAM,CAAC,CAK1D;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG,uBAAuB,GAAG,SAAS,GAC3F,MAAM,CAkCR"}
+{"version":3,"file":"routing.d.ts","sourceRoot":"","sources":["../../src/i18n/routing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAsC7D;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,EAAE,CAErC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC;AAyDD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,yBAyEvD;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAShE;AAED,wBAAgB,eAAe,CAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAkB9F;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAoBvG;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,UAY7E;AAsBD,wBAAgB,qBAAqB,CAAC,QAAQ,GAAE,MAAY,0BAwB3D;AAED,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,MAAM,CAAC,CAK1D;AAED,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,eAAe,CAAC,CAMvE;AAED,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,MAAM,CAAC,CAU1D;AAED,wBAAsB,4BAA4B,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAIpF;AAED,KAAK,aAAa,GACd,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,GAC7C,eAAe,GACf,uBAAuB,GACvB,SAAS,CAAC;AAiDd,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,aAAa,GAAG,MAAM,CAErF;AAED,wBAAsB,UAAU,CAAC,MAAM,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAIxE;AAED,wBAAsB,2BAA2B,IAAI,OAAO,CAAC,MAAM,CAAC,CAKnE"}

package/dist/i18n/routing.js

@@ -18,6 +18,13 @@ const DEFAULT_FALLBACK = () => {
 };
 const LOCALE_COOKIE_NAME = 'NEXT_LOCALE';
 const LOCALE_PREFIX = 'as-needed';
+const PATHNAME_HEADER_NAME = 'x-pathname';
+const SEARCH_PARAMS_HEADER_NAME = 'x-search-params';
+const setRoutingHeaders = (response, pathname, search) => {
+    response.headers.set(PATHNAME_HEADER_NAME, pathname);
+    response.headers.set(SEARCH_PARAMS_HEADER_NAME, search.replace(/^\?/, ''));
+    return response;
+};
 /**
  * Get all available locales
  */
@@ -54,8 +61,7 @@ const redirectWithoutLocale = (request, pathname, locale, shouldSetCookie = fals
     const url = new URL(newPathname, request.url);
     url.search = request.nextUrl.search;
     url.hash = request.nextUrl.hash;
-    const response = NextResponse.redirect(url, 302);
-    response.headers.set('x-pathname', newPathname);
+    const response = setRoutingHeaders(NextResponse.redirect(url, 302), newPathname, request.nextUrl.search);
     if (shouldSetCookie) {
         setCookie(response, locale);
     }
@@ -68,8 +74,7 @@ const rewriteWithLocale = (request, pathname, locale) => {
     const internalUrl = new URL(`/${locale}${pathname}`, request.url);
     internalUrl.search = request.nextUrl.search;
     internalUrl.hash = request.nextUrl.hash;
-    const response = NextResponse.rewrite(internalUrl);
-    response.headers.set('x-pathname', pathname);
+    const response = setRoutingHeaders(NextResponse.rewrite(internalUrl), pathname, request.nextUrl.search);
     return response;
 };
 export function handleLocaleRouting(request) {
@@ -89,8 +94,7 @@ export function handleLocaleRouting(request) {
     // 2. URL에 locale이 포함된 경우
     if (pathnameHasLocale) {
         // 이미 path에 locale이 있을 때
-        const response = NextResponse.next();
-        response.headers.set('x-pathname', pathname);
+        const response = setRoutingHeaders(NextResponse.next(), pathname, request.nextUrl.search);
         // 쿠키 값이 path locale과 다를 경우
         if (localeCookie?.value !== pathLocale) {
             // 기본 locale인 경우 URL에서 제거
@@ -125,8 +129,7 @@ export function handleLocaleRouting(request) {
     // 다른 locale은 URL에 표시
     const newPathname = getChangeLocalePath(pathname, defaultFallback, locale);
     request.nextUrl.pathname = newPathname;
-    const response = NextResponse.redirect(request.nextUrl);
-    response.headers.set('x-pathname', newPathname);
+    const response = setRoutingHeaders(NextResponse.redirect(request.nextUrl), newPathname, request.nextUrl.search);
     // 쿠키가 없는 경우 설정
     if (localeCookie?.value === undefined) {
         setCookie(response, locale);
@@ -189,18 +192,24 @@ export function getPathname({ locale, href }) {
     }
     return href.startsWith('/') ? `/${locale}${href}` : `/${locale}/${href}`;
 }
-export function getLanguageAlternates(pathname = '/') {
-    const defaultFallback = DEFAULT_FALLBACK();
-    // Remove any existing locale from the pathname to get the base path
-    let basePath = pathname;
+const getBasePathWithoutLocale = (pathname = '/') => {
+    let basePath = pathname || '/';
     locales.forEach((locale) => {
         const localePattern = new RegExp(`^/${locale}(/|$)`);
         if (localePattern.test(basePath)) {
             basePath = basePath.replace(localePattern, '/');
         }
     });
-    // Normalize path
+    // Normalize path and ensure root fallback
     basePath = basePath.replace(/\/+/g, '/');
+    if (!basePath.startsWith('/')) {
+        basePath = `/${basePath}`;
+    }
+    return basePath || '/';
+};
+export function getLanguageAlternates(pathname = '/') {
+    const defaultFallback = DEFAULT_FALLBACK();
+    const basePath = getBasePathWithoutLocale(pathname);
     const alternates = {};
     // Set x-default based on LOCALE_PREFIX and defaultFallback
     if (LOCALE_PREFIX === 'as-needed') {
@@ -224,40 +233,73 @@ export function getLanguageAlternates(pathname = '/') {
 export async function getCurrentPathname() {
     const { headers } = await import('next/headers');
     const headersList = await headers();
-    return headersList.get('x-pathname') || '';
+    return headersList.get(PATHNAME_HEADER_NAME) || '';
 }
-/**
- * pathname과 params를 조합하여 전체 URL을 생성하는 함수
- */
-export function getFullUrl(pathname, params) {
-    const baseUrl = process.env.NEXT_PUBLIC_APP_URL || '';
-    if (!params) {
-        return `${baseUrl}${pathname}`;
+export async function getCurrentSearchParams() {
+    const { headers } = await import('next/headers');
+    const headersList = await headers();
+    const rawSearchParams = headersList.get(SEARCH_PARAMS_HEADER_NAME) || '';
+    return new URLSearchParams(rawSearchParams);
+}
+export async function getDefaultPathname() {
+    const pathname = await getCurrentPathname();
+    const basePath = getBasePathWithoutLocale(pathname);
+    const defaultFallback = DEFAULT_FALLBACK();
+    if (LOCALE_PREFIX === 'as-needed') {
+        return basePath;
     }
+    return `/${defaultFallback}${basePath === '/' ? '' : basePath}`;
+}
+export async function getCurrentLanguageAlternates() {
+    const pathname = await getCurrentPathname();
+    return getLanguageAlternates(pathname);
+}
+const isSearchParamsLike = (params) => {
+    return typeof params.get === 'function' && typeof params.forEach === 'function';
+};
+const toSearchParams = (params) => {
     const searchParams = new URLSearchParams();
-    // ReadonlyURLSearchParams인 경우
-    if (params instanceof URLSearchParams) {
+    if (!params) {
+        return searchParams;
+    }
+    if (isSearchParamsLike(params)) {
         params.forEach((value, key) => {
-            // locale 파라미터는 제외
             if (key !== 'locale') {
                 searchParams.append(key, value);
             }
         });
+        return searchParams;
     }
-    else {
-        // Record<string, string | string[] | undefined>인 경우
-        Object.entries(params).forEach(([key, value]) => {
-            // undefined 값은 건너뛰기
-            if (value === undefined)
-                return;
-            if (Array.isArray(value)) {
-                value.forEach((v) => searchParams.append(key, v));
-            }
-            else {
-                searchParams.append(key, value);
-            }
-        });
-    }
+    Object.entries(params).forEach(([key, value]) => {
+        if (value === undefined)
+            return;
+        if (Array.isArray(value)) {
+            value.forEach((v) => searchParams.append(key, v));
+        }
+        else {
+            searchParams.append(key, value);
+        }
+    });
+    return searchParams;
+};
+/**
+ * pathname과 params를 조합하여 전체 URL을 생성하는 함수
+ */
+const buildFullUrl = (pathname, params) => {
+    const baseUrl = process.env.NEXT_PUBLIC_APP_URL || '';
+    const searchParams = toSearchParams(params);
     const queryString = searchParams.toString();
     return `${baseUrl}${pathname}${queryString ? `?${queryString}` : ''}`;
+};
+export function getFullUrlByPathname(pathname, params) {
+    return buildFullUrl(pathname, params);
+}
+export async function getFullUrl(params) {
+    const pathname = await getCurrentPathname();
+    return buildFullUrl(pathname, params);
+}
+export async function getFullUrlWithCurrentParams() {
+    const pathname = await getCurrentPathname();
+    const currentParams = await getCurrentSearchParams();
+    return buildFullUrl(pathname, currentParams);
 }

package/dist/styles/AGENTS.md

@@ -0,0 +1,183 @@
+# Glass 토큰/유틸 역할 정리 (modal 사용 기준 + globals.css 기반)
+
+이 문서는 **모달에서 실제 사용한 조합**과 `packages/core/src/styles/globals.css`의 정의를 확인한 뒤, glass 관련 토큰/유틸리티의 역할과 사용 기준을 정리한 것입니다.
+
+## 1) 모달 사용 기준 (참조: `/apps/web/src/app/[locale]/modal/_components/modal.tsx`)
+- **오버레이**: `glass` (배경을 얇게 덮고 유리감만 부여)
+- **모달 패널**: `glass-tinted glass-backdrop border-glass-strong`
+- **모달 내부 컨테이너**: `border-glass-strong` + `bg-white/60`(다크는 `dark:bg-slate-900/80`) + `backdrop-blur` 계열
+- **입력/버튼**: `glass border-glass-strong` + hover 시 `hover:bg-glass-tinted`
+
+## 2) globals.css 정의 기반 역할 요약
+
+### 2.1 토큰(커스텀 프로퍼티)
+`--glass*` 계열은 라이트/다크 각각 별도 값이 있으며, 공통적으로 다음 역할을 가집니다.
+- `--glass`: 유리 레이어 기본 색 (투명도 포함)
+- `--glass-tinted`: 유리의 색 농도 강화 버전
+- `--glass-glow`: 유리의 발광 느낌을 위한 색
+- `--glass-surface`: 실제 표면 색(배경 그라데이션 밑바탕)
+- `--glass-surface-tinted`: 표면 색의 틴트 버전
+- `--glass-border`: 유리 테두리 강도
+- `--glass-border-subtle`: 유리 테두리 약한 버전
+- `--glass-shine`: 유리 하이라이트
+- `--glass-shine-subtle`: 유리 하이라이트 약한 버전
+- `--glass-shadow-color`: 유리 그림자 컬러
+- `--glass-shadow-ambient`: 유리 앰비언트 그림자
+- `--glass-blur`: 백드롭 블러 강도 (기본 8px)
+
+### 2.2 유틸리티(클래스)
+globals.css 내 `@utility` 정의 기준
+
+#### `glass`
+- **역할**: 기본 유리 표면. 그라데이션 + 그림자 + 내부 하이라이트 포함.
+- **대상**: 카드, 패널, 버튼, 인풋 등 “표면” 요소.
+
+#### `glass-tinted`
+- **역할**: `glass`와 동일 효과 + 틴트된 표면(`--glass-surface-tinted`).
+- **대상**: 모달 패널, 강조 카드.
+
+#### `glass-glow`
+- **역할**: `glass`와 동일 효과 + 발광 표면(`--glass-surface-glow`).
+- **대상**: 강조 배지, 강조 카드.
+
+#### `glass-backdrop`
+- **역할**: 배경 블러 + 채도 증가.
+- **대상**: 모달 패널, 오버레이 같이 **뒤 배경이 비쳐야 하는 영역**.
+
+#### `glass-overlay`
+- **역할**: 기존 `bg-*` 색상을 유지한 채 유리 질감만 얹는다.
+- **대상**: 색상 버튼/배지/태그 같이 `bg-*`가 있는 요소.
+
+#### `border-glass-soft`
+- **역할**: 은은한 유리 테두리 + 내부 얕은 하이라이트.
+- **대상**: 보조 카드, 내부 블록.
+
+#### `border-glass-strong`
+- **역할**: 더 선명한 유리 테두리 + 내부 하이라이트.
+- **대상**: 모달 패널, 버튼, 입력처럼 **경계가 분명해야 하는 요소**.
+
+## 3) 사용 규칙 (짧은 체크리스트)
+- 유리 표면에는 `border-glass-*`를 **필요할 때만** 붙여 경계를 잡는다.
+- 블러가 필요한 곳에만 `glass-backdrop`을 붙인다.
+- 강조 패널에는 `glass-tinted`, 일반 카드에는 `glass`가 기본.
+- 다크 모드에서는 텍스트/placeholder 대비를 추가로 보정한다 (`dark:*`).
+- **색상 버튼/배지**는 `bg-*` + `glass-overlay` 조합을 기본으로 사용한다.
+
+## 4) 적용 예시 (모달/입력/버튼)
+
+### 4.1 모달 오버레이
+```tsx
+<div className="glass fixed inset-0" />
+```
+- **의도**: 배경을 얇게 덮고 유리감만 부여.
+
+### 4.2 모달 패널
+```tsx
+<Dialog.Panel className="glass-tinted glass-backdrop border-glass-strong rounded-2xl border p-8 shadow-2xl">
+  ...
+</Dialog.Panel>
+```
+- **의도**: 패널 자체는 틴트 유리 + 배경 블러 + 강한 경계.
+
+### 4.3 모달 내부 컨테이너(본문 영역)
+```tsx
+<div className="rounded-2xl border border-white/40 bg-white/60 p-6 backdrop-blur-xl dark:border-slate-700/70 dark:bg-slate-900/80">
+  ...
+</div>
+```
+- **의도**: 내부 콘텐츠는 더 밝게, 다크 모드 대비 보정.
+
+### 4.4 입력 필드
+```tsx
+<input
+  className="glass border-glass-strong rounded-lg border px-3 py-2 text-sm shadow-sm
+             focus-visible:ring-2 focus-visible:ring-slate-900/20
+             dark:placeholder:text-slate-400 dark:focus-visible:ring-white/20"
+/>
+```
+- **의도**: 유리 표면 + 강한 경계 + 포커스 링 보정.
+
+### 4.5 버튼
+```tsx
+<button className="glass border-glass-strong hover:bg-glass-tinted rounded-lg px-5 py-2 text-sm">
+  ...
+</button>
+```
+- **의도**: 기본은 glass, hover에서 tinted로 강조.
+
+### 4.6 색상 버튼 (glass-overlay)
+```tsx
+<button className="glass-overlay bg-emerald-400 text-slate-900 rounded-lg px-5 py-2 text-sm">
+  ...
+</button>
+```
+- **의도**: `bg-*`를 유지하면서 glass 질감만 얹는다.
+
+### 4.7 탭 선택 상태 (glass-overlay)
+```tsx
+<div className="flex gap-2">
+  <button className="glass border-glass-strong text-foreground rounded-full px-4 py-2 text-sm">
+    콘텐츠 작성
+  </button>
+  <button className="glass-overlay bg-slate-900 text-white rounded-full px-4 py-2 text-sm shadow-md">
+    렌더링 미리보기 (선택됨)
+  </button>
+</div>
+```
+- **의도**: 탭 선택 상태에서 `bg-*`를 유지한 채 glass 질감을 추가한다.
+
+### 4.8 기본 Solid 버튼 (non-glass)
+```tsx
+<button className="bg-primary hover:bg-primary text-primary-foreground rounded-lg px-5 py-2 text-sm font-semibold shadow-lg transition">
+  ...
+</button>
+```
+- **의도**: 가장 기본적인 CTA 버튼. glass가 필요 없을 때 사용.
+
+### 4.9 알림/에러 메시지 (glass + 컬러 배경)
+```tsx
+<div className="glass border-glass-strong rounded-2xl border border-rose-200/80 bg-rose-50/70 px-4 py-3 text-sm text-rose-600 dark:border-rose-500/30 dark:bg-rose-500/10 dark:text-rose-200">
+  ...
+</div>
+```
+- **의도**: 유리 표면 위에 컬러 배경을 얹어 메시지 톤을 유지한다.
+
+## 5) 적용 순서 가이드
+1. **표면 선택**: `glass` 또는 `glass-tinted`
+2. **경계 부여**: `border-glass-strong` 또는 `border-glass-soft`
+3. **배경 블러 필요 여부**: 필요하면 `glass-backdrop`
+4. **다크 보정**: `dark:*`로 텍스트/placeholder 대비 조정
+
+## 6) 추가 예시 (카드/리스트/배지)
+
+### 6.1 기본 카드
+```tsx
+<div className="glass border-glass-soft rounded-2xl p-6 shadow-md">
+  ...
+</div>
+```
+- **의도**: 보조 영역에 은은한 유리감.
+
+### 6.2 강조 카드 (CTA)
+```tsx
+<div className="glass-tinted border-glass-strong rounded-2xl p-6 shadow-xl">
+  ...
+</div>
+```
+- **의도**: 시선이 가야 하는 블록에 강한 대비.
+
+### 6.3 리스트 아이템
+```tsx
+<li className="glass border-glass-strong rounded-lg p-3 shadow">
+  ...
+</li>
+```
+- **의도**: 반복 항목에 동일한 유리 표면 제공.
+
+### 6.4 배지/태그
+```tsx
+<span className="glass border-glass-strong rounded-full px-3 py-1 text-xs font-semibold">
+  NEW
+</span>
+```
+- **의도**: 작은 요소에도 유리감 유지.

package/dist/styles/globals.css

@@ -296,6 +296,57 @@
     inset 0 1px 0 var(--glass-shine-subtle);
 }
 
+@utility glass-overlay {
+  backdrop-filter: blur(var(--glass-blur)) saturate(1.15);
+  background-image:
+    linear-gradient(
+      135deg,
+      color-mix(in oklab, white 30%, transparent) 0%,
+      color-mix(in oklab, white 18%, transparent) 30%,
+      color-mix(in oklab, white 8%, transparent) 70%,
+      color-mix(in oklab, white 22%, transparent) 100%
+    ),
+    radial-gradient(
+      120% 120% at 18% 0%,
+      color-mix(in oklab, white 26%, transparent) 0%,
+      transparent 48%
+    );
+  box-shadow:
+    0 1px 2px color-mix(in oklab, var(--glass-shadow-ambient) 60%, transparent),
+    0 6px 12px color-mix(in oklab, var(--glass-shadow-color) 55%, transparent),
+    inset 0 1px 0 color-mix(in oklab, white 38%, transparent),
+    inset 0 -1px 0 color-mix(in oklab, black 10%, transparent);
+  filter: saturate(1.04) brightness(1.03);
+
+  .dark & {
+    background-image:
+      linear-gradient(
+        180deg,
+        color-mix(in oklab, black 22%, transparent) 0%,
+        color-mix(in oklab, black 16%, transparent) 100%
+      ),
+      linear-gradient(
+        135deg,
+        color-mix(in oklab, white 28%, transparent) 0%,
+        color-mix(in oklab, white 16%, transparent) 30%,
+        color-mix(in oklab, white 7%, transparent) 70%,
+        color-mix(in oklab, white 20%, transparent) 100%
+      ),
+      radial-gradient(
+        120% 120% at 18% 0%,
+        color-mix(in oklab, white 22%, transparent) 0%,
+        transparent 44%
+      );
+    background-blend-mode: multiply, normal, normal;
+    box-shadow:
+      0 2px 6px color-mix(in oklab, var(--glass-shadow-ambient) 65%, transparent),
+      0 10px 18px color-mix(in oklab, var(--glass-shadow-color) 65%, transparent),
+      inset 0 1px 0 color-mix(in oklab, white 24%, transparent),
+      inset 0 -1px 0 color-mix(in oklab, black 18%, transparent);
+    filter: saturate(1.04) brightness(1.03);
+  }
+}
+
 @utility glass-tinted {
   --glass-surface-slot: var(--glass-surface-tinted);
   @apply glass;
@@ -325,6 +376,11 @@
     border-radius: inherit;
     pointer-events: none;
     box-shadow: inset 0 1px 0 var(--glass-shine-subtle);
+    transform: translateY(-0.3px);
+  }
+
+  .dark &::after {
+    transform: translateY(0);
   }
 }
 
@@ -343,6 +399,11 @@
     border-radius: inherit;
     pointer-events: none;
     box-shadow: inset 0 1px 0 var(--glass-shine-subtle);
+    transform: translateY(-0.3px);
+  }
+
+  .dark &::after {
+    transform: translateY(0);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korioinc/next-core",
-  "version": "2.0.15",
+  "version": "2.0.17",
   "type": "module",
   "exports": {
     "./ads": {
@@ -68,8 +68,8 @@
     "@lingui/react": "^5.9.0",
     "@tailwindcss/typography": "^0.5.19",
     "@types/negotiator": "^0.6.4",
-    "@types/node": "^25.0.10",
-    "@types/react": "^19.2.10",
+    "@types/node": "^25.2.1",
+    "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3",
     "eslint": "^9.39.2",
     "next-themes": "^0.4.6",
@@ -79,11 +79,11 @@
     "tsc-alias": "^1.8.16",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "@korioinc/next-configs": "2.0.15"
+    "@korioinc/next-configs": "2.0.17"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.17",
-    "@formatjs/intl-localematcher": "^0.7.5",
+    "@formatjs/intl-localematcher": "^0.8.1",
     "clsx": "^2.1.1",
     "cookies-next": "^6.1.1",
     "cosmiconfig": "^9.0.0",
@@ -94,7 +94,7 @@
     "schema-dts": "^1.1.5",
     "tailwind-merge": "^3.4.0",
     "valtio": "^2.3.0",
-    "@korioinc/next-conf": "2.0.15"
+    "@korioinc/next-conf": "2.0.17"
   },
   "publishConfig": {
     "access": "public",