@uniai-fe/uds-templates 0.7.1 → 0.8.1

package/THIRD_PARTY_NOTICES.md

@@ -5,13 +5,13 @@ Package: @uniai-fe/uds-templates
 This package declares the following direct third-party dependencies or peer dependencies.
 Internal `@uniai-fe/*` packages are excluded from this notice file.
 
-| Package               | Relationship               | Declared version | Installed metadata version | License |
-| --------------------- | -------------------------- | ---------------- | -------------------------- | ------- |
-| @tanstack/react-query | peerDependency             | ^5               | 5.101.0                    | MIT     |
-| clsx                  | dependency, peerDependency | ^2.1.1           | 2.1.1                      | MIT     |
-| dayjs                 | dependency                 | ^1.11.21         | 1.11.21                    | MIT     |
-| jotai                 | peerDependency             | ^2               | 2.20.1                     | MIT     |
-| next                  | peerDependency             | ^15              | 15.5.18                    | MIT     |
-| react                 | peerDependency             | ^19              | 19.2.7                     | MIT     |
-| react-dom             | peerDependency             | ^19              | 19.2.7                     | MIT     |
-| react-hook-form       | peerDependency             | ^7               | 7.78.0                     | MIT     |
+| Package               | Relationship               | License |
+| --------------------- | -------------------------- | ------- |
+| @tanstack/react-query | peerDependency             | MIT     |
+| clsx                  | dependency, peerDependency | MIT     |
+| dayjs                 | dependency                 | MIT     |
+| jotai                 | peerDependency             | MIT     |
+| next                  | peerDependency             | MIT     |
+| react                 | peerDependency             | MIT     |
+| react-dom             | peerDependency             | MIT     |
+| react-hook-form       | peerDependency             | MIT     |

package/dist/styles.css

@@ -28,16 +28,13 @@
   --frame-safe-area-top: env(safe-area-inset-top, 0px);
   --frame-safe-area-bottom: env(safe-area-inset-bottom, 0px);
   --uds-page-frame-height: min(
-  100svh,
-  100dvh,
-  var(--frame-device-height, 812px)
+    100svh,
+    100dvh,
+    var(--frame-device-height, 812px)
   );
   --uds-page-frame-header-padding-top: var(--frame-safe-area-top);
   --uds-page-frame-footer-safe-area: var(--frame-safe-area-bottom);
-  --uds-page-frame-max-width: var(
-  --frame-device-width,
-  480px
-  );
+  --uds-page-frame-max-width: var(--frame-device-width, 480px);
   --modal-overlay-bg: rgba(5, 6, 12, 0.55);
   --modal-panel-width: 360px;
   --modal-panel-max-width: calc(100vw - var(--spacing-padding-10) * 2);
@@ -53,8 +50,8 @@
   --modal-dialog-title-color: var(--color-label-strong);
   --modal-dialog-title-font-size: var(--font-heading-small-size);
   --modal-dialog-title-line-height: var(
-  --font-heading-small-line-height,
-  1.4em
+    --font-heading-small-line-height,
+    1.4em
   );
   --modal-dialog-title-weight: var(--font-heading-small-weight);
   --modal-dialog-body-color: var(--color-label-standard);
@@ -64,7 +61,7 @@
   --auth-container-gap: var(--spacing-padding-7, 28px);
   --auth-container-padding-inline: var(--spacing-padding-6, 24px);
   --auth-container-padding-top: calc(
-  var(--spacing-padding-9, 32px) + env(safe-area-inset-top, 0px)
+    var(--spacing-padding-9, 32px) + env(safe-area-inset-top, 0px)
   );
   --auth-container-padding-bottom: var(--spacing-padding-10, 40px);
   --weather-page-header-height: 2.4rem;
@@ -99,9 +96,9 @@
   --cctv-overlay-padding-y: var(--spacing-padding-6);
   --cctv-video-bg: var(--color-surface-heavy);
   --cctv-overlay-bg: linear-gradient(
-  180deg,
-  rgba(0, 0, 0, 0) 0%,
-  rgba(0, 0, 0, 0.2) 100%
+    180deg,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.2) 100%
   );
   /* Live State */
   --cctv-live-state-bg-on: var(--color-cool-gray-10);
