@mathwiz/ui-components 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -4,6 +4,8 @@ export { ContentAccordion } from './components/ContentAccordion';
 export type { ContentAccordionProps } from './components/ContentAccordion';
 export { Sidebar } from './components/Sidebar';
 export type { SidebarProps } from './components/Sidebar';
+export { MathWizHeader } from './components/MathWizHeader';
+export type { MathWizHeaderProps, ExploreItem } from './components/MathWizHeader';
 export { default as Submenu } from './components/Submenu/Submenu';
 export type { SubmenuItem, SubmenuProps } from './components/Submenu/Submenu';
 export { default as UserProfile } from './components/UserProfile/UserProfile';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,iFAAiF,CAAC;AAGxI,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iEAAiE,CAAC;AAGhH,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2EAA2E,CAAC;AAG/H,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iEAAiE,CAAC;AAIhH,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAI9E,cAAc,SAAS,CAAC;AAGxB,cAAc,sBAAsB,CAAC;AAGrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,iFAAiF,CAAC;AAGxI,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iEAAiE,CAAC;AAGhH,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2EAA2E,CAAC;AAG/H,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iEAAiE,CAAC;AAIhH,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAI9E,cAAc,SAAS,CAAC;AAGxB,cAAc,sBAAsB,CAAC;AAGrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC"}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { M as e, N as r, J as t, K as o, a3 as i, Q as n, a8 as g, ag as U, ah as P, P as c, R as d, O as R, S, L as u, U as _, Y as l, T as C, a0 as m, a4 as A, a5 as E, a7 as G, a2 as O, a1 as p, ae as M, a9 as D, ad as I, ab as N, aa as b, _ as f, X as B, W as L, V as T, Z as h, $ as v, af as y, ac as K, a6 as x } from "./index-BjziaeiG.js";
