@ihabdevteam/core 0.43.0 → 0.45.0

package/dist/ihabdevteam-core.d.ts

@@ -1295,7 +1295,7 @@ export declare function copyText(text: string): Promise<boolean>;
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.43.0";
+export declare const CORE_VERSION = "0.45.0";
 
 /** @public */
 declare const coreDefault: Record<string, unknown>;

package/dist/packages/core/src/components/Dropdown.css

@@ -109,11 +109,6 @@
   overscroll-behavior-y: contain;
 }
 
-.dropdown__menu--up {
-  top: auto;
-  bottom: calc(100% + 6px);
-}
-
 @keyframes dropdown-appear {
   from { opacity: 0; transform: translateY(-6px); }
   to   { opacity: 1; transform: translateY(0); }
@@ -167,9 +162,3 @@
   width: 14px;
   height: 14px;
 }
-
-.dropdown__divider {
-  height: 1px;
-  background: var(--color-darkWhite);
-  margin: 4px 0;
-}

package/dist/packages/core/src/components/FilterPanel.css

@@ -78,10 +78,6 @@
     margin: 0;
 }
 
-.filter-panel__section-multiple {
-    color: var(--color-lightGray);
-}
-
 .filter-panel__sections {
     display: flex;
     flex-direction: column;
@@ -135,7 +131,6 @@
     flex-basis: 100%;
 }
 
-
 .filter-panel__items {
     display: flex;
     flex-wrap: wrap;

package/dist/packages/core/src/components/Footer.css

@@ -117,12 +117,6 @@
     gap: 40px;
 }
 
-.site-footer__brand-compact {
-    display: flex;
-    align-items: center;
-    gap: 18px;
-}
-
 .site-footer__logo {
     height: 52px;
 }

package/dist/packages/core/src/components/Header.css

@@ -17,7 +17,6 @@
   isolation: isolate;
 }
 
-
 .header__menu-button {
   display: none;
   background: transparent;
@@ -112,22 +111,6 @@
   color: rgba(255,255,255,0.55);
 }
 