@@ -144,7 +141,6 @@
 /* 템플릿 레벨 스타일을 통합해 서비스 앱이 단일 엔트리만 import하도록 구성한다. */
 /* namespace 충돌을 막기 위해 모든 @use 경로에 고유 alias를 부여한다. */
 
-
 .page-frame-container {
   width: 100%;
   min-height: 100vh;
@@ -168,7 +164,8 @@
 .page-frame-service-main-wrapper {
   width: 100%;
   height: calc(100% - var(--uds-page-header-height));
-  padding: var(--uds-page-body-padding-vertical) var(--uds-page-body-padding-horizontal);
+  padding: var(--uds-page-body-padding-vertical)
+    var(--uds-page-body-padding-horizontal);
   background-color: var(--uds-page-body-background);
   overflow-y: auto;
   position: relative;
@@ -182,7 +179,8 @@
 .page-frame-header {
   width: 100%;
   height: var(--uds-page-header-height);
-  padding: var(--uds-page-header-padding-vertical) var(--uds-page-header-padding-horizontal);
+  padding: var(--uds-page-header-padding-vertical)
+    var(--uds-page-header-padding-horizontal);
   background: var(--uds-page-header-background);
   border-bottom: 1px solid var(--uds-page-header-border);
   display: flex;
@@ -261,7 +259,8 @@
 .page-frame-nav-body {
   width: 100%;
   height: calc(100% - var(--uds-page-nav-logo-height));
-  padding: var(--uds-page-nav-body-padding-vertical) var(--uds-page-nav-body-padding-horizontal);
+  padding: var(--uds-page-nav-body-padding-vertical)
+    var(--uds-page-nav-body-padding-horizontal);
   display: flex;
   flex-direction: column;
   overflow: auto;
@@ -269,7 +268,8 @@
 
 .page-frame-nav-list {
   width: 100%;
-  padding: var(--uds-page-nav-list-padding-vertical) var(--uds-page-nav-list-padding-horizontal);
+  padding: var(--uds-page-nav-list-padding-vertical)
+    var(--uds-page-nav-list-padding-horizontal);
 }
 
 .page-frame-nav-item {
@@ -283,7 +283,9 @@
   height: var(--uds-page-nav-item-height);
   text-decoration: none;
   color: var(--uds-page-nav-item-color-default);
-  transition: color 0.2s, fill 0.2s;
+  transition:
+    color 0.2s,
+    fill 0.2s;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -409,8 +411,6 @@
   padding: var(--spacing-padding-9);
 }
 
-
-
 .page-frame-mobile-shell {
   display: grid;
   grid-template-rows: auto 1fr auto;
@@ -513,7 +513,6 @@
 
 /* foundation CSS는 소비 앱 루트에서 한 번만 로드된다는 전제하에 토큰만 참조한다. */
 
-
 .uds-modal-root {
   position: fixed;
   inset: 0;
@@ -528,8 +527,17 @@
 .uds-modal-surface {
   position: relative;
   width: 100%;
-  max-width: min(var(--modal-panel-width, 360px), var(--modal-panel-max-width, calc(100vw - var(--spacing-padding-10, 32px) * 2)));
-  max-height: var(--modal-panel-max-height, calc(100vh - var(--spacing-padding-10, 32px) * 2));
+  max-width: min(
+    var(--modal-panel-width, 360px),
+    var(
+      --modal-panel-max-width,
+      calc(100vw - var(--spacing-padding-10, 32px) * 2)
+    )
+  );
+  max-height: var(
+    --modal-panel-max-height,
+    calc(100vh - var(--spacing-padding-10, 32px) * 2)
+  );
   background-color: var(--modal-panel-bg, var(--color-surface-static-white));
   border-radius: var(--modal-panel-radius, var(--theme-radius-large-1));
   box-shadow: var(--modal-panel-shadow, 0px 18px 40px rgba(8, 11, 30, 0.18));
@@ -546,10 +554,11 @@
   pointer-events: auto;
 }
 
-.uds-modal-root[data-state=init], .uds-modal-root[data-state=open] {
+.uds-modal-root[data-state="init"],
+.uds-modal-root[data-state="open"] {
   pointer-events: auto;
 }
-.uds-modal-root[data-state=closed] {
+.uds-modal-root[data-state="closed"] {
   pointer-events: none;
 }
 
@@ -557,10 +566,10 @@
   opacity: 0;
   transition: opacity 0.2s ease;
 }
-.uds-modal-root[data-state=open] .uds-modal-dimmer {
+.uds-modal-root[data-state="open"] .uds-modal-dimmer {
   opacity: 1;
 }
-.uds-modal-root[data-state=closed] .uds-modal-dimmer {
+.uds-modal-root[data-state="closed"] .uds-modal-dimmer {
   opacity: 0;
 }
 
@@ -615,13 +624,13 @@
   gap: var(--spacing-gap-4);
   align-items: stretch;
 }
-.uds-modal-footer-group[data-position=left] {
+.uds-modal-footer-group[data-position="left"] {
   justify-content: flex-start;
 }
-.uds-modal-footer-group[data-position=center] {
+.uds-modal-footer-group[data-position="center"] {
   justify-content: center;
 }
-.uds-modal-footer-group[data-position=right] {
+.uds-modal-footer-group[data-position="right"] {
   justify-content: flex-end;
 }
 
@@ -637,39 +646,49 @@
   gap: 0;
 }
 
-.uds-modal-footer-button[data-width=full] {
+.uds-modal-footer-button[data-width="full"] {
   flex: 1 1 100%;
   max-width: 100%;
 }
 
-.uds-modal-footer-button[data-width=fill] {
+.uds-modal-footer-button[data-width="fill"] {
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.uds-modal-footer-button[data-width=auto] {
+.uds-modal-footer-button[data-width="auto"] {
   flex: 0 1 auto;
 }
 
-.uds-modal-footer-button[data-width=fit] {
+.uds-modal-footer-button[data-width="fit"] {
   flex: 0 0 auto;
 }
 
-.uds-modal-footer-buttons[data-appearance=text] {
+.uds-modal-footer-buttons[data-appearance="text"] {
   padding: 0;
   gap: 0;
   min-height: var(--notice-dialog-action-height, 56px);
-  border-top: 1px solid var(--modal-footer-border-color, var(--color-border-standard-cool-gray, #e4e5e7));
+  border-top: 1px solid
+    var(
+      --modal-footer-border-color,
+      var(--color-border-standard-cool-gray, #e4e5e7)
+    );
 }
-.uds-modal-footer-buttons[data-appearance=text] .uds-modal-footer-group {
+.uds-modal-footer-buttons[data-appearance="text"] .uds-modal-footer-group {
   flex-wrap: nowrap;
   gap: 0;
 }
-.uds-modal-footer-buttons[data-appearance=text] .uds-modal-footer-button {
+.uds-modal-footer-buttons[data-appearance="text"] .uds-modal-footer-button {
   border-radius: 0;
 }
-.uds-modal-footer-buttons[data-appearance=text] .uds-modal-footer-button + .uds-modal-footer-button {
-  border-left: 1px solid var(--modal-footer-border-color, var(--color-border-standard-cool-gray, #e4e5e7));
+.uds-modal-footer-buttons[data-appearance="text"]
+  .uds-modal-footer-button
+  + .uds-modal-footer-button {
+  border-left: 1px solid
+    var(
+      --modal-footer-border-color,
+      var(--color-border-standard-cool-gray, #e4e5e7)
+    );
 }
 
 .uds-modal-footer-button-solid {
@@ -736,7 +755,8 @@
   align-items: center;
   gap: var(--spacing-gap-1);
 }
-.uds-modal-dialog-header-leading-content > :where(p, span, strong, em):not([class]) {
+.uds-modal-dialog-header-leading-content
+  > :where(p, span, strong, em):not([class]) {
   color: var(--modal-dialog-title-color);
   font-size: var(--modal-dialog-body-font-size);
   line-height: 1.4em;
@@ -748,7 +768,8 @@
   justify-content: center;
   text-align: center;
 }
-.uds-modal-dialog-header-title > :where(h1, h2, h3, h4, h5, h6, p, span, strong, em):not([class]) {
+.uds-modal-dialog-header-title
+  > :where(h1, h2, h3, h4, h5, h6, p, span, strong, em):not([class]) {
   margin: 0;
   color: var(--modal-dialog-title-color);
   font-size: var(--modal-dialog-title-font-size);
@@ -766,7 +787,8 @@
   margin: 0;
   text-align: inherit;
 }
-.uds-modal-dialog-header-description > :where(p, span, strong, em):not([class]) {
+.uds-modal-dialog-header-description
+  > :where(p, span, strong, em):not([class]) {
   margin: 0;
   color: var(--modal-dialog-body-color);
   font-size: var(--modal-dialog-body-font-size);
@@ -774,18 +796,20 @@
   font-weight: var(--font-body-small-weight);
 }
 
-.uds-modal-dialog-header[data-layout=split] .uds-modal-dialog-header-content,
-.uds-modal-dialog-header[data-has-right=true] .uds-modal-dialog-header-content {
+.uds-modal-dialog-header[data-layout="split"] .uds-modal-dialog-header-content,
+.uds-modal-dialog-header[data-has-right="true"]
+  .uds-modal-dialog-header-content {
   text-align: left;
 }
 
-.uds-modal-dialog-header[data-layout=split] .uds-modal-dialog-header-leading,
-.uds-modal-dialog-header[data-has-right=true] .uds-modal-dialog-header-leading {
+.uds-modal-dialog-header[data-layout="split"] .uds-modal-dialog-header-leading,
+.uds-modal-dialog-header[data-has-right="true"]
+  .uds-modal-dialog-header-leading {
   justify-content: flex-start;
 }
 
 .uds-modal-dialog-body-content {
-  padding: var(--modal-dialog-body-padding, );
+  padding: var(--modal-dialog-body-padding,);
   text-align: center;
   word-break: keep-all;
   color: var(--modal-dialog-body-color);
@@ -804,13 +828,15 @@
 .uds-modal-surface {
   opacity: 0;
   transform: translate3d(0, 12px, 0);
-  transition: opacity 0.2s ease, transform 0.2s ease;
+  transition:
+    opacity 0.2s ease,
+    transform 0.2s ease;
 }
-.uds-modal-root[data-state=open] .uds-modal-surface {
+.uds-modal-root[data-state="open"] .uds-modal-surface {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
-.uds-modal-root[data-state=closed] .uds-modal-surface {
+.uds-modal-root[data-state="closed"] .uds-modal-surface {
   opacity: 0;
   transform: translate3d(0, 12px, 0);
   pointer-events: none;
@@ -850,7 +876,13 @@
   line-height: 1.4;
   letter-spacing: 0.2px;
   color: var(--color-label-standard);
-  font-family: "Pretendard JP Variable", "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-family:
+    "Pretendard JP Variable",
+    "Pretendard",
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    sans-serif;
 }
 
 .auth-stage-headline-description {
@@ -858,14 +890,21 @@
   font-size: 14px;
   line-height: 1.4;
   color: var(--color-label-assistive);
-  font-family: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-family:
+    "Pretendard",
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    sans-serif;
 }
 
-
-
 .auth-container {
   min-height: min(100svh, 100dvh);
-  padding: var(--auth-container-padding-top) var(--auth-container-padding-inline) calc(var(--auth-container-padding-bottom) + env(safe-area-inset-bottom, 0px));
+  padding: var(--auth-container-padding-top)
+    var(--auth-container-padding-inline)
+    calc(
+      var(--auth-container-padding-bottom) + env(safe-area-inset-bottom, 0px)
+    );
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -1057,7 +1096,8 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-bottom: 1px solid var(--color-border-standard, var(--primitive-coolgray-90, #e4e5e7));
+  border-bottom: 1px solid
+    var(--color-border-standard, var(--primitive-coolgray-90, #e4e5e7));
   min-height: var(--spacing-padding-14);
   padding-bottom: var(--spacing-padding-2);
 }
@@ -1143,7 +1183,10 @@
   min-width: 230px;
   padding: 0 var(--spacing-padding-6, 16px);
   border-radius: var(--theme-radius-medium-3, 8px);
-  background: var(--color-background-alternative-cool-gray, var(--color-cool-gray-95, #f2f2f3));
+  background: var(
+    --color-background-alternative-cool-gray,
+    var(--color-cool-gray-95, #f2f2f3)
+  );
 }
 
 .auth-find-account-id-summary-row {
@@ -1193,11 +1236,11 @@
   flex-shrink: 0;
 }
 
-.auth-find-account-password-rule[data-satisfied=true] {
+.auth-find-account-password-rule[data-satisfied="true"] {
   color: var(--color-label-positive);
 }
 
-.auth-find-account-password-rule[data-satisfied=true]::before {
+.auth-find-account-password-rule[data-satisfied="true"]::before {
   background: var(--color-label-positive);
 }
 
@@ -1247,16 +1290,22 @@
   align-items: center;
   gap: var(--spacing-gap-1);
 }
-.auth-password-helper-item[data-state=complete] .auth-password-helper-text {
+.auth-password-helper-item[data-state="complete"] .auth-password-helper-text {
   color: var(--color-success);
 }
-.auth-password-helper-item[data-state=complete] .auth-set-password-icon svg path {
+.auth-password-helper-item[data-state="complete"]
+  .auth-set-password-icon
+  svg
+  path {
   fill: var(--color-success);
 }
-.auth-password-helper-item[data-state=error] .auth-password-helper-text {
+.auth-password-helper-item[data-state="error"] .auth-password-helper-text {
   color: var(--color-error);
 }
-.auth-password-helper-item[data-state=error] .auth-set-password-icon svg path {
+.auth-password-helper-item[data-state="error"]
+  .auth-set-password-icon
+  svg
+  path {
   fill: var(--color-error);
 }
 
@@ -1412,7 +1461,7 @@
   stroke: currentColor;
 }
 
-.auth-signup-agreement-toggle[data-checked=true] .auth-signup-agreement-icon {
+.auth-signup-agreement-toggle[data-checked="true"] .auth-signup-agreement-icon {
   color: var(--color-primary-default);
 }
 
@@ -1429,7 +1478,7 @@
   font-weight: 400;
   color: var(--color-primary-default);
 }
-.auth-signup-agreement-badge[data-required=false] {
+.auth-signup-agreement-badge[data-required="false"] {
   color: var(--color-label-standard);
 }
 
@@ -1515,8 +1564,6 @@
   letter-spacing: 0px;
 }
 
-
-
 .weather-page-header {
   display: flex;
   align-items: center;
@@ -1676,8 +1723,6 @@
   line-height: inherit;
 }
 
-
-
 .cctv-video-container {
   position: relative;
   width: 100%;
@@ -1686,7 +1731,7 @@
   border-radius: var(--cctv-video-radius);
   background: var(--cctv-video-bg);
 }
-.cctv-video-container[data-error=true] .cctv-video-box {
+.cctv-video-container[data-error="true"] .cctv-video-box {
   visibility: hidden;
 }
 
@@ -1898,7 +1943,10 @@
 .cctv-cam-list-track {
   display: grid;
   width: 100%;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--cctv-list-item-min-width)), 1fr));
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(min(100%, var(--cctv-list-item-min-width)), 1fr)
+  );
   gap: var(--cctv-list-gap);
   padding: 0;
   margin: 0;
@@ -1940,7 +1988,10 @@
 }
 
 .cctv-pagination-list-container {
-  width: calc(100% - var(--cctv-pagination-move-button-size) * 2 - var(--cctv-carousel-gap) * 2);
+  width: calc(
+    100% - var(--cctv-pagination-move-button-size) * 2 -
+      var(--cctv-carousel-gap) * 2
+  );
 }
 
 .cctv-pagination-viewport {
@@ -2009,8 +2060,6 @@
   margin-top: var(--spacing-gap-8);
 }
 
-
-
 .service-inquiry-form {
   display: flex;
   flex-direction: column;
@@ -2053,7 +2102,7 @@
   line-height: 1.4;
 }
 
-.service-inquiry-type-option:where([data-selected=true]) {
+.service-inquiry-type-option:where([data-selected="true"]) {
   background-color: var(--service-inquiry-type-bg-selected);
   color: var(--service-inquiry-type-color-selected);
   font-weight: var(--service-inquiry-type-font-weight-selected);
@@ -2078,7 +2127,7 @@
   width: 100%;
 }
 
-.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) {
+.edge-case:where(.edge-case-not-found, [data-edge-case="not-found"]) {
   --alternate-layout-min-block-size: 100dvh;
   --alternate-layout-gap: var(--spacing-gap-3);
   --alternate-layout-figure-size: 128px;
@@ -2104,20 +2153,26 @@
   );
   --button-default-font-label-medium-weight: var(--font-label-small-weight);
   --button-default-font-weight: var(--font-label-small-weight);
-  padding: calc(var(--spacing-padding-11) + var(--spacing-padding-7)) var(--spacing-padding-8);
+  padding: calc(var(--spacing-padding-11) + var(--spacing-padding-7))
+    var(--spacing-padding-8);
   border: 1px solid var(--color-border-assistive);
   border-radius: var(--theme-radius-large-1);
   background: var(--color-common-100);
 }
-.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-figure) {
+.edge-case:where(.edge-case-not-found, [data-edge-case="not-found"])
+  :where(.alternate-layout-figure) {
   margin-bottom: var(--spacing-gap-3);
 }
-.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-contents) {
+.edge-case:where(.edge-case-not-found, [data-edge-case="not-found"])
+  :where(.alternate-layout-contents) {
   white-space: nowrap;
 }
-.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-contents) :where(p + p) {
+.edge-case:where(.edge-case-not-found, [data-edge-case="not-found"])
+  :where(.alternate-layout-contents)
+  :where(p + p) {
   margin-top: var(--spacing-gap-3);
 }
-.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-button) {
+.edge-case:where(.edge-case-not-found, [data-edge-case="not-found"])
+  :where(.alternate-layout-button) {
   margin-top: var(--spacing-gap-3);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.7.1",
+  "version": "0.8.1",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,
@@ -13,10 +13,9 @@
   "publishConfig": {
     "access": "public"
   },
-  "packageManager": "pnpm@10.33.3",
   "engines": {
     "node": ">=24",
-    "pnpm": ">=10"
+    "pnpm": ">=11"
   },
   "author": {
     "name": "GraffitoRyu",
@@ -35,35 +34,20 @@
     "./styles": "./src/index.scss",
     "./css": "./dist/styles.css"
   },
-  "scripts": {
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "lint": "eslint . --max-warnings=0",
-    "typecheck": "tsc --project tsconfig.build.json --noEmit",
-    "build": "pnpm format && pnpm typecheck && pnpm css:build",
-    "css:build": "sass --load-path=node_modules src/index.scss dist/styles.css --style=expanded --no-source-map && node ./scripts/merge-theme-root.mjs dist/styles.css --selector=:root",
-    "dev": "tsc --project tsconfig.build.json --watch --noEmit",
-    "module:lint": "pnpm lint",
-    "module:typecheck": "pnpm typecheck",
-    "module:build": "pnpm build",
-    "design-templates:build": "pnpm run build",
-    "design-templates:dev": "pnpm run dev",
-    "publish:public": "bash ../../../scripts/npm-publish.sh"
-  },
   "peerDependencies": {
-    "@tanstack/react-query": "^5",
-    "@uniai-fe/uds-foundation": "^0.4.8",
-    "@uniai-fe/uds-primitives": "^0.8.0",
-    "@uniai-fe/util-api": "^0.1.15",
-    "@uniai-fe/util-functions": "^0.3.0",
-    "@uniai-fe/util-jotai": "^0.1.9",
-    "@uniai-fe/util-next": "^0.3.0",
-    "@uniai-fe/util-rtc": "^0.1.4",
-    "jotai": "^2",
-    "next": "^15",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-hook-form": "^7",
+    "@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",
+    "@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",
+    "@uniai-fe/util-next": "^0.3.0 || ^0.4.0",
+    "@uniai-fe/util-rtc": "^0.1.4 || ^0.2.0",
+    "jotai": ">=2 <3",
+    "next": ">=15 <16",
+    "react": ">=19 <20",
+    "react-dom": ">=19 <20",
+    "react-hook-form": ">=7 <8",
     "clsx": "^2.1.1"
   },
   "dependencies": {
@@ -76,23 +60,45 @@
     "@types/node": "^24.12.3",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@uniai-fe/eslint-config": "workspace:*",
-    "@uniai-fe/next-devkit": "workspace:*",
-    "@uniai-fe/react-hooks": "workspace:*",
-    "@uniai-fe/tsconfig": "workspace:*",
-    "@uniai-fe/uds-foundation": "workspace:*",
-    "@uniai-fe/uds-primitives": "workspace:*",
-    "@uniai-fe/util-api": "workspace:*",
-    "@uniai-fe/util-functions": "workspace:*",
-    "@uniai-fe/util-jotai": "workspace:*",
-    "@uniai-fe/util-next": "workspace:*",
-    "@uniai-fe/util-rtc": "workspace:*",
     "eslint": "^9.39.2",
     "jotai": "^2.20.1",
     "next": "^15.5.18",
     "prettier": "^3.8.4",
     "react-hook-form": "^7.80.0",
     "sass": "^1.101.0",
-    "typescript": "5.9.3"
+    "typescript": "6.0.3",
+    "@uniai-fe/uds-primitives": "0.9.1",
+    "@uniai-fe/util-api": "0.2.1",
+    "@uniai-fe/next-devkit": "0.3.0",
+    "@uniai-fe/util-functions": "0.4.0",
+    "@uniai-fe/tsconfig": "0.2.0",
+    "@uniai-fe/util-jotai": "0.2.0",
+    "@uniai-fe/uds-foundation": "0.5.0",
+    "@uniai-fe/react-hooks": "0.2.0",
+    "@uniai-fe/eslint-config": "0.2.0",
+    "@uniai-fe/util-rtc": "0.2.0",
+    "@uniai-fe/util-next": "0.4.1"
+  },
+  "scripts": {
+    "check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",
+    "check:pre-push": "pnpm --dir ../../.. run check:pre-push",
+    "check:pre-push:dry-run": "pnpm --dir ../../.. run check:pre-push:dry-run",
+    "format": "prettier --write .",
+    "format:fix": "pnpm format",
+    "format:check": "prettier --check .",
+    "lint": "eslint . --max-warnings=0",
+    "typecheck": "tsc --project tsconfig.build.json --noEmit",
+    "build": "pnpm format && pnpm typecheck && pnpm css:build && pnpm format",
+    "css:build": "sass --load-path=node_modules src/index.scss dist/styles.css --style=expanded --no-source-map && node ./scripts/merge-theme-root.mjs dist/styles.css --selector=:root",
+    "dev": "tsc --project tsconfig.build.json --watch --noEmit",
+    "module:lint": "pnpm lint",
+    "module:typecheck": "pnpm typecheck",
+    "module:build": "pnpm build",
+    "design-templates:build": "pnpm run build",
+    "design-templates:dev": "pnpm run dev",
+    "publish:public": "bash ../../../scripts/npm-publish.sh",
+    "check:manifest": "node ../../../scripts/workspace-manifests.mjs --check",
+    "sync:manifest": "node ../../../scripts/workspace-manifests.mjs --write",
+    "check": "pnpm run check:manifest && pnpm run format:check && pnpm run lint && pnpm run typecheck"
   }
-}
+}

package/src/auth/signup/hooks/useSignupTypeSelectForm.ts

@@ -3,8 +3,6 @@
 import { useCallback, useEffect } from "react";
 import { useWatch } from "react-hook-form";
 import type {
-  AuthSignupFormValues,
-  AuthSignupTypeSelectValues,
   AuthSignupTypeValue,
   UseSignupTypeSelectFormOptions,
   UseSignupTypeSelectFormReturn,

package/src/service-inquiry/hooks/useUserContext.ts

@@ -27,17 +27,19 @@ export function useServiceInquiryUserContext(): UseServiceInquiryUserContextRetu
   const [additionalUserContext, setAdditionalUserContext] = useAtom(
     serviceInquiryAdditionalUserContextAtom,
   );
-  const resolvedRequestContext = useMemo(
-    () => ({
+  const routeChangeSignal = `${pathname ?? ""}?${searchParams.toString()}`;
+  const resolvedRequestContext = useMemo(() => {
+    void routeChangeSignal;
+
+    return {
       ...requestContext,
       // 변경 설명: route 이동 후에도 문의 submit 시점의 현재 URL이 page_path로 반영되도록 route 변화에 맞춰 snapshot을 새로 만든다.
       page_path:
         typeof window === "undefined"
           ? requestContext.page_path
           : window.location.href,
-    }),
-    [pathname, requestContext, searchParams],
-  );
+    };
+  }, [requestContext, routeChangeSignal]);
 
   /** 2) submit/액션 — trigger별 추가 context를 append/reset 할 수 있게 연다. */
   const setNextAdditionalUserContext: UseServiceInquiryUserContextReturn["setAdditionalUserContext"] =