@uniai-fe/uds-templates 0.11.4 → 0.11.6

package/README.md

@@ -1,194 +1,22 @@
-# @uniai-fe/uds-templates
+# `@uniai-fe/uds-templates`
 
-`@uniai-fe/uds-foundation` 토큰과 `@uniai-fe/uds-primitives` 기초 컴포넌트를 조합해,
-서비스 앱에서 자주 반복되는 **화면/플로우 템플릿**을 제공하는 패키지입니다.
+Primitives를 조합한 반복 화면 구조와 UI flow를 제공한다. 공통 책임과 convention은
+[`../DESIGN-SYSTEM-GUIDE.md`](../DESIGN-SYSTEM-GUIDE.md)를 따른다.
 
-Next.js 서비스에서 primitives와 동일한 방식으로 **Raw TypeScript** 형태로 소비되며,
-`pnpm transpilePackages` 설정을 통해 빌드 파이프라인에 포함됩니다.
+API 호출, 비즈니스 판단, routing, i18n, 인증·권한은 Service가 소유한다.
 
-## Peer Dependencies
+## 설치
 
-- `@uniai-fe/uds-foundation@^0.0.1` (CSS 토큰 + reset)
-- `@uniai-fe/uds-primitives@^0.0.2` (템플릿 내부 UI 컴포넌트)
-- `react` `>= 19`, `react-dom` `>= 19`
-- Storybook/로컬 개발과 서비스 앱 모두 style load 순서를 명시해야 합니다. 자세한 기준은 아래 "스타일 전역 주입"을 따릅니다.
-
-> 템플릿은 primitives 위에서 동작하므로, `@uniai-fe/uds-primitives`가 설치되어 있지 않으면 빌드 타임에 peer dependency 경고가 발생합니다.
-
-## 특징
-
-- 화면 단위 템플릿:
-  - 로그인/회원가입/아이디·비밀번호 찾기 등 `/auth/**`
-  - 로그인 이후 화면을 위한 모바일 페이지 프레임 `/page-frame/mobile`(PC는 추후 `/page-frame/pc`)
-- Raw TS 배포:
-  - `package.json` root export가 `src/index.tsx`를 가리키며, 번들 없이 root namespace에서 즉시 import 가능한 형태로 제공합니다.
-- 디자인시스템 일관성:
-  - 스타일은 foundation style entry가 제공하는 CSS 변수(토큰)를 통해만 정의됩니다.
-  - UI 요소는 모두 `@uniai-fe/uds-primitives` 컴포넌트를 조합해 구성합니다.
-- 역할 분리:
-  - **templates**는 레이아웃/플로우/상태 표현까지 담당하고,
-  - API 호출, 인증 토큰 관리, 라우팅, i18n 등 비즈니스 로직은 서비스 앱에서 구현합니다.
-
-## Public import surface
-
-`@uniai-fe/uds-templates`의 공식 안정 public surface는 root namespace import다.
-
-```tsx
-import { Auth, Modal, Frame } from "@uniai-fe/uds-templates";
-```
-
-- `@uniai-fe/uds-templates/auth`, `@uniai-fe/uds-templates/modal`, `@uniai-fe/uds-templates/page-frame` 같은 category subpath는 현재 package export map에 없으므로 공식 사용 예시로 안내하지 않는다.
-- root에는 UI template namespace뿐 아니라 일부 API/helper/state surface도 함께 포함되어 있다. 이 책임 경계는 숨기지 않고 후속 package/API contract gate에서 정리한다.
-- category subpath 공개 여부는 package contract gate 후보로 남긴다.
-
-## 확인 완료 도구 목록
-
-아래 `/modal`, `/weather` 같은 표기는 API inventory를 묶는 카테고리 label이다. 실제 consumer import path는 현재 root namespace import를 기준으로 한다.
-
-- `/modal`
-  - `Modal.Provider`
-  - `Modal.StackProvider`
-  - `Modal.RouteReset`
-  - `Modal.useModal`
-  - `Modal.Alert`
-  - `Modal.Dialog`
-  - `createAlertModal`
-  - `createDialogModal`
-  - `modalStackAtom`
-  - `ModalState`
-  - `ModalStatePatch`
-  - `ModalProps`
-  - `ModalFooterButton`
-  - `AlertTemplateOptions`
-  - `DialogTemplateOptions`
-  - `UseModalReturn`
-- `/weather`
-  - `WeatherComponents.PageHeader`
-  - `WeatherPageHeader`
-  - `WeatherPageHeaderContainer`
-  - `WeatherPageHeaderAddress`
-  - `WeatherPageHeaderToday`
-  - `WeatherPageHeaderForecast`
-  - `WeatherPageHeaderAlert`
-  - `WeatherPageHeaderNextDays`
-  - `useWeather`
-  - `useWeatherAlert`
-  - `weatherCoordinate`
-  - `weatherFarmIdx`
-  - `WeatherPageHeaderContainerProps`
-  - `WeatherPageHeaderTexts`
-- `/service-inquiry`
-  - `ServiceInquiry.Form`
-  - `ServiceInquiry.OpenButton`
-  - `ServiceInquiry.NavButton`
-  - `ServiceInquiry.useOpen`
-  - `ServiceInquiry.useProvideContext`
-  - `ServiceInquiry.useUserContext`
-  - `ServiceInquiry.createModal`
-  - `ServiceInquiryFieldMode`
-  - `ServiceInquiryFormProps`
-  - `ServiceInquiryFormValues`
-  - `ServiceInquiryProvidedContext`
-- `/cctv`
-  - `CCTV.Provider`
-  - `CCTV.CamList.Container`
-  - `CCTV.Video.Container`
-  - `CCTV.Video.Contents`
-  - `CCTV.Video.Overlay.Container`
-  - `CCTV.Pagination.Container`
-  - `CCTV.Pagination.List.Container`
-  - `CCTV.Pagination.Button.Prev`
-  - `CCTV.Pagination.Button.Next`
-  - `CCTV.Viewer.Desktop.Container`
-  - `useCctvCompanyData`
-  - `useCctvContext`
-  - `useCctvRtcStream`
-  - `getServerCompanyList`
-  - `postCctvRtcToken`
-- `/page-frame`
-  - `Frame`
-  - `Frame.Mobile`
-  - `MobileFrame`
-  - `Frame.Desktop`
-  - `DesktopFrame`
-  - `MobileFrameProps`
-  - `PageFrameDesktopNavProps`
-  - `SitemapDataType`
-- `/edge-case`
-  - `EdgeCase`
-  - `EdgeCase.Empty`
-  - `EdgeCase.Loading`
-  - `EdgeCase.NotFound`
-  - `EdgeCaseEmptyProps`
-  - `EdgeCaseLoadingProps`
-  - `EdgeCaseNotFoundProps`
-
-## 현재 제공 템플릿/모듈
-
-- `/auth/**`
-  - 로그인 화면 템플릿 (Login)
-  - 회원가입 플로우 템플릿 (Sign Up, step 기반)
-  - 아이디 찾기 템플릿
-  - 비밀번호 찾기/재설정 템플릿
-- `/page-frame/**`
-  - `/page-frame/mobile`: 로그인 이후 화면을 위한 모바일 프레임(header/body/footer)
-  - `/page-frame/pc`: 추후 확장 예정
-- `/modal/**`
-  - ui-legacy 스택 기반 모달 Provider/Root/Container + 템플릿(`Modal.Alert`, `Modal.Dialog`)
-  - Storybook(`apps/design-storybook/src/stories/templates/modal`)에서 Alert/Confirm 케이스를 검증한다.
-- `/service-inquiry/**`
-  - 문의 입력 전용 form, 기본 원형 `?` open button, page-frame nav button, 커스텀 trigger용 open hook, 페이지 context 등록 hook, request context 조립 hook, 네트워크 오류 수집 hook, modal preset factory를 제공한다.
-  - 현재 form 기본 구조는 `이름`, `연락처`, `문의 유형`, `자세한 문의 내용` 4필드이며, `사진 첨부`는 구현 범위에서 제외한다.
-  - submit transport, React Query mutation, Next.js route handler, 에러 피드백(`Modal.Alert`)은 서비스 앱이 소유한다.
-  - 모듈 내부 Jotai registry를 사용하므로, layout 고정 버튼 1개와 페이지별 context 등록 hook 조합으로 ready-to-use 구성이 가능하다.
-  - `stackKey`는 필요할 때만 override하고, `useOpen` 계열은 기본적으로 현재 pathname 기준 `${pathname}/inquiry`를 사용한다.
-  - modal description은 기본으로 `"사용 중 문제가 있나요? 아래 내용을 적어 문의해 주세요."`를 사용하고 특수 문구가 필요할 때만 `dialogOptions.description`으로 덮어쓴다.
-  - 로그인 후 `farm_name`, `contact`를 auto-fill + readonly로 보여야 할 때는 `formContextOptions.defaultValues`와 `farmNameField.mode`, `contactField.mode`를 함께 전달한다.
-- `/weather/**`
-  - page-frame header utility에 결합되는 weather header 템플릿, page-header 조각 export, weather data hook/API 도구를 제공한다.
-  - page-header는 `locale?: string`을 받으며 기본 지원값은 `ko`, `en`, `ja`다. 기본 문구 외 특수 문구는 `texts` prop으로 주입한다.
-- `/cctv/**`
-  - finder/viewer/video/pagination 조합과 rtc/company-list API helper를 제공한다.
-- `/page-frame/**`
-  - mobile/desktop private route frame, nav/header/popup 조합을 제공한다.
-- `/edge-case/**`
-  - empty/loading/not-found 화면 상태 템플릿을 제공한다.
-  - primitives `Alternate.Layout.*`를 조합하며, 실제 routing/history 판정은 서비스 앱이 소유한다.
-
-각 템플릿의 상세한 범위와 의사결정은 `CONTEXT-*.md` 문서에서 관리합니다.
-
-### Service Inquiry 도입 흐름
-
-1. 서비스 앱이 `react-hook-form`으로 `defaultValues`와 `onSubmit`을 준비한다.
-2. layout 고정 버튼은 `ServiceInquiry.useUserContext()`로 모듈 내부 registry 기반 `requestContext`를 읽는다.
-3. 서비스 앱은 네트워크 오류가 발생했을 때 `ServiceInquiry.useNetworkError().reportNetworkError(...)`만 호출하고, 모듈이 이를 `user_context.network_errors`에 자동 병합한다.
-4. 각 페이지/폼은 `ServiceInquiry.useProvideContext({ labels, userContext })`로 `ServiceInquiryProvidedContext`를 등록한다.
-5. 비로그인 기본 버튼은 `ServiceInquiry.OpenButton`, 로그인 후 page-frame 진입 버튼은 `ServiceInquiry.NavButton`, 그 외 커스텀 버튼은 `ServiceInquiry.useOpen`으로 모달 open을 연결한다.
-6. modal footer confirm이 `ServiceInquiry.Form` submit 진입을 담당한다.
-7. 실제 submit은 서비스 앱의 `useMutation + Next.js route handler + Modal.Alert` 조합으로 처리한다.
-8. 표시 문구는 field별 `label`/`placeholder`/`helper`/`requiredMessage`, `inquiryTypeField.options`, `dialogOptions`, `NavButton.label`, `OpenButton.ariaLabel`로 필요한 항목만 주입한다.
-
-`service-inquiry`는 구조와 request context까지만 제공하고, 네트워크 상태/재시도/성공·실패 피드백은 서비스 앱이 소유합니다.
-
-### 회원가입 Step 구조
-
-1. **Step1 — User Info (name + phone)**: 기본 정보 입력. PhoneInput은 인증 UI 없이 마스킹만 제공한다.
-2. **Step2 — Verify & Agreement**: 약관 동의 + EmailInput(인증요청/타이머/OneTimeCode). alert/confirm는 서비스 앱이 직접 처리한다.
-3. **Step3 — Generate Account**: username/password/confirm + password 조건 helper.
-4. **Step4 — Complete**: 승인 대기 안내. CTA 명칭은 “Complete”만 사용한다.
-
-세부 props/스토리 구성은 `docs/CONTEXT-SIGNUP.md`, `docs/CONTEXT-SIGNUP-FLOW.md`, `docs/STORYBOOK.md`에서 확인하고 변경 시 세 문서를 동시에 업데이트한다.
-
-## 설치 & 기본 설정(Next.js 예시)
+현재 peer range는 `package.json`이 권위다.
 
 ```bash
 pnpm add @uniai-fe/uds-foundation @uniai-fe/uds-primitives @uniai-fe/uds-templates
 ```
 