-/* 전환 버튼 */
-.header--manager .side-nav__mode-switch {
-  border-color: rgba(255,255,255,0.2);
-  background: transparent;
-}
-.header--manager .side-nav__mode-switch:hover {
-  background: rgba(255,255,255,0.12);
-  border-color: rgba(255,255,255,0.35);
-}
-.header--manager .side-nav__mode-switch-label {
-  color: rgba(255,255,255,0.7);
-}
-.header--manager .side-nav__mode-switch-arrow {
-  color: rgba(255,255,255,0.35);
-}
-
 /* Desktop: width 220px */
 @media (min-width: 1024px) {
   .header {

package/dist/packages/core/src/components/Loader.css

@@ -39,24 +39,6 @@
   width: 0%;
   transition: width 220ms cubic-bezier(.2,.8,.2,1);
 }
-.core-loader-spinner {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.core-loader-spinner__svg {
-  transform-origin: center;
-  animation: core-loader-rotate 1s linear infinite;
-}
-.core-loader-spinner__bg {
-  stroke: rgba(0,0,0,0.08);
-}
-.core-loader-spinner__fg {
-  stroke: var(--color-main);
-  stroke-dasharray: 125;
-  stroke-dashoffset: 80;
-  animation: core-loader-dash 1.2s ease-in-out infinite;
-}
 
 @keyframes core-loader-rotate {
   100% { transform: rotate(360deg); }
@@ -67,20 +49,6 @@
   100% { stroke-dashoffset: 125; }
 }
 
-.core-loader-bar {
-  width: 100%;
-  height: 8px;
-  background: rgba(0,0,0,0.06);
-  border-radius: 999px;
-  overflow: hidden;
-}
-.core-loader-bar__inner {
-  height: 100%;
-  background: var(--color-main);
-  width: 0%;
-  transition: width 220ms cubic-bezier(.2,.8,.2,1);
-}
-
 .page-loading-center {
   display: flex;
   justify-content: center;

package/dist/packages/core/src/components/Panel.css

@@ -164,21 +164,8 @@
   padding: 16px;
   min-height: 0;
 }
-/* scroll: flex column + overflow-y auto — 내부가 길어지면 스크롤 */
-.panel-row--scroll {
-  display: flex;
-  flex-direction: column;
-  padding: 16px 16px 20px;
-  min-height: 0;
-  flex: 1;
-  overflow-y: auto;
-  overscroll-behavior-y: contain;
-}
-/* 베리언트 row는 기본 구분선 규칙 비적용 */
-.panel-row--content + .panel-row--content,
-.panel-row--scroll  + .panel-row--scroll,
-.panel-row--content + .panel-row--scroll,
-.panel-row--scroll  + .panel-row--content {
+
+.panel-row--content + .panel-row--content{
   border-top: none;
 }
 
@@ -368,7 +355,6 @@
 .panel-row__device-kind    { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
 .panel-row__device-name    { color: var(--color-darkGray); }
 .panel-row__device-detail  { color: var(--color-gray); }
-.panel-row__device-product { color: var(--color-darkGray); }
 .panel-row__device-date    { color: var(--color-lightGray); margin-top: 2px; }
 .panel-row__device-empty   { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--color-lightGray); }
 

package/dist/packages/core/src/components/PaymentPlan.css

@@ -79,15 +79,6 @@
     display: block;
 }
 
-.payment-plan__box-list {
-    padding-left: 18px;
-    color: var(--color-lightGray);
-}
-
-.payment-plan__box-list li {
-    margin-bottom: 4px;
-}
-
 .payment-plan__contact-button {
     width: 100%;
 }
@@ -169,14 +160,6 @@
     color: var(--plan-color, var(--color-main));
 }
 
-.payment-plan__pricing-row--highlight .payment-plan__pricing-original {
-    color: var(--color-lightGray);
-}
-
-.payment-plan__pricing-row--highlight .payment-plan__pricing-badge {
-    color: var(--plan-color, var(--color-main));
-}
-
 .payment-plan__pricing-row:hover {
     filter: brightness(1.04);
     transform: translateY(-2px);
@@ -199,15 +182,6 @@
     text-overflow: ellipsis;
 }
 
-.payment-plan__pricing-badge {
-    grid-column: 2;
-    grid-row: 1;
-    text-align: right;
-    white-space: nowrap;
-    margin: 0;
-    color: rgba(255, 255, 255, 0.9);
-}
-
 .payment-plan__pricing-row-price {
     grid-column: 1 / -1;
     grid-row: 2;
@@ -220,13 +194,6 @@
     margin: 0;
 }
 
-.payment-plan__pricing-original {
-    color: var(--color-white-a80);
-    text-decoration: line-through;
-    white-space: nowrap;
-    margin: 0;
-}
-
 .payment-plan__pricing-current {
     color: #ffffff;
     white-space: nowrap;
@@ -263,44 +230,16 @@
     align-self: stretch;
 }
 
-/* Allow inner flex items to shrink (prevents children from forcing taller heights) */
-.payment-plan__card-inner,
-.payment-plan__card-content {
-    min-height: 0;
-}
-
 /* Legacy card variant (recommended badge style) */
 .payment-plan__card.recommended {
     border-color: var(--color-main);
     box-shadow: var(--shadow-dropdown);
 }
-
-.payment-plan__recommended-badge {
-    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
-    padding: 4px 14px; border-radius: var(--radius-m);
-    background: var(--color-main); color: #ffffff;
-    font-weight: 700; white-space: nowrap;
-}
-
-.payment-plan__name { font-weight: 800; margin: 0 0 8px; }
-.payment-plan__price { font-weight: 800; margin: 0 0 4px; }
-.payment-plan__period { color: var(--color-gray); display: inline; }
-.payment-plan__features { list-style: none; padding: 0; margin: 20px 0; display: flex; flex-direction: column; gap: var(--spacing-xs); }
 .payment-plan__feature {
     display: flex; align-items: center; gap: var(--spacing-xs);
     color: var(--color-darkGray);
 }
 .payment-plan__feature::before { content: '✓'; font-weight: 700; color: var(--color-success); }
-.payment-plan__button {
-    width: 100%; padding: 14px;
-    border-radius: var(--radius-card); border: none; cursor: pointer;
-    font-weight: 700;
-    transition: all 0.12s;
-}
-.payment-plan__button--primary { background: var(--color-main); color: #ffffff; }
-.payment-plan__button--primary:hover { background: var(--color-infoLink); }
-.payment-plan__button--outline { background: var(--color-deepWhite); color: var(--color-darkGray); border: 1px solid var(--color-whiteLine); }
-.payment-plan__button--outline:hover { border-color: var(--color-main); color: var(--color-main); }
 
 @media (max-width: 767px) {
     .payment-plan__list {

package/dist/packages/core/src/components/Popup/DeviceListPopup.css

@@ -1,29 +1,5 @@
 .dlp-popup .popup-panel { max-width: 600px; }
 
-.dlp-empty {
-  padding: 32px 20px;
-  text-align: center;
-  color: var(--color-gray);
-}
-
-.dlp-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13px;
-}
-
-.dlp-table thead tr {
-  border-bottom: 1px solid var(--color-darkWhite);
-}
-
-.dlp-table th {
-  padding: 8px 12px;
-  text-align: left;
-  color: var(--color-lightGray);
-  font-weight: 500;
-  white-space: nowrap;
-}
-
 .dlp-row {
   cursor: pointer;
   border-bottom: 1px solid var(--color-darkWhite);
@@ -33,46 +9,15 @@
 .dlp-row:hover { background: var(--color-hoverBg, #f5f5f5); }
 .dlp-row:last-child { border-bottom: none; }
 
-.dlp-table td {
-  padding: 10px 12px;
-  vertical-align: middle;
-  color: var(--color-darkGray);
-}
-
-
 .dlp-date {
   white-space: nowrap;
   color: var(--color-lightGray);
 }
 
-.dlp-delete {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: var(--color-lightGray);
-  font-size: 12px;
-  padding: 4px 8px;
-  border-radius: 4px;
-  transition: color 0.1s, background 0.1s;
-}
-
-.dlp-delete:hover {
-  color: var(--color-error, #e53935);
-  background: var(--color-errorBg, #fdecea);
-}
-
 /* 팝업 밖(고객 상세의 기기 탭)에서도 쓰는 표 — 좌/우 고르개가 표 위에 얹힌다. */
 .dlp-side-table { margin-top: 0; }
-.dlp-side-pick {
-  display: flex;
-  justify-content: flex-start;
-  margin-bottom: 8px;
-}
 
 /* 줄 오른쪽의 착용·제거 — 붙어 보이지 않게만 벌린다 */
 .dlp-worn-check { display: inline-flex; align-items: center; }
 /* 줄 끝의 삭제 — 삭제를 넘겨준 화면(기기 이력 팝업)에서만 선다 */
 .dlp-row-actions { display: flex; align-items: center; justify-content: flex-end; }
-
-/* 맨 왼쪽 '착용중' 열 — 값이 있는 줄만 눈에 띄게 */
-.dlp-worn-side { font-weight: 600; color: var(--color-main, #3b82f6); }

package/dist/packages/core/src/components/Popup/Popup.css

@@ -113,12 +113,6 @@
   margin-bottom: 8px;
   padding: 6px 0;
 }
-.form-inline-error {
-  color: var(--color-error);
-  margin-top: 4px;
-  display: block;
-}
-
 
 .confirm-popup__message {
   padding: 8px 0;

package/dist/packages/core/src/components/Popup/SaveTablePopup.css

@@ -8,15 +8,6 @@
   padding: 4px 20px;
 }
 
-.save-table-popup__duplicate {
-  margin: 0;
-  color: var(--color-main);
-}
-
-.save-table-popup__duplicate strong {
-  font-weight: 600;
-}
-
 /* ── 미리보기 ── */
 .save-table-popup__preview-wrap {
   position: relative;

package/dist/packages/core/src/components/Popup/TrainingResultPopup.css

@@ -87,30 +87,6 @@
   background-clip: text;
   color: transparent;
 }
-/* ── Accuracy bar ── */
-.trp-accuracy {
-  margin: 28px auto 0;
-  max-width: 620px;
-  display: flex;
-  gap: 6px;
-  align-items: center;
-  justify-content: center;
-}
-.trp-accuracy__seg {
-  flex: 1;
-  height: 6px;
-  border-radius: 999px;
-  background: var(--color-darkWhite, var(--color-darkWhite));
-}
-.trp-accuracy__seg.is-on {
-  background: linear-gradient(90deg, var(--color-main), var(--color-sub));
-}
-.trp-accuracy__label {
-  color: var(--color-gray);
-  margin-left: var(--spacing-xs);
-  white-space: nowrap;
-  font-variant-numeric: tabular-nums;
-}
 
 /* ── Table ── */
 /* 결과 표는 좌우 72px 들여쓰기를 걷어내 넓게 쓴다 —
@@ -190,7 +166,6 @@
 .trp-row__answer-value.is-correct { color: var(--color-main); }
 .trp-row__answer-value.is-wrong   { color: var(--color-error); }
 
-
 /* ── Footer ── (Popup의 .popup-footer 래퍼에 붙는다 — 스크롤과 무관하게 하단 고정) */
 .popup-footer.trp-result__foot {
   padding: var(--spacing-l);
@@ -201,14 +176,6 @@
   flex-shrink: 0;
   background: var(--color-white);
 }
-.trp-foot__note {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-xs);
-  color: var(--color-gray);
-  font-size: 13px;
-}
-.trp-foot__note svg { color: var(--color-main); flex-shrink: 0; }
 .trp-actions { display: flex; gap: var(--spacing-s); }
 
 /* ── Animations ── */
@@ -246,7 +213,6 @@
   .trp-score__big { font-size: 72px; letter-spacing: -3px; }
   .trp-score__sep, .trp-score__total { font-size: 28px; padding-bottom: 10px; }
 
-
   /* 일반 테이블 */
   .result-table__head { display: none; }
   .result-table__head,

package/dist/packages/core/src/components/SoundCompass.css

@@ -49,13 +49,6 @@
   --scc-disabled-fg: var(--color-whiteLine);
 }
 
-.sound-compass__status {
-  font-size: 13px;
-  color: var(--color-lightGray);
-  margin-bottom: 12px;
-  letter-spacing: -0.01em;
-}
-
 /* ── SVG 오버레이 ───────────────────────────────── */
 .sound-compass__svg {
   position: absolute;
@@ -122,7 +115,6 @@
   overflow: visible;
 }
 
-
 /* 중앙 사람 아이콘 */
 .sound-compass__center {
   position: absolute;

package/dist/packages/core/src/components/Table.css

@@ -59,27 +59,6 @@
   flex-shrink: 0;
 }
 
-.table-header__action-button {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: var(--color-gray);
-  padding: 2px 6px;
-  border-radius: 4px;
-  line-height: 1;
-  transition: background 0.12s, color 0.12s;
-}
-
-.table-header__action-button:hover {
-  background: var(--color-darkWhite);
-  color: var(--color-main);
-}
-
-.table-header__action-button--delete:hover {
-  background: var(--color-error-bg, #ffeef0);
-  color: var(--color-error, #e03131);
-}
-
 /* 접힌 상태 — 헤더 border-bottom이 wrap 테두리와 겹쳐 두꺼워 보이는 것 방지 */
 .table-wrap--collapsed .table-header {
   border-bottom: none;

package/dist/packages/core/src/components/Toolbar.css

@@ -74,13 +74,5 @@
 
 .toolbar__count-highlight { color: var(--color-main); }
 
-/* 세그먼트/필터/페이지네이션/액션처럼 성격이 다른 그룹 사이를 구분하는 세로선 */
-.toolbar__divider {
-  align-self: stretch;
-  height: auto;
-  margin: 8px 0;
-}
-
 @media (max-width: 767px) {
-  .toolbar__divider { display: none; }
 }

package/dist/packages/core/src/components/Tooltip/MenuTooltip.css

@@ -67,25 +67,6 @@
   width: 100%;
 }
 
-.tooltip-menu__item-icon {
-  width: 24px;
-  height: 24px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.tooltip-menu__label {
-  flex: 1;
-}
-
-.tooltip-menu__chev {
-  width: 20px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
 @media (max-width: 600px) {
   .tooltip-menu__columns {
     flex-direction: column;

package/dist/packages/core/src/components/Tooltip/Tooltip.css

@@ -38,7 +38,6 @@
   padding: 0 2px 10px;
 }
 
-
 .tooltip-content.is-closing {
   opacity: 0;
   transition: opacity 200ms ease, transform 200ms ease;
@@ -56,8 +55,6 @@
 .tooltip-content.is-closing[data-placement='left'] { transform: translateX(-6px) scale(0.98); }
 .tooltip-content.is-closing[data-placement='right'] { transform: translateX(6px) scale(0.98); }
 
-.tooltip--hidden { display: none; }
-
 @keyframes tooltip-pop {
   from {
     opacity: 0;
@@ -104,17 +101,3 @@
   visibility: visible !important;
   z-index: var(--z-tooltip) !important;
 }
-
-/* Close button positioned at the tooltip's top-right corner */
-.tooltip-content .tooltip-close {
-  position: absolute;
-  top: 6px;
-  right: 6px;
-  z-index: 2;
-  display: inline-flex;
-}
-
-/* Slightly reduce visual impact of the close button so it reads as control */
-.tooltip-content .tooltip-close .button {
-  box-shadow: none;
-}

package/dist/packages/core/src/components/Tooltip/Tooltip.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import './Tooltip.css';
+import { FOCUSABLE_SELECTOR } from '../../hooks/useFocusTrap';
 /** @public */
 export default function Tooltip(props) {
     const { anchorRect, anchorEl, offset = 20, edgeMargin = 20, onClose, closeOnOutsideClick = true, className = '', role = 'dialog', ariaLabel = '', children, backdrop = false, isMobilePopup = false, useBorder = true, header, } = props || {};
@@ -236,7 +237,12 @@ export default function Tooltip(props) {
                 const el = ref.current;
                 if (!el)
                     return;
-                const focusable = el.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                /* 고르개는 **공용 한 벌**을 쓴다. 예전에는 여기 박아 두었는데 두 군데가 달랐다 —
+                   `disabled` 를 안 뺐고 `a[href]` 대신 `[href]` 였다. 비활성 칸이 마지막이면
+                   되돌아온 포커스가 **아무 데도 안 가** 멈춘 것처럼 보인다.
+                   가두는 방식은 그대로다 — 툴팁은 갈 곳이 없을 때 Tab 을 **막지 않는다**
+                   (막으면 툴팁 안에 갇힌다). 공용 훅은 다이얼로그라 반대로 막는다. */
+                const focusable = el.querySelectorAll(FOCUSABLE_SELECTOR);
                 if (!focusable || focusable.length === 0)
                     return;
                 const first = focusable[0];

package/dist/packages/core/src/components/Training/CategoryIcon.css

@@ -55,31 +55,9 @@
   cursor: default;
 }
 
-/* When used inside a training card, position the wrapper at the
-   card's top-left and render the inner icon without a second offset. */
-.training-list__item .category-icon__wrap {
-  position: absolute;
-  top: 18px;
-  left: 18px;
-}
-.training-list__item .category-icon {
-  position: static;   /* 크기는 iconSize prop(CategoryIcon --small/기본)이 결정 */
-}
-
 /* ── Hover tooltip ────────────────────────────────────── */
 .category-icon__tooltip {
   white-space: nowrap;
   pointer-events: none;
   
 }
-
-.category-icon__tooltip-text {
-  display: block;
-  padding: 6px 12px;
-  font-size: 13px;
-  line-height: 1.4;
-  color: #ffffff;
-  background: var(--color-darkGray);
-  border-radius: var(--radius-sm);
-  box-shadow: var(--shadow-tooltip);
-}

package/dist/packages/core/src/components/Training/TrainingBlock.css

@@ -16,12 +16,6 @@
     gap: 10px;
 }
 
-/* Ensure individual buttons behave like inline blocks when wrapped */
-.training-list__item {
-    display: inline-block;
-    vertical-align: top;
-}
-
 .training-block__more {
     display: flex;
     justify-content: center;
@@ -30,4 +24,3 @@
 
 .training-blocks--top-spaced { margin-top: 18px; }
 
-