@ihabdevteam/core 0.42.0 → 0.44.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.42.0";
+export declare const CORE_VERSION = "0.44.0";
 
 /** @public */
 declare const coreDefault: Record<string, unknown>;

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

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 import Icon from './Icon';
 import { formatTimeHM } from '../utils/format';
 import './Calendar.css';
+import { pressable } from '../utils/pressable';
 function daysInMonth(year, month) { return new Date(year, month + 1, 0).getDate(); }
 function firstDayOfMonth(year, month) { return new Date(year, month, 1).getDay(); }
 /** @public */
@@ -81,7 +82,7 @@ export default function Calendar({ visits = [], onVisitClick, onVisitMove, onDay
                                         } : undefined, onDragEnd: onVisitMove ? () => {
                                             dragVisitId.current = null;
                                             setDragOverDate(null);
-                                        } : undefined, onClick: onVisitClick ? (e) => { e.stopPropagation(); onVisitClick(v); } : undefined, "aria-label": [
+                                        } : undefined, onClick: onVisitClick ? (e) => { e.stopPropagation(); onVisitClick(v); } : undefined, ...pressable(onVisitClick ? () => onVisitClick(v) : undefined), "aria-label": [
                                             v.time ? formatTimeHM(v.time, t) : null,
                                             v.customer,
                                             t(v.status === 'noVisit' ? 'calendar.legend.noVisit'

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/LandingBottomSticky.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './LandingBottomSticky.css';
+import { pressable } from '../utils/pressable';
 /**
  * 화면 하단에 떠 있는 고정 CTA 바 — 셸(고정 카드 + 좌우 배치 + hover)만 담당한다.
  *
@@ -16,5 +17,5 @@ export default function LandingBottomSticky({ children, action, onClick, classNa
     const innerClass = onClick
         ? 'bottom-sticky__inner bottom-sticky__inner--clickable'
         : 'bottom-sticky__inner';
-    return (_jsx("div", { className: className ? `bottom-sticky ${className}` : 'bottom-sticky', children: _jsxs("div", { className: innerClass, onClick: onClick, children: [_jsx("div", { className: "bottom-sticky__content", children: children }), action] }) }));
+    return (_jsx("div", { className: className ? `bottom-sticky ${className}` : 'bottom-sticky', children: _jsxs("div", { className: innerClass, onClick: onClick, ...pressable(onClick), children: [_jsx("div", { className: "bottom-sticky__content", children: children }), action] }) }));
 }

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/LoadTablePopup.js

@@ -8,6 +8,7 @@ import Dropdown from '../Dropdown';
 import { getSavedTables, deleteTable as localDeleteTable } from '../../utils/savedWordTables';
 import { formatYmd } from '../../utils/date';
 import './LoadTablePopup.css';
+import { pressable } from '../../utils/pressable';
 function formatDate(iso) { return formatYmd(iso, { sep: '. ', pad: false, trailingDot: true }); }
 // value 는 정렬·보기 키(로직용)라 그대로 두고, 화면에 보이는 label 만 번역한다.
 // 예전엔 label 도 여기 박아 둬서 영어 로케일에서 이 드롭다운만 한국어로 남았다.
@@ -80,7 +81,7 @@ export default function LoadTablePopup({ onLoad, onCancel, tables: tablesProp, o
             animateThen(() => onLoad(table));
     }, [tables, selected, onLoad]);
     const headerActions = useMemo(() => tables.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Dropdown, { options: VIEW_OPTIONS, value: viewMode, onChange: handleSetViewMode }), _jsx(Dropdown, { options: SORT_OPTIONS, value: sortKey, onChange: handleSetSortKey })] })) : undefined, [tables.length, viewMode, sortKey, handleSetViewMode, handleSetSortKey, VIEW_OPTIONS, SORT_OPTIONS]);
-    return (_jsx(Popup, { className: "popup--load-table", title: t('wordTable.loadTable.title', '저장된 단어 표 불러오기'), headerActions: headerActions, onClose: onCancel, footer: ({ animateThen, closeWithAnimation }) => (_jsxs("div", { className: "load-table-popup__footer-actions", children: [_jsx(Button, { size: 48, type: "bar", label: t('common.cancel', '취소'), onClick: closeWithAnimation, width: "fit-content" }), _jsx(Button, { size: 48, type: "bar", variant: "main", label: t('wordTable.loadTable.loadButton', '불러오기'), width: "fit-content", disabled: !selected, onClick: () => handleLoadSelected(animateThen) })] })), children: _jsx("div", { className: "load-table-popup__body", children: tables.length === 0 ? (_jsx("p", { className: "load-table-popup__empty body-2", children: t('wordTable.loadTable.empty', '저장된 단어 표가 없습니다.') })) : (_jsxs(_Fragment, { children: [viewMode === 'grid' && (_jsx("ul", { className: "load-table-popup__grid", children: sorted.map(table => (_jsxs("li", { className: `load-table-popup__card${selected === table.id ? ' load-table-popup__card--selected' : ''}`, onClick: () => setSelected(table.id), children: [_jsx(DeleteButton, { onClick: e => handleDelete(table.id, e), ariaLabel: t('wordTable.loadTable.deleteAriaLabel', '삭제') }), _jsx(TableThumbnail, { table: table }), _jsxs("div", { className: "load-table-popup__card-info", children: [_jsx("span", { className: "load-table-popup__card-name body-2", children: table.name }), _jsxs("span", { className: "load-table-popup__card-meta caption-1", children: [formatDate(table.savedAt), " \u00B7 ", table.items.length, "\uAC1C"] })] })] }, table.id))) })), viewMode === 'list' && (_jsx("ul", { className: "load-table-popup__list", children: sorted.map(table => (_jsxs("li", { className: `load-table-popup__row${selected === table.id ? ' load-table-popup__row--selected' : ''}`, onClick: () => setSelected(table.id), children: [_jsx("span", { className: "load-table-popup__row-check", children: selected === table.id && (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", children: _jsx("polyline", { points: "4 13 9 18 20 6", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), _jsxs("div", { className: "load-table-popup__row-main", children: [_jsx("span", { className: "load-table-popup__row-name body-2", children: table.name }), _jsx("div", { className: "load-table-popup__row-words", children: table.items.map((item, i) => (_jsx("span", { className: "load-table-popup__row-word caption-1", children: item.words.length >= 2
+    return (_jsx(Popup, { className: "popup--load-table", title: t('wordTable.loadTable.title', '저장된 단어 표 불러오기'), headerActions: headerActions, onClose: onCancel, footer: ({ animateThen, closeWithAnimation }) => (_jsxs("div", { className: "load-table-popup__footer-actions", children: [_jsx(Button, { size: 48, type: "bar", label: t('common.cancel', '취소'), onClick: closeWithAnimation, width: "fit-content" }), _jsx(Button, { size: 48, type: "bar", variant: "main", label: t('wordTable.loadTable.loadButton', '불러오기'), width: "fit-content", disabled: !selected, onClick: () => handleLoadSelected(animateThen) })] })), children: _jsx("div", { className: "load-table-popup__body", children: tables.length === 0 ? (_jsx("p", { className: "load-table-popup__empty body-2", children: t('wordTable.loadTable.empty', '저장된 단어 표가 없습니다.') })) : (_jsxs(_Fragment, { children: [viewMode === 'grid' && (_jsx("ul", { className: "load-table-popup__grid", children: sorted.map(table => (_jsxs("li", { className: `load-table-popup__card${selected === table.id ? ' load-table-popup__card--selected' : ''}`, onClick: () => setSelected(table.id), ...pressable(() => setSelected(table.id)), children: [_jsx(DeleteButton, { onClick: e => handleDelete(table.id, e), ariaLabel: t('wordTable.loadTable.deleteAriaLabel', '삭제') }), _jsx(TableThumbnail, { table: table }), _jsxs("div", { className: "load-table-popup__card-info", children: [_jsx("span", { className: "load-table-popup__card-name body-2", children: table.name }), _jsxs("span", { className: "load-table-popup__card-meta caption-1", children: [formatDate(table.savedAt), " \u00B7 ", table.items.length, "\uAC1C"] })] })] }, table.id))) })), viewMode === 'list' && (_jsx("ul", { className: "load-table-popup__list", children: sorted.map(table => (_jsxs("li", { className: `load-table-popup__row${selected === table.id ? ' load-table-popup__row--selected' : ''}`, onClick: () => setSelected(table.id), ...pressable(() => setSelected(table.id)), children: [_jsx("span", { className: "load-table-popup__row-check", children: selected === table.id && (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", children: _jsx("polyline", { points: "4 13 9 18 20 6", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), _jsxs("div", { className: "load-table-popup__row-main", children: [_jsx("span", { className: "load-table-popup__row-name body-2", children: table.name }), _jsx("div", { className: "load-table-popup__row-words", children: table.items.map((item, i) => (_jsx("span", { className: "load-table-popup__row-word caption-1", children: item.words.length >= 2
                                                     ? `${item.words[0].label} · ${item.words[1].label}`
                                                     : item.words[0]?.label ?? item.id }, i))) })] }), _jsxs("span", { className: "load-table-popup__row-count caption-1", children: [table.items.length, "\uAC1C"] }), _jsx("span", { className: "load-table-popup__row-date caption-1", children: formatDate(table.savedAt) }), _jsx(DeleteButton, { onClick: e => handleDelete(table.id, e), ariaLabel: t('wordTable.loadTable.deleteAriaLabel', '삭제') })] }, table.id))) }))] })) }) }));
 }

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/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);
-}