-### 1) transpilePackages 설정
+Raw TypeScript package를 사용하는 Next.js 앱은 현재 package contract에 맞게
+`transpilePackages`를 설정한다.
 
 ```ts
-// next.config.ts
 const nextConfig = {
   transpilePackages: [
     "@uniai-fe/uds-foundation",
@@ -200,185 +28,48 @@ const nextConfig = {
 export default nextConfig;
 ```
 
-### 2) 스타일 전역 주입
+## Public entries
 
-templates style entry는 templates styles만 제공하며 foundation/primitives style을 다시 로드하지 않습니다. 서비스 앱은 app root 또는 global stylesheet에서 `foundation -> primitives -> templates` 순서로 style entry를 명시적으로 로드해야 합니다.
+Template component, type와 hook은 root public entry에서 가져온다. 실제 공개 범위는
+`package.json` `exports`와 public barrel이 권위다.
 
-CSS-only 소비:
+```tsx
+import { Frame, Modal } from "@uniai-fe/uds-templates";
+```
+
+`@uniai-fe/uds-templates/src/**`와 export map에 없는 category path는 public API가 아니다.
+
+## Styles
+
+CSS consumer는 dependency order대로 각 public entry를 로드한다.
 
 ```ts
-// app/layout.tsx
 import "@uniai-fe/uds-foundation/css";
 import "@uniai-fe/uds-primitives/css";
 import "@uniai-fe/uds-templates/css";
-
-export default function RootLayout(props: { children: React.ReactNode }) {
-  return (
-    <html lang="ko">
-      <body>{props.children}</body>
-    </html>
-  );
-}
 ```
 