+import { N as e, O as r, J as t, K as o, a4 as i, T as n, a9 as g, ah as U, ai as P, M as c, P as d, R, Q as S, S as u, L as _, U as l, Z as C, V as m, a1 as A, a5 as E, a6 as G, a8 as O, a3 as M, a2 as p, af as D, aa as I, ae as N, ac as b, ab as f, $ as h, Y as B, X as L, W as T, _ as v, a0 as y, ag as K, ad as x, a7 as z } from "./index-DW87szRE.js";
 export {
   e as AbilityAssessmentDashboard,
   r as AbilityProgressBar,
@@ -9,33 +9,34 @@ export {
   g as MOCK_USER_COURSE_PROGRESS,
   U as MOCK_USER_GRADE_UNITS_NAV,
   P as MOCK_USER_GRADE_UNITS_PROGRESS,
-  c as PersonalizedAdvicePanel,
-  d as RadarChart,
-  R as RecommendationCard,
-  S as Sidebar,
-  u as Submenu,
-  _ as UserProfile,
-  l as calculateGamePoints,
-  C as categoryIcons,
-  m as comparePointArrays,
-  A as courseData,
-  E as exploreItems,
-  G as generateMockUserCourseProgress,
-  O as getBasicGemDefinitions,
+  c as MathWizHeader,
+  d as PersonalizedAdvicePanel,
+  R as RadarChart,
+  S as RecommendationCard,
+  u as Sidebar,
+  _ as Submenu,
+  l as UserProfile,
+  C as calculateGamePoints,
+  m as categoryIcons,
+  A as comparePointArrays,
+  E as courseData,
+  G as exploreItems,
+  O as generateMockUserCourseProgress,
+  M as getBasicGemDefinitions,
   p as getBasicLineDefinitions,
-  M as getUnitNavItem,
-  D as getUserCourseProgress,
-  I as getUserGradeUnitsNav,
-  N as getUserLessonProgress,
-  b as getUserUnitProgress,
-  f as isPointInTriangle,
+  D as getUnitNavItem,
+  I as getUserCourseProgress,
+  N as getUserGradeUnitsNav,
+  b as getUserLessonProgress,
+  f as getUserUnitProgress,
+  h as isPointInTriangle,
   B as pointOnLine,
   L as statusColors,
   T as statusMapping,
-  h as toPixelCoordinates,
-  v as trianglesMatch,
-  y as updateUnitActiveStatus,
-  K as updateUserLessonProgress,
-  x as userData
+  v as toPixelCoordinates,
+  y as trianglesMatch,
+  K as updateUnitActiveStatus,
+  x as updateUserLessonProgress,
+  z as userData
 };
 //# sourceMappingURL=index.mjs.map

package/dist/ui-components.css

@@ -1 +1 @@
-.button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease-in-out;line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;position:relative;overflow:hidden}.button--sm{padding:.375rem .75rem;font-size:.75rem;min-height:1.75rem}.button--md{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}.button--lg{padding:.75rem 1.5rem;font-size:1rem;min-height:2.75rem}.button--radius-sm{border-radius:.25rem}.button--radius-md{border-radius:.375rem}.button--radius-lg{border-radius:.5rem}.button--primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.button--primary:hover{background-color:#2563eb;border-color:#2563eb}.button--primary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.button--secondary{background-color:#6b7280;color:#fff;border-color:#6b7280}.button--secondary:hover{background-color:#4b5563;border-color:#4b5563}.button--secondary:focus-visible{outline:2px solid #6b7280;outline-offset:2px}.button--success{background-color:#10b981;color:#fff;border-color:#10b981}.button--success:hover{background-color:#059669;border-color:#059669}.button--success:focus-visible{outline:2px solid #10b981;outline-offset:2px}.button--bordered.button--primary{background-color:transparent;color:#3b82f6;border-color:#3b82f6}.button--bordered.button--primary:hover{background-color:#3b82f6;color:#fff}.button--bordered.button--secondary{background-color:transparent;color:#6b7280;border-color:#6b7280}.button--bordered.button--secondary:hover{background-color:#6b7280;color:#fff}.button--bordered.button--success{background-color:transparent;color:#10b981;border-color:#10b981}.button--bordered.button--success:hover{background-color:#10b981;color:#fff}.button--light.button--primary{background-color:#dbeafe;color:#1e40af;border-color:transparent}.button--light.button--primary:hover{background-color:#bfdbfe}.button--light.button--secondary{background-color:#f3f4f6;color:#374151;border-color:transparent}.button--light.button--secondary:hover{background-color:#e5e7eb}.button--light.button--success{background-color:#d1fae5;color:#065f46;border-color:transparent}.button--light.button--success:hover{background-color:#a7f3d0}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button:focus{outline:none}.button:focus-visible{box-shadow:0 0 0 3px #3b82f680}.button--loading{pointer-events:none;opacity:.8}@media (max-width: 768px){.button--sm{padding:.25rem .5rem;font-size:.6875rem;min-height:1.5rem}.button--md{padding:.375rem .75rem;font-size:.8125rem;min-height:2rem}.button--lg{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}}.content-accordion{--accordion-spacing: 1rem;--accordion-border-radius: 8px;--accordion-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--accordion-border: 1px solid #e5e7eb;--accordion-transition: all .2s ease-in-out;width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.content-accordion--loading{display:flex;justify-content:center;align-items:center;min-height:200px}.content-accordion__loading{color:#6b7280;font-size:.875rem}.content-accordion--empty{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6b7280}.content-accordion__empty{text-align:center}.content-accordion__header{padding:var(--accordion-spacing);background:#f8fafc;border-radius:var(--accordion-border-radius);margin-bottom:var(--accordion-spacing);border:var(--accordion-border)}.content-accordion__unit-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.content-accordion__unit-description{color:#6b7280;margin:0 0 .75rem;line-height:1.5}.content-accordion__unit-meta{display:flex;gap:.5rem;align-items:center;color:#9ca3af;font-size:.875rem}.content-accordion__lessons{display:flex;flex-direction:column;gap:.5rem}.content-accordion__lesson-item{border:var(--accordion-border);border-radius:var(--accordion-border-radius);background:#fff;overflow:hidden;transition:var(--accordion-transition)}.content-accordion__lesson-item--expanded{box-shadow:var(--accordion-shadow)}.content-accordion__lesson-header{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--accordion-spacing);cursor:pointer;background:#fff;transition:var(--accordion-transition);-webkit-user-select:none;user-select:none}.content-accordion__lesson-header:hover{background:#f9fafb}.content-accordion__lesson-header:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.content-accordion__lesson-header-content{flex:1}.content-accordion__lesson-title{font-size:1rem;font-weight:500;color:#1f2937;margin:0 0 .25rem}.content-accordion__lesson-duration{font-size:.875rem;color:#6b7280}.content-accordion__lesson-actions{display:flex;align-items:center;gap:.75rem}.content-accordion__lesson-progress{font-size:.875rem;font-weight:500;color:#3b82f6;min-width:3rem;text-align:right}.content-accordion__lesson-icon{width:1.25rem;height:1.25rem;color:#6b7280;transition:var(--accordion-transition)}.content-accordion__knowledge-list{padding:0 var(--accordion-spacing) var(--accordion-spacing);display:flex;flex-direction:column;gap:.75rem;background:#fafafa;border-top:var(--accordion-border)}.content-accordion__knowledge-card{margin:0;box-shadow:none;border:var(--accordion-border)}.content-accordion__knowledge-title{font-size:.875rem;font-weight:500;color:#1f2937;margin:0 0 .5rem}.content-accordion__knowledge-description{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0}.content-accordion__knowledge-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.content-accordion__progress-container{display:flex;align-items:center;gap:.5rem;flex:1}.content-accordion__progress-bar{flex:1;max-width:120px}.content-accordion__progress-text{font-size:.75rem;color:#6b7280;min-width:2.5rem;text-align:right}.content-accordion__learn-button{white-space:nowrap;min-width:6rem;justify-content:center}@media (max-width: 768px){.content-accordion{--accordion-spacing: .75rem}.content-accordion__header{padding:.75rem}.content-accordion__unit-title{font-size:1.25rem}.content-accordion__lesson-header{padding:.75rem}.content-accordion__knowledge-list{padding:0 .75rem .75rem}.content-accordion__knowledge-actions{flex-direction:column;align-items:stretch;gap:.5rem}.content-accordion__progress-container{justify-content:space-between}}@media (prefers-reduced-motion: reduce){.content-accordion,.content-accordion__lesson-header,.content-accordion__lesson-icon{transition:none}}@media (prefers-contrast: high){.content-accordion__lesson-header,.content-accordion__knowledge-card{border:2px solid currentColor}}.sidebar{display:flex;flex-direction:column;width:280px;height:100vh;background-color:var(--sidebar-bg-color, #ffffff);border-right:1px solid var(--sidebar-border-color, #e0e0e0);transition:width var(--transition-normal, .25s ease-in-out),transform var(--transition-normal, .25s ease-in-out);overflow-y:auto;position:relative}.sidebar--collapsed{width:64px}.sidebar--loading .sidebar__unit-list,.sidebar--loading .sidebar__header{opacity:.3;pointer-events:none}.sidebar__header{display:flex;align-items:center;padding:var(--spacing-lg, 24px) var(--spacing-md, 16px) var(--spacing-md, 16px);border-bottom:1px solid var(--sidebar-border-color, #e0e0e0);margin-bottom:var(--spacing-md, 16px)}.sidebar__toggle-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--border-radius-sm, 4px);display:flex;align-items:center;justify-content:center;color:var(--sidebar-text-color, #333333);margin-right:var(--spacing-sm, 8px)}.sidebar__toggle-btn:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .05))}.sidebar__course-info{flex:1}.sidebar__course-title{font-size:var(--font-size-lg, 16px);font-weight:var(--font-weight-bold, 600);color:var(--sidebar-text-color, #333333);margin:0 0 var(--spacing-xs, 4px) 0}.sidebar__course-level{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666)}.sidebar__content{flex:1;padding:0 var(--spacing-md, 16px)}.sidebar__unit-list{list-style:none;padding:0;margin:0}.sidebar__unit-item{margin-bottom:var(--spacing-xs, 4px);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:background-color var(--transition-fast, .15s ease-in-out);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}.sidebar__unit-item:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .03))}.sidebar__unit-item--active{background-color:var(--sidebar-active-bg, #e3f2fd);border-left:3px solid var(--sidebar-active-border, #1865f2);font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--completed{opacity:.8}.sidebar__unit-item--in-progress{font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--not-started{opacity:.6}.sidebar__unit-item__content{display:flex;align-items:center;margin-bottom:var(--spacing-xs, 4px)}.sidebar__unit-item__icon{width:20px;height:20px;margin-right:var(--spacing-sm, 8px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md, 14px)}.sidebar__unit-item__title{flex:1;font-size:var(--font-size-md, 14px);color:var(--sidebar-text-color, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__unit-item__progress{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px)}.progress-percentage{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666);min-width:30px;text-align:right}.sidebar__loading,.sidebar__error,.sidebar__empty{padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);text-align:center;color:var(--sidebar-text-secondary, #666666);font-size:var(--font-size-md, 14px)}.sidebar__error{color:var(--sidebar-error-color, #dc3545)}@media (max-width: 600px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%)}.sidebar--expanded{transform:translate(0)}}.sidebar--collapsed .sidebar__course-info,.sidebar--collapsed .sidebar__unit-item__title,.sidebar--collapsed .sidebar__unit-item__progress{display:none}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--spacing-md, 16px)}.sidebar--collapsed .sidebar__toggle-btn{margin-right:0}.sidebar--collapsed .sidebar__unit-item{display:flex;justify-content:center;padding:var(--spacing-sm, 8px)}.sidebar--collapsed .sidebar__unit-item__content{margin-bottom:0}.submenu-container{position:relative;display:inline-block}.submenu-trigger{cursor:pointer}.submenu-panel{position:absolute;z-index:1000;background-color:var(--submenu-background-color, #fff);border:var(--submenu-border, 1px solid #ddd);border-radius:var(--submenu-border-radius, 4px);box-shadow:var(--submenu-shadow, 0 4px 12px rgba(0, 0, 0, .1));padding:var(--submenu-padding, 8px 0);min-width:var(--submenu-min-width, 160px);opacity:0;visibility:hidden;transform:translateY(var(--submenu-transform-y, -10px));transition:opacity var(--submenu-transition-duration, .2s) ease-out,transform var(--submenu-transition-duration, .2s) ease-out,visibility var(--submenu-transition-duration, .2s) ease-out;display:flex;flex-direction:column;gap:var(--submenu-item-gap, 4px)}.submenu-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.submenu-panel.position-bottom{top:100%;left:0;transform:translateY(var(--submenu-transform-y-bottom, 10px))}.submenu-panel.position-bottom.alignment-end{left:auto;right:0}.submenu-panel.position-top{bottom:100%;left:0;transform:translateY(var(--submenu-transform-y-top, -10px))}.submenu-item{display:flex;align-items:center;padding:var(--submenu-item-padding, 8px 16px);color:var(--submenu-item-color, #333);font-size:var(--submenu-item-font-size, 14px);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--submenu-item-transition-duration, .15s) ease-in-out,color var(--submenu-item-transition-duration, .15s) ease-in-out}.submenu-item:hover,.submenu-item.is-active{background-color:var(--submenu-item-hover-bg-color, #f0f0f0);color:var(--submenu-item-hover-color, #000)}.submenu-item.is-disabled{color:var(--submenu-item-disabled-color, #999);cursor:not-allowed;opacity:.6}.submenu-item-icon{margin-right:var(--submenu-item-icon-margin-right, 8px)}.user-profile-container{display:inline-flex;align-items:center;cursor:pointer;position:relative}.user-profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--border-radius-md, 6px);transition:background-color var(--transition-duration-fast, .2s) ease}.user-profile-trigger:hover{background-color:var(--color-background-hover, #f5f5f5)}.user-name{font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #333);font-size:var(--font-size-md, 14px);line-height:1.4}.user-profile-container.is-loading .user-profile-trigger{opacity:.7;pointer-events:none}.user-profile-container.has-error .user-profile-trigger{border:1px solid var(--color-error, #dc3545)}.user-profile-loading,.user-profile-error{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--border-radius-md, 6px);font-size:var(--font-size-sm, 12px);line-height:1.4;text-align:center}.user-profile-loading{background-color:var(--color-background-muted, #f8f9fa);color:var(--color-text-muted, #6c757d);min-width:80px}.user-profile-error{background-color:var(--color-error-bg, #f8d7da);color:var(--color-error, #721c24);border:1px solid var(--color-error-border, #f5c6cb);min-width:120px}@media (max-width: 768px){.user-profile-trigger{padding:var(--spacing-xs, 4px);gap:var(--spacing-xs, 4px)}.user-name{font-size:var(--font-size-sm, 12px);display:none}.user-profile-loading,.user-profile-error{font-size:var(--font-size-xs, 10px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px)}}@media (min-width: 769px){.user-name{display:inline}}[data-theme=dark] .user-profile-trigger:hover{background-color:var(--color-background-hover-dark, #2d2d2d)}[data-theme=dark] .user-name{color:var(--color-text-primary-dark, #ffffff)}[data-theme=dark] .user-profile-loading{background-color:var(--color-background-muted-dark, #2d2d2d);color:var(--color-text-muted-dark, #a0a0a0)}@media (prefers-contrast: high){.user-profile-trigger:hover{background-color:var(--color-background-hover-high-contrast, #000000);outline:2px solid var(--color-border-high-contrast, #ffffff)}.user-name{font-weight:var(--font-weight-bold, 700)}}@media (prefers-reduced-motion: reduce){.user-profile-trigger,.submenu-panel{transition:none}}.user-profile-trigger:focus-visible{outline:2px solid var(--color-focus-ring, #007bff);outline-offset:2px}.user-profile-container:has(.submenu-item.is-disabled){cursor:not-allowed}.user-profile-container:has(.submenu-item.is-disabled) .user-profile-trigger:hover{background-color:transparent}._dashboardLayout_10wqn_5{display:flex;flex-direction:column;gap:24px;height:100%}._upperSection_10wqn_19{flex:3;display:grid;grid-template-columns:1fr 1fr;gap:24px}._lowerSection_10wqn_33{flex:2;display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid #e2e8f0}._radarChartArea_10wqn_51{position:relative;height:320px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){._upperSection_10wqn_19{grid-template-columns:1fr;gap:16px}._dashboardLayout_10wqn_5{gap:16px}}._animate-fade-in_10wqn_93{animation:_fadeIn_10wqn_1 .6s ease-out}@keyframes _fadeIn_10wqn_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mathwiz-header{composes:site-header from global;position:relative;z-index:1000}.mathwiz-header .header-content{composes:header-content from global;display:flex;align-items:center;justify-content:space-between;width:100%}.mathwiz-header .header-section{composes:header-section from global;flex:1;display:flex;align-items:center}.mathwiz-header .header-section.left{composes:left from global;justify-content:flex-start}.mathwiz-header .header-section.center{composes:center from global;justify-content:center;text-align:center}.mathwiz-header .header-section.right{composes:right from global;justify-content:flex-end}.mathwiz-header .logo{composes:logo from global;font-size:var(--logo-font-size, 1.5rem);font-weight:var(--logo-font-weight, bold);text-decoration:none;transition:opacity .2s ease;color:#fff!important}.mathwiz-header .logo:hover{opacity:.8}.explore-button{composes:explore-button from global;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease;background:none;border:none;color:#fff!important;cursor:pointer}.explore-button:hover{background-color:var(--explore-trigger-bg-hover, rgba(255, 255, 255, .1));color:var(--explore-trigger-color-hover, #111827)}.explore-icon{font-size:1.25rem}.explore-text{font-weight:500}.explore-menu-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;min-width:200px}.explore-menu-item:hover{background-color:var(--hover-bg, #e9ecef);color:var(--accent-color, #4361ee)}.explore-item-label{font-weight:500;flex:1}.explore-item-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;margin-left:.5rem}.status-new{background-color:var(--success-color, #10b981);color:#fff}.status-progress{color:var(--accent-color, #4361ee)}.status-进行中{background-color:var(--warning-color, #f59e0b);color:#fff}.status-2{background-color:var(--accent-light, #e6f2ff);color:var(--accent-color, #4361ee)}@media (max-width: 768px){.mathwiz-header .header-content{padding:0 1rem}.explore-text{display:none}.explore-button{padding:.5rem}.mathwiz-header .logo{font-size:1.25rem}}@media (max-width: 480px){.mathwiz-header .header-content{padding:0 .75rem}.explore-button{min-width:auto}}.mathwiz-header:focus-within{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}.explore-button:focus{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}@media (prefers-contrast: high){.mathwiz-header{border-bottom:2px solid white}.explore-button{border:1px solid currentColor}}.mathwiz-header .user-name{color:#fff!important}.mathwiz-header .user-profile-trigger:hover{background-color:#ffffff1a!important;opacity:.8}@media (prefers-reduced-motion: reduce){.mathwiz-header .logo,.explore-button,.explore-menu-item{transition:none}}.grade-unit-browser-page{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-rows:auto 1fr;grid-template-columns:300px 1fr;min-height:100vh;background-color:var(--page-background, #f8fafc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.grade-unit-browser-page--sidebar-collapsed{grid-template-columns:60px 1fr}.header-area{grid-area:header;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 3px #0000001a;width:100%}.sidebar-area{grid-area:sidebar;background:#fff;border-right:1px solid var(--border-color, #e2e8f0);overflow-y:auto;height:100vh;position:sticky;top:0}.content-area{grid-area:content;padding:24px;overflow-y:auto;overflow-x:hidden;background:#fff;min-height:calc(100vh - 80px);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.content-area h1,.content-area h2,.content-area h3,.content-area h4,.content-area h5,.content-area h6,.content-area p,.content-area div,.content-area span{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;box-sizing:border-box}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary, #64748b);font-size:16px}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid var(--border-color, #e2e8f0);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;padding:40px 20px;color:var(--error-color, #dc2626);background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:8px;margin:20px}.retry-button{display:block;margin:20px auto;padding:10px 20px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button:hover{background:var(--primary-hover, #2563eb)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #64748b)}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}@media (max-width: 768px){.grade-unit-browser-page{grid-template-areas:"header" "content";grid-template-columns:1fr}.sidebar-area{display:none}.content-area{padding:16px;min-height:calc(100vh - 60px)}.grade-unit-browser-page.sidebar-open{grid-template-areas:"header" "sidebar" "content"}.grade-unit-browser-page.sidebar-open .sidebar-area{display:block;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color, #e2e8f0)}}@media (max-width: 480px){.content-area{padding:12px}.error-message{margin:10px;padding:20px 16px}.retry-button{margin:10px auto;padding:8px 16px;font-size:13px}}@media (prefers-color-scheme: dark){.grade-unit-browser-page{background-color:var(--page-background-dark, #0f172a);color:var(--text-primary-dark, #f1f5f9)}.header-area,.sidebar-area,.content-area{background:var(--surface-dark, #1e293b)}.sidebar-area{border-right-color:var(--border-color-dark, #334155)}.error-message{color:var(--error-color-dark, #f87171);background:var(--error-bg-dark, #7f1d1d);border-color:var(--error-border-dark, #b91c1c)}}.grade-unit-browser-page:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.retry-button:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}@media (prefers-contrast: high){.grade-unit-browser-page{border:1px solid black}.sidebar-area{border-right:2px solid black}.retry-button{border:2px solid black}}
+.button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease-in-out;line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;position:relative;overflow:hidden}.button--sm{padding:.375rem .75rem;font-size:.75rem;min-height:1.75rem}.button--md{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}.button--lg{padding:.75rem 1.5rem;font-size:1rem;min-height:2.75rem}.button--radius-sm{border-radius:.25rem}.button--radius-md{border-radius:.375rem}.button--radius-lg{border-radius:.5rem}.button--primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.button--primary:hover{background-color:#2563eb;border-color:#2563eb}.button--primary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.button--secondary{background-color:#6b7280;color:#fff;border-color:#6b7280}.button--secondary:hover{background-color:#4b5563;border-color:#4b5563}.button--secondary:focus-visible{outline:2px solid #6b7280;outline-offset:2px}.button--success{background-color:#10b981;color:#fff;border-color:#10b981}.button--success:hover{background-color:#059669;border-color:#059669}.button--success:focus-visible{outline:2px solid #10b981;outline-offset:2px}.button--bordered.button--primary{background-color:transparent;color:#3b82f6;border-color:#3b82f6}.button--bordered.button--primary:hover{background-color:#3b82f6;color:#fff}.button--bordered.button--secondary{background-color:transparent;color:#6b7280;border-color:#6b7280}.button--bordered.button--secondary:hover{background-color:#6b7280;color:#fff}.button--bordered.button--success{background-color:transparent;color:#10b981;border-color:#10b981}.button--bordered.button--success:hover{background-color:#10b981;color:#fff}.button--light.button--primary{background-color:#dbeafe;color:#1e40af;border-color:transparent}.button--light.button--primary:hover{background-color:#bfdbfe}.button--light.button--secondary{background-color:#f3f4f6;color:#374151;border-color:transparent}.button--light.button--secondary:hover{background-color:#e5e7eb}.button--light.button--success{background-color:#d1fae5;color:#065f46;border-color:transparent}.button--light.button--success:hover{background-color:#a7f3d0}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button:focus{outline:none}.button:focus-visible{box-shadow:0 0 0 3px #3b82f680}.button--loading{pointer-events:none;opacity:.8}@media (max-width: 768px){.button--sm{padding:.25rem .5rem;font-size:.6875rem;min-height:1.5rem}.button--md{padding:.375rem .75rem;font-size:.8125rem;min-height:2rem}.button--lg{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}}.content-accordion{--accordion-spacing: 1rem;--accordion-border-radius: 8px;--accordion-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--accordion-border: 1px solid #e5e7eb;--accordion-transition: all .2s ease-in-out;width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.content-accordion--loading{display:flex;justify-content:center;align-items:center;min-height:200px}.content-accordion__loading{color:#6b7280;font-size:.875rem}.content-accordion--empty{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6b7280}.content-accordion__empty{text-align:center}.content-accordion__header{padding:var(--accordion-spacing);background:#f8fafc;border-radius:var(--accordion-border-radius);margin-bottom:var(--accordion-spacing);border:var(--accordion-border)}.content-accordion__unit-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.content-accordion__unit-description{color:#6b7280;margin:0 0 .75rem;line-height:1.5}.content-accordion__unit-meta{display:flex;gap:.5rem;align-items:center;color:#9ca3af;font-size:.875rem}.content-accordion__lessons{display:flex;flex-direction:column;gap:.5rem}.content-accordion__lesson-item{border:var(--accordion-border);border-radius:var(--accordion-border-radius);background:#fff;overflow:hidden;transition:var(--accordion-transition)}.content-accordion__lesson-item--expanded{box-shadow:var(--accordion-shadow)}.content-accordion__lesson-header{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--accordion-spacing);cursor:pointer;background:#fff;transition:var(--accordion-transition);-webkit-user-select:none;user-select:none}.content-accordion__lesson-header:hover{background:#f9fafb}.content-accordion__lesson-header:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.content-accordion__lesson-header-content{flex:1}.content-accordion__lesson-title{font-size:1rem;font-weight:500;color:#1f2937;margin:0 0 .25rem}.content-accordion__lesson-duration{font-size:.875rem;color:#6b7280}.content-accordion__lesson-actions{display:flex;align-items:center;gap:.75rem}.content-accordion__lesson-progress{font-size:.875rem;font-weight:500;color:#3b82f6;min-width:3rem;text-align:right}.content-accordion__lesson-icon{width:1.25rem;height:1.25rem;color:#6b7280;transition:var(--accordion-transition)}.content-accordion__knowledge-list{padding:0 var(--accordion-spacing) var(--accordion-spacing);display:flex;flex-direction:column;gap:.75rem;background:#fafafa;border-top:var(--accordion-border)}.content-accordion__knowledge-card{margin:0;box-shadow:none;border:var(--accordion-border)}.content-accordion__knowledge-title{font-size:.875rem;font-weight:500;color:#1f2937;margin:0 0 .5rem}.content-accordion__knowledge-description{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0}.content-accordion__knowledge-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.content-accordion__progress-container{display:flex;align-items:center;gap:.5rem;flex:1}.content-accordion__progress-bar{flex:1;max-width:120px}.content-accordion__progress-text{font-size:.75rem;color:#6b7280;min-width:2.5rem;text-align:right}.content-accordion__learn-button{white-space:nowrap;min-width:6rem;justify-content:center}@media (max-width: 768px){.content-accordion{--accordion-spacing: .75rem}.content-accordion__header{padding:.75rem}.content-accordion__unit-title{font-size:1.25rem}.content-accordion__lesson-header{padding:.75rem}.content-accordion__knowledge-list{padding:0 .75rem .75rem}.content-accordion__knowledge-actions{flex-direction:column;align-items:stretch;gap:.5rem}.content-accordion__progress-container{justify-content:space-between}}@media (prefers-reduced-motion: reduce){.content-accordion,.content-accordion__lesson-header,.content-accordion__lesson-icon{transition:none}}@media (prefers-contrast: high){.content-accordion__lesson-header,.content-accordion__knowledge-card{border:2px solid currentColor}}.sidebar{display:flex;flex-direction:column;width:280px;height:100vh;background-color:var(--sidebar-bg-color, #ffffff);border-right:1px solid var(--sidebar-border-color, #e0e0e0);transition:width var(--transition-normal, .25s ease-in-out),transform var(--transition-normal, .25s ease-in-out);overflow-y:auto;position:relative}.sidebar--collapsed{width:64px}.sidebar--loading .sidebar__unit-list,.sidebar--loading .sidebar__header{opacity:.3;pointer-events:none}.sidebar__header{display:flex;align-items:center;padding:var(--spacing-lg, 24px) var(--spacing-md, 16px) var(--spacing-md, 16px);border-bottom:1px solid var(--sidebar-border-color, #e0e0e0);margin-bottom:var(--spacing-md, 16px)}.sidebar__toggle-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--border-radius-sm, 4px);display:flex;align-items:center;justify-content:center;color:var(--sidebar-text-color, #333333);margin-right:var(--spacing-sm, 8px)}.sidebar__toggle-btn:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .05))}.sidebar__course-info{flex:1}.sidebar__course-title{font-size:var(--font-size-lg, 16px);font-weight:var(--font-weight-bold, 600);color:var(--sidebar-text-color, #333333);margin:0 0 var(--spacing-xs, 4px) 0}.sidebar__course-level{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666)}.sidebar__content{flex:1;padding:0 var(--spacing-md, 16px)}.sidebar__unit-list{list-style:none;padding:0;margin:0}.sidebar__unit-item{margin-bottom:var(--spacing-xs, 4px);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:background-color var(--transition-fast, .15s ease-in-out);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}.sidebar__unit-item:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .03))}.sidebar__unit-item--active{background-color:var(--sidebar-active-bg, #e3f2fd);border-left:3px solid var(--sidebar-active-border, #1865f2);font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--completed{opacity:.8}.sidebar__unit-item--in-progress{font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--not-started{opacity:.6}.sidebar__unit-item__content{display:flex;align-items:center;margin-bottom:var(--spacing-xs, 4px)}.sidebar__unit-item__icon{width:20px;height:20px;margin-right:var(--spacing-sm, 8px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md, 14px)}.sidebar__unit-item__title{flex:1;font-size:var(--font-size-md, 14px);color:var(--sidebar-text-color, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__unit-item__progress{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px)}.progress-percentage{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666);min-width:30px;text-align:right}.sidebar__loading,.sidebar__error,.sidebar__empty{padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);text-align:center;color:var(--sidebar-text-secondary, #666666);font-size:var(--font-size-md, 14px)}.sidebar__error{color:var(--sidebar-error-color, #dc3545)}@media (max-width: 600px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%)}.sidebar--expanded{transform:translate(0)}}.sidebar--collapsed .sidebar__course-info,.sidebar--collapsed .sidebar__unit-item__title,.sidebar--collapsed .sidebar__unit-item__progress{display:none}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--spacing-md, 16px)}.sidebar--collapsed .sidebar__toggle-btn{margin-right:0}.sidebar--collapsed .sidebar__unit-item{display:flex;justify-content:center;padding:var(--spacing-sm, 8px)}.sidebar--collapsed .sidebar__unit-item__content{margin-bottom:0}.submenu-container{position:relative;display:inline-block}.submenu-trigger{cursor:pointer}.submenu-panel{position:absolute;z-index:1000;background-color:var(--submenu-background-color, #fff);border:var(--submenu-border, 1px solid #ddd);border-radius:var(--submenu-border-radius, 4px);box-shadow:var(--submenu-shadow, 0 4px 12px rgba(0, 0, 0, .1));padding:var(--submenu-padding, 8px 0);min-width:var(--submenu-min-width, 160px);opacity:0;visibility:hidden;transform:translateY(var(--submenu-transform-y, -10px));transition:opacity var(--submenu-transition-duration, .2s) ease-out,transform var(--submenu-transition-duration, .2s) ease-out,visibility var(--submenu-transition-duration, .2s) ease-out;display:flex;flex-direction:column;gap:var(--submenu-item-gap, 4px)}.submenu-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.submenu-panel.position-bottom{top:100%;left:0;transform:translateY(var(--submenu-transform-y-bottom, 10px))}.submenu-panel.position-bottom.alignment-end{left:auto;right:0}.submenu-panel.position-top{bottom:100%;left:0;transform:translateY(var(--submenu-transform-y-top, -10px))}.submenu-item{display:flex;align-items:center;padding:var(--submenu-item-padding, 8px 16px);color:var(--submenu-item-color, #333);font-size:var(--submenu-item-font-size, 14px);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--submenu-item-transition-duration, .15s) ease-in-out,color var(--submenu-item-transition-duration, .15s) ease-in-out}.submenu-item:hover,.submenu-item.is-active{background-color:var(--submenu-item-hover-bg-color, #f0f0f0);color:var(--submenu-item-hover-color, #000)}.submenu-item.is-disabled{color:var(--submenu-item-disabled-color, #999);cursor:not-allowed;opacity:.6}.submenu-item-icon{margin-right:var(--submenu-item-icon-margin-right, 8px)}.user-profile-container{display:inline-flex;align-items:center;cursor:pointer;position:relative}.user-profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--border-radius-md, 6px);transition:background-color var(--transition-duration-fast, .2s) ease}.user-profile-trigger:hover{background-color:var(--color-background-hover, #f5f5f5)}.user-name{font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #333);font-size:var(--font-size-md, 14px);line-height:1.4}.user-profile-container.is-loading .user-profile-trigger{opacity:.7;pointer-events:none}.user-profile-container.has-error .user-profile-trigger{border:1px solid var(--color-error, #dc3545)}.user-profile-loading,.user-profile-error{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--border-radius-md, 6px);font-size:var(--font-size-sm, 12px);line-height:1.4;text-align:center}.user-profile-loading{background-color:var(--color-background-muted, #f8f9fa);color:var(--color-text-muted, #6c757d);min-width:80px}.user-profile-error{background-color:var(--color-error-bg, #f8d7da);color:var(--color-error, #721c24);border:1px solid var(--color-error-border, #f5c6cb);min-width:120px}@media (max-width: 768px){.user-profile-trigger{padding:var(--spacing-xs, 4px);gap:var(--spacing-xs, 4px)}.user-name{font-size:var(--font-size-sm, 12px);display:none}.user-profile-loading,.user-profile-error{font-size:var(--font-size-xs, 10px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px)}}@media (min-width: 769px){.user-name{display:inline}}[data-theme=dark] .user-profile-trigger:hover{background-color:var(--color-background-hover-dark, #2d2d2d)}[data-theme=dark] .user-name{color:var(--color-text-primary-dark, #ffffff)}[data-theme=dark] .user-profile-loading{background-color:var(--color-background-muted-dark, #2d2d2d);color:var(--color-text-muted-dark, #a0a0a0)}@media (prefers-contrast: high){.user-profile-trigger:hover{background-color:var(--color-background-hover-high-contrast, #000000);outline:2px solid var(--color-border-high-contrast, #ffffff)}.user-name{font-weight:var(--font-weight-bold, 700)}}@media (prefers-reduced-motion: reduce){.user-profile-trigger,.submenu-panel{transition:none}}.user-profile-trigger:focus-visible{outline:2px solid var(--color-focus-ring, #007bff);outline-offset:2px}.user-profile-container:has(.submenu-item.is-disabled){cursor:not-allowed}.user-profile-container:has(.submenu-item.is-disabled) .user-profile-trigger:hover{background-color:transparent}.mathwiz-header{composes:site-header from global;position:relative;z-index:1000}.mathwiz-header .header-content{composes:header-content from global;display:flex;align-items:center;justify-content:space-between;width:100%}.mathwiz-header .header-section{composes:header-section from global;flex:1;display:flex;align-items:center}.mathwiz-header .header-section.left{composes:left from global;justify-content:flex-start}.mathwiz-header .header-section.center{composes:center from global;justify-content:center;text-align:center}.mathwiz-header .header-section.right{composes:right from global;justify-content:flex-end}.mathwiz-header .logo{composes:logo from global;font-size:var(--logo-font-size, 1.5rem);font-weight:var(--logo-font-weight, bold);text-decoration:none;transition:opacity .2s ease;color:#fff!important}.mathwiz-header .logo:hover{opacity:.8}.explore-button{composes:explore-button from global;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease;background:none;border:none;color:#fff!important;cursor:pointer}.explore-button:hover{background-color:var(--explore-trigger-bg-hover, rgba(255, 255, 255, .1));color:var(--explore-trigger-color-hover, #111827)}.explore-icon{font-size:1.25rem}.explore-text{font-weight:500}.explore-menu-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;min-width:200px}.explore-menu-item:hover{background-color:var(--hover-bg, #e9ecef);color:var(--accent-color, #4361ee)}.explore-item-label{font-weight:500;flex:1}.explore-item-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;margin-left:.5rem}.status-new{background-color:var(--success-color, #10b981);color:#fff}.status-progress{color:var(--accent-color, #4361ee)}.status-进行中{background-color:var(--warning-color, #f59e0b);color:#fff}.status-2{background-color:var(--accent-light, #e6f2ff);color:var(--accent-color, #4361ee)}@media (max-width: 768px){.mathwiz-header .header-content{padding:0 1rem}.explore-text{display:none}.explore-button{padding:.5rem}.mathwiz-header .logo{font-size:1.25rem}}@media (max-width: 480px){.mathwiz-header .header-content{padding:0 .75rem}.explore-button{min-width:auto}}.mathwiz-header:focus-within{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}.explore-button:focus{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}@media (prefers-contrast: high){.mathwiz-header{border-bottom:2px solid white}.explore-button{border:1px solid currentColor}}.mathwiz-header .user-name{color:#fff!important}.mathwiz-header .user-profile-trigger:hover{background-color:#ffffff1a!important;opacity:.8}@media (prefers-reduced-motion: reduce){.mathwiz-header .logo,.explore-button,.explore-menu-item{transition:none}}._dashboardLayout_10wqn_5{display:flex;flex-direction:column;gap:24px;height:100%}._upperSection_10wqn_19{flex:3;display:grid;grid-template-columns:1fr 1fr;gap:24px}._lowerSection_10wqn_33{flex:2;display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid #e2e8f0}._radarChartArea_10wqn_51{position:relative;height:320px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){._upperSection_10wqn_19{grid-template-columns:1fr;gap:16px}._dashboardLayout_10wqn_5{gap:16px}}._animate-fade-in_10wqn_93{animation:_fadeIn_10wqn_1 .6s ease-out}@keyframes _fadeIn_10wqn_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grade-unit-browser-page{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-rows:auto 1fr;grid-template-columns:300px 1fr;min-height:100vh;background-color:var(--page-background, #f8fafc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.grade-unit-browser-page--sidebar-collapsed{grid-template-columns:60px 1fr}.header-area{grid-area:header;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 3px #0000001a;width:100%}.sidebar-area{grid-area:sidebar;background:#fff;border-right:1px solid var(--border-color, #e2e8f0);overflow-y:auto;height:100vh;position:sticky;top:0}.content-area{grid-area:content;padding:24px;overflow-y:auto;overflow-x:hidden;background:#fff;min-height:calc(100vh - 80px);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.content-area h1,.content-area h2,.content-area h3,.content-area h4,.content-area h5,.content-area h6,.content-area p,.content-area div,.content-area span{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;box-sizing:border-box}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary, #64748b);font-size:16px}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid var(--border-color, #e2e8f0);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;padding:40px 20px;color:var(--error-color, #dc2626);background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:8px;margin:20px}.retry-button{display:block;margin:20px auto;padding:10px 20px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button:hover{background:var(--primary-hover, #2563eb)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #64748b)}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}@media (max-width: 768px){.grade-unit-browser-page{grid-template-areas:"header" "content";grid-template-columns:1fr}.sidebar-area{display:none}.content-area{padding:16px;min-height:calc(100vh - 60px)}.grade-unit-browser-page.sidebar-open{grid-template-areas:"header" "sidebar" "content"}.grade-unit-browser-page.sidebar-open .sidebar-area{display:block;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color, #e2e8f0)}}@media (max-width: 480px){.content-area{padding:12px}.error-message{margin:10px;padding:20px 16px}.retry-button{margin:10px auto;padding:8px 16px;font-size:13px}}@media (prefers-color-scheme: dark){.grade-unit-browser-page{background-color:var(--page-background-dark, #0f172a);color:var(--text-primary-dark, #f1f5f9)}.header-area,.sidebar-area,.content-area{background:var(--surface-dark, #1e293b)}.sidebar-area{border-right-color:var(--border-color-dark, #334155)}.error-message{color:var(--error-color-dark, #f87171);background:var(--error-bg-dark, #7f1d1d);border-color:var(--error-border-dark, #b91c1c)}}.grade-unit-browser-page:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.retry-button:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}@media (prefers-contrast: high){.grade-unit-browser-page{border:1px solid black}.sidebar-area{border-right:2px solid black}.retry-button{border:2px solid black}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mathwiz/ui-components",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A collection of reusable UI components for React applications within the mathwiz ecosystem.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",