-Sass 소비:
-
 ```scss
-/* app/globals.scss */
 @use "@uniai-fe/uds-foundation/scss";
 @use "@uniai-fe/uds-primitives/styles";
 @use "@uniai-fe/uds-templates/styles";
 ```
 
-## 간단 사용 예시
+Templates style entry는 Foundation/Primitives를 대신 로드하지 않는다.
 
-아래는 root namespace import와 prop shape를 보여주는 개념 예시다. App Router server page에서 직접 event handler를 넘기지 말고, client wrapper 또는 서비스 앱 로그인 컨테이너에서 조합한다.
+## Package-local docs
 
-```tsx
-"use client";
+- `docs/CONTEXT-INDEX.md`: category별 append-only 작업 이력 routing
+- `docs/CONTEXT-GUIDELINES.md`: 과거 전역 기록과 최신 priority delta
+- `docs/DESIGN-TEMPLATES-SESSION-GUIDE.md`: 작업 세션 입력과 실행 순서
+- `docs/STORYBOOK.md`: Templates Story routing
+- 그 외 `docs/CONTEXT*.md`: category·issue별 근거와 시행착오
 
-import { Auth } from "@uniai-fe/uds-templates";
+## Commands
 
-export function LoginTemplateExample() {
-  return (
-    <Auth.Login.Container
-      header={<img src="/logo.svg" alt="서비스 로고" />}
-      fieldOptions={{
-        onLogin: async (values) => {
-          // 실제 로그인 API 호출은 서비스 앱에서 구현
-          // await login(values);
-        },
-      }}
-      linkOptions={{
-        find: {
-          id: "/auth/find-id",
-          password: "/auth/find-password",
-        },
-        signup: "/auth/signup",
-      }}
-    />
-  );
-}
-```
-
-> 위 예시는 개념을 설명하기 위한 형태이며,
-> 실제 props 구조/이름은 `CONTEXT-AUTH.md`에서 확정·관리합니다.
-
-> modules 레포 내부 Storybook은 local render setup으로 `@uniai-fe/uds-foundation/css` → `@uniai-fe/uds-primitives/styles` → `@uniai-fe/uds-templates/styles`를 사용한다. 이 설정은 Storybook 렌더링 검증용이며, 외부 consumer setup은 위 CSS-only/Sass 계약을 따른다.
-
-### 최근 업데이트
-
-- Modal CSS 변수 네임스페이스를 `--modal-*`, `--modal-alert-*`, `--modal-dialog-*` 세 축으로 통일했다. 기존 `--dialog-*` 이름을 사용하지 말고, Auth 템플릿이 Alert을 호출할 때에는 반드시 `Modal.Alert` 팩토리를 통해 렌더링한다.
-- Auth(회원가입/아이디 찾기/비밀번호 찾기) 템플릿은 이메일 인증 타이머 5분, alert 문구, readonly 이메일 필드, 완료 단계 헤더 제거 등 최신 플로우를 반영했다. 모듈에서 `window.alert`/`window.confirm`을 호출하지 않고, 서비스 앱이 Modal helper를 주입하는 구조를 README와 `CONTEXT-AUTH*.md`에 명시했다.
-- Edge Case 템플릿은 `EdgeCase.Empty`, `EdgeCase.Loading`, `EdgeCase.NotFound` namespace로 공개한다. `NotFound`는 `onPrev` 또는 `fallbackHref="/"`를 연결하지만 `router.back()`이나 service-origin 판정은 실행하지 않는다.
-
-### 토큰 스코프 & ThemeProvider
-
-- templates CSS/styles는 templates module styles만 제공하며 upstream foundation/primitives styles를 초기화하지 않습니다.
-- 서비스 앱은 foundation ThemeProvider가 주입하는 `.uds-theme-root`를 루트에 유지할 수 있지만, ThemeProvider는 CSS를 import하지 않습니다.
-- CSS-only 소비자는 `@uniai-fe/uds-foundation/css` → `@uniai-fe/uds-primitives/css` → `@uniai-fe/uds-templates/css` 순서를 사용합니다.
-- Sass 소비자는 `@uniai-fe/uds-foundation/scss` → `@uniai-fe/uds-primitives/styles` → `@uniai-fe/uds-templates/styles` 순서를 사용합니다.
-
-## Modal 모듈 사용법
-
-ui-legacy에서 사용하던 모달 스택/옵션을 templates 레이어로 옮겨왔습니다. 핵심 흐름은 다음과 같습니다.
-
-1. **Provider 1회 장착** — 서비스 레이아웃에서 `<Modal.Provider />`를 렌더합니다.
-2. **Route Reset 장착** — `<Modal.RouteReset />`을 Provider와 같은 레벨에서 렌더해 경로 변경 시 스택을 초기화합니다.
-3. **훅 사용** — `const { newModal, closeModal, hasBlockingModal } = Modal.useModal();`
-4. **템플릿 팩토리** — `Modal.Alert`, `Modal.Dialog`이 `ModalState` 객체를 반환하므로 `newModal(...)`에 그대로 전달합니다.
-
-```tsx
-// app/layout.tsx
-import "@uniai-fe/uds-foundation/css";
-import "@uniai-fe/uds-primitives/css";
-import "@uniai-fe/uds-templates/css";
-import { Modal } from "@uniai-fe/uds-templates";
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="ko">
-      <body>
-        <>
-          {children}
-          <Modal.Provider />
-          <Modal.RouteReset />
-        </>
-      </body>
-    </html>
-  );
-}
-```
-
-```tsx
-// 예: Alert/Confirm 호출
-import { Modal } from "@uniai-fe/uds-templates";
-
-export function ExampleActions() {
-  const { newModal } = Modal.useModal();
-
-  const openAlert = () =>
-    newModal(
-      Modal.Alert({
-        stackKey: "sample/alert",
-        message: "필수 항목 동의에 체크해 주세요.",
-        confirm: { label: "확인" },
-      }),
-    );
-
-  const openConfirm = () =>
-    newModal(
-      Modal.Dialog({
-        stackKey: "sample/confirm",
-        title: "저장하시겠어요?",
-        content: "입력한 내용이 저장되며 되돌릴 수 없습니다.",
-        confirm: {
-          label: "저장",
-          onClick: () => {
-            // 서비스 동작
-          },
-        },
-        cancel: { label: "취소" },
-      }),
-    );
-
-  return (
-    <>
-      <button onClick={openAlert}>Alert</button>
-      <button onClick={openConfirm}>Confirm</button>
-    </>
-  );
-}
+```bash
+pnpm format:check
+pnpm lint
+pnpm typecheck
+pnpm check
 ```
-
-- footer 버튼은 ui-legacy와 동일하게 `stackKey`, `role`, `defaultOptions/linkOptions` 구조로 관리하며, Alert(Text)/Dialog(Solid) 규격은 templates 내부에서 보장합니다.
-- `closeOnOutsideClick?: boolean`으로 overlay 클릭 닫힘을 제어할 수 있습니다. 기본값은 `true`입니다.
-- `preventRouteChange?: boolean`은 현재 열린 modal 중 route 변경 확인이 필요한 modal이 있는지 집계할 때 사용합니다. 서비스 앱은 `hasBlockingModal`을 읽어 공통 confirm UX를 연결할 수 있습니다.
-- Route Reset을 누락하면 이전 라우트의 모달 스택이 그대로 남으므로, layout 수준에서 Provider와 함께 반드시 렌더합니다.
-- 세부 가드레일·확장 기록은 `CONTEXT-MODAL.md`를 참고하고, 새 템플릿을 추가할 때 해당 문서를 선행 업데이트합니다.
-
-## Scripts
-
-패키지 루트에서 실행 가능한 대표 명령:
-
-- `pnpm module:lint` — ESLint 전역 규칙 점검
-- `pnpm module:typecheck` — TS 타입 검사 (`tsconfig.build.json` 기준)
-- `pnpm module:build` — lint → typecheck 순으로 배포 전 검증
-- `pnpm design-templates:dev` — 타입 검사 watch 모드
-
-모노레포 루트에서는 `pnpm --filter @uniai-fe/uds-templates <command>` 또는 `pnpm modules:build`(turbo run)으로 전체 패키지를 빌드할 수 있습니다.
-
-## 문서
-
-- `CONTEXT.md` — templates 패키지 전체 상황/진행 현황 인덱스
-- `CONTEXT-GUIDELINES.md` — templates 전역 규칙(슬롯/반응형/page-frame 적용 범위 등)
-- `CONTEXT-AUTH.md` — `/auth/**` 템플릿 범위/디자인 근거/Figma 링크
-- `CONTEXT-SIGNUP.md`, `CONTEXT-SIGNUP-FLOW.md` — 회원가입 단계/훅/스토리 전략 및 Figma node 표
-- `CONTEXT-PAGE-FRAME.md` — `/page-frame/**` 템플릿 범위/디자인 근거
-- `FOUNDATION-USAGE-GUIDE.md` — 템플릿에서 design-foundation 토큰을 사용하는 규칙
-- `PRIMITIVES-USAGE-GUIDE.md` — 템플릿에서 design-primitives를 사용하는 규칙
-- `STORYBOOK.md` — templates Storybook 가이드(로그인/회원가입/페이지 프레임 시나리오)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.11.4",
+  "version": "0.11.6",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,
@@ -37,7 +37,7 @@
   "peerDependencies": {
     "@tanstack/react-query": ">=5 <6",
     "@uniai-fe/uds-foundation": "^0.4.8 || ^0.5.0",
-    "@uniai-fe/uds-primitives": "^0.8.0 || ^0.9.0 || ^0.10.0",
+    "@uniai-fe/uds-primitives": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0",
     "@uniai-fe/util-api": "^0.1.15 || ^0.2.0",
     "@uniai-fe/util-functions": "^0.3.0 || ^0.4.0",
     "@uniai-fe/util-jotai": "^0.1.9 || ^0.2.0 || ^0.3.0",
@@ -69,15 +69,15 @@
     "typescript": "6.0.3",
     "@uniai-fe/eslint-config": "0.4.2",
     "@uniai-fe/next-devkit": "0.4.0",
-    "@uniai-fe/tsconfig": "0.2.0",
     "@uniai-fe/react-hooks": "0.3.0",
-    "@uniai-fe/uds-primitives": "0.10.3",
+    "@uniai-fe/util-api": "0.2.1",
+    "@uniai-fe/tsconfig": "0.2.0",
     "@uniai-fe/util-functions": "0.4.3",
     "@uniai-fe/util-jotai": "0.3.0",
-    "@uniai-fe/util-rtc": "0.2.1",
     "@uniai-fe/util-next": "0.5.0",
-    "@uniai-fe/util-api": "0.2.1",
-    "@uniai-fe/uds-foundation": "0.5.0"
+    "@uniai-fe/uds-primitives": "0.12.0",
+    "@uniai-fe/uds-foundation": "0.5.0",
+    "@uniai-fe/util-rtc": "0.2.1"
   },
   "scripts": {
     "check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",

package/src/modal/components/core/footer/Button.tsx

@@ -47,7 +47,8 @@ export function ModalFooterButtonElement({
 
   if (appearance === "text") {
     const textPriority =
-      defaultOptions.priority && defaultOptions.priority !== "primary"
+      defaultOptions.priority === "secondary" ||
+      defaultOptions.priority === "tertiary"
         ? defaultOptions.priority
         : "secondary";