@mathwiz/ui-components 0.1.17 → 0.1.22

package/dist/components/GeometryTransform/utils/geometryCalculations.d.ts

@@ -0,0 +1,26 @@
+import type { GeometryShape } from '../types';
+import type { TransformConfig } from '../types/transform';
+/**
+ * 计算多边形的质心
+ */
+export declare const calculateCentroid: (vertices: Array<[number, number]>) => [number, number];
+/**
+ * 计算多边形的面积（用于刚体变换验证）
+ */
+export declare const calculatePolygonArea: (vertices: Array<[number, number]>) => number;
+/**
+ * 计算两点之间的距离
+ */
+export declare const calculateDistance: (point1: [number, number], point2: [number, number]) => number;
+/**
+ * 验证单个变换配置的有效性
+ */
+export declare const validateSingleTransformConfig: (config: TransformConfig) => string | null;
+/**
+ * 验证几何配置的有效性（支持形状专属transform）
+ */
+export declare const validateGeometryConfig: (base: number, height: number, shapes: {
+    static: GeometryShape[];
+    animated: GeometryShape[];
+}, transform: TransformConfig) => string | null;
+//# sourceMappingURL=geometryCalculations.d.ts.map

package/dist/components/GeometryTransform/utils/geometryCalculations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometryCalculations.d.ts","sourceRoot":"","sources":["../../../../src/components/GeometryTransform/utils/geometryCalculations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAG,CAAC,MAAM,EAAE,MAAM,CAYpF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,UAAU,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAG,MAaxE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,KAAG,MAItF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,QAAQ,eAAe,KAAG,MAAM,GAAG,IA6ChF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,MAAM,MAAM,EACZ,QAAQ,MAAM,EACd,QAAQ;IAAE,MAAM,EAAE,aAAa,EAAE,CAAC;IAAC,QAAQ,EAAE,aAAa,EAAE,CAAA;CAAE,EAC9D,WAAW,eAAe,KACzB,MAAM,GAAG,IA8CX,CAAC"}

package/dist/components/GeometryTransform/utils/transformAlgorithms.d.ts

@@ -0,0 +1,42 @@
+import type { TransformConfig, TranslationConfig, RotationConfig, ScaleConfig, GeometryShape } from '../types';
+/**
+ * 平移变换算法
+ */
+export declare const calculateTranslation: (vertices: [number, number][], progress: number, config: TranslationConfig) => [number, number][];
+/**
+ * 旋转变换算法（刚体旋转）
+ */
+export declare const calculateRotation: (vertices: [number, number][], progress: number, config: RotationConfig) => [number, number][];
+/**
+ * 缩放变换算法
+ */
+export declare const calculateScale: (vertices: [number, number][], progress: number, config: ScaleConfig) => [number, number][];
+/**
+ * 获取有效的变换配置（优先使用形状专属transform）
+ */
+export declare const getEffectiveTransform: (shape: GeometryShape, globalTransform: TransformConfig) => TransformConfig;
+/**
+ * 过滤变换配置，仅保留适用于当前形状的配置
+ */
+export declare const filterTransformConfigs: (configs: TransformConfig[], shapeGroup?: string) => TransformConfig[];
+/**
+ * 复合变换算法（支持按组过滤）
+ */
+export declare const calculateComposite: (vertices: [number, number][], progress: number, configs: TransformConfig[], shapeGroup?: string) => [number, number][];
+/**
+ * 主变换计算函数（支持形状metadata和按组过滤）
+ */
+export declare const calculateTransformedVertices: (vertices: [number, number][], progress: number, config: TransformConfig, shapeMetadata?: any) => [number, number][];
+/**
+ * 计算形状的变换顶点（整合所有逻辑）
+ */
+export declare const calculateShapeTransformedVertices: (shape: GeometryShape, progress: number, globalTransform: TransformConfig) => [number, number][];
+/**
+ * 进度映射算法
+ */
+export declare const mapProgressToDistance: (progress: number, base: number) => number;
+/**
+ * 自动完成检测算法
+ */
+export declare const shouldAutoComplete: (currentProgress: number, threshold?: number) => boolean;
+//# sourceMappingURL=transformAlgorithms.d.ts.map

package/dist/components/GeometryTransform/utils/transformAlgorithms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformAlgorithms.d.ts","sourceRoot":"","sources":["../../../../src/components/GeometryTransform/utils/transformAlgorithms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG/G;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAC5B,UAAU,MAAM,EAChB,QAAQ,iBAAiB,KACxB,CAAC,MAAM,EAAE,MAAM,CAAC,EA6ClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAC5B,UAAU,MAAM,EAChB,QAAQ,cAAc,KACrB,CAAC,MAAM,EAAE,MAAM,CAAC,EAsBlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAC5B,UAAU,MAAM,EAChB,QAAQ,WAAW,KAClB,CAAC,MAAM,EAAE,MAAM,CAAC,EAkBlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAChC,OAAO,aAAa,EACpB,iBAAiB,eAAe,KAC/B,eAMF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,eAAe,EAAE,EAC1B,aAAa,MAAM,KAClB,eAAe,EASjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAC5B,UAAU,MAAM,EAChB,SAAS,eAAe,EAAE,EAC1B,aAAa,MAAM,KAClB,CAAC,MAAM,EAAE,MAAM,CAAC,EAmBlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,GACvC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAC5B,UAAU,MAAM,EAChB,QAAQ,eAAe,EACvB,gBAAgB,GAAG,KAClB,CAAC,MAAM,EAAE,MAAM,CAAC,EAkClB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC,GAC5C,OAAO,aAAa,EACpB,UAAU,MAAM,EAChB,iBAAiB,eAAe,KAC/B,CAAC,MAAM,EAAE,MAAM,CAAC,EAWlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,EAAE,MAAM,MAAM,KAAG,MAEtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,iBAAiB,MAAM,EACvB,YAAW,MAAa,KACvB,OAEF,CAAC"}

package/dist/components/GeometryTransform/utils/validation.d.ts

@@ -0,0 +1,19 @@
+import type { GeometryTransformProps, GeometryTransformError } from '../types';
+/**
+ * 验证几何配置并返回错误对象
+ */
+export declare const validateGeometryConfig: (props: Pick<GeometryTransformProps, "base" | "height" | "shapes" | "transform">) => GeometryTransformError | null;
+/**
+ * 验证动画配置
+ * 注意：slider配置是可选的，因为组件使用HeroUI Slider而不是JSXGraph slider
+ */
+export declare const validateAnimationConfig: (animation: GeometryTransformProps["animation"]) => string | null;
+/**
+ * 验证画板配置
+ */
+export declare const validateBoardConfig: (boardConfig: GeometryTransformProps["boardConfig"]) => string | null;
+/**
+ * 完整的配置验证
+ */
+export declare const validateAllConfigs: (props: GeometryTransformProps) => GeometryTransformError | null;
+//# sourceMappingURL=validation.d.ts.map

package/dist/components/GeometryTransform/utils/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/components/GeometryTransform/utils/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAI/E;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC,KAC9E,sBAAsB,GAAG,IAiB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,WAAW,sBAAsB,CAAC,WAAW,CAAC,KAC7C,MAAM,GAAG,IAmBX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,aAAa,sBAAsB,CAAC,aAAa,CAAC,KACjD,MAAM,GAAG,IAeX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,sBAAsB,KAC5B,sBAAsB,GAAG,IA2C3B,CAAC"}

package/dist/{react-storybook-mcp/src/components → components}/GradeNavigation.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './components.css';
-interface GradeNavigationProps {
+export interface GradeNavigationProps {
     grades: Array<{
         id: string;
         name: string;
@@ -12,5 +12,4 @@ interface GradeNavigationProps {
     selectedGrade?: string;
 }
 export declare const GradeNavigation: React.FC<GradeNavigationProps>;
-export {};
 //# sourceMappingURL=GradeNavigation.d.ts.map

package/dist/components/GradeNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradeNavigation.d.ts","sourceRoot":"","sources":["../../src/components/GradeNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,KAAK,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwB1D,CAAC"}

package/dist/components/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAuFnB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/HundredChart/HundredChart.css

@@ -0,0 +1,75 @@
+/* HundredChart 组件样式 */
+
+.hundred-chart-container {
+  display: inline-block;
+  border-radius: 8px;
+  padding: 8px;
+  background-color: var(--hundred-chart-background, #ffffff);
+  transition: all 0.2s ease-in-out;
+}
+
+.hundred-chart-container.hundred-chart--has-shadow {
+  box-shadow: var(--hundred-chart-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));
+}
+
+.hundred-chart-container.hundred-chart--edit {
+  cursor: pointer;
+}
+
+.hundred-chart-container.hundred-chart--edit:hover {
+  box-shadow: var(--hundred-chart-hover-shadow, 0 6px 16px rgba(0, 0, 0, 0.15));
+}
+
+.hundred-chart-container.hundred-chart--readonly {
+  cursor: default;
+}
+
+.hundred-chart-svg {
+  border-radius: 4px;
+  overflow: visible;
+}
+
+.hundred-chart-cell {
+  transition: all 0.15s ease-in-out;
+  cursor: inherit;
+}
+
+.hundred-chart-container.hundred-chart--edit .hundred-chart-cell:hover {
+  transform: scale(1.05);
+  filter: brightness(1.1);
+}
+
+.hundred-chart-container.hundred-chart--edit .hundred-chart-cell:focus {
+  outline: 2px solid var(--hundred-chart-focus-color, #3b82f6);
+  outline-offset: 1px;
+}
+
+/* 高对比度模式支持 */
+@media (prefers-contrast: high) {
+  .hundred-chart-cell {
+    stroke-width: 2px;
+  }
+}
+
+/* 减少动画模式支持 */
+@media (prefers-reduced-motion: reduce) {
+  .hundred-chart-container,
+  .hundred-chart-cell {
+    transition: none;
+  }
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .hundred-chart-container {
+    padding: 4px;
+  }
+}
+
+/* 打印样式 */
+@media print {
+  .hundred-chart-container {
+    box-shadow: none !important;
+    border: 1px solid #ccc !important;
+  }
+}

package/dist/components/HundredChart/HundredChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HundredChart.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/HundredChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,sBAAsB,CAAC;AASxE,OAAO,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwK7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/HundredChart/HundredChart.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HundredChart.store.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/HundredChart.store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,UAAU,iBAAiB;IAEzB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IAGrB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,gFA8E9B,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,oBAAoB;;8BA7FL,MAAM,KAAK,IAAI;CAmGxC,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;4BAvGN,MAAM,KAAK,IAAI;+BACZ,MAAM,KAAK,IAAI;mBAC3B,IAAI;qBACF,IAAI;CA8GpB,CAAC"}

package/dist/components/HundredChart/HundredChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HundredChart.types.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/HundredChart.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAEjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,UAAU;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,YAAY;IACZ,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,aAAa;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC;CACjD;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,YAAY;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW;IACX,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,SAAS;IACT,IAAI,EAAE,MAAM,CAAC;IACb,SAAS;IACT,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW;IACX,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/HundredChart/HundredChart.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HundredChart.utils.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/HundredChart.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAE9B;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,mBAAmB,KAC1B,mBA6BF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,MAAM,EACZ,MAAM,MAAM,EACZ,UAAU,MAAM,EAChB,aAAa,MAAM,EAAE,KACpB,QAAQ,EAkBV,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAC7B,YAAY,MAAM,EAClB,cAAc,MAAM,EACpB,WAAW,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,EAC/C,OAAO,MAAM,EACb,MAAM,MAAM,KACX,MAAM,EA2CR,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GACjC,WAAW,MAAM,EAAE,EACnB,YAAY,MAAM,KACjB,MAEF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAE7C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,MAEhD,CAAC"}

package/dist/components/HundredChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EACjB,MAAM,sBAAsB,CAAC"}

package/dist/components/IXLStyleCard/IXLStyleCard.css

@@ -0,0 +1,197 @@
+/* ==================== IXL风格卡片样式 ==================== */
+
+.ixl-style-card-container {
+  /* 基础容器样式 */
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 200px;
+  transition: all 0.3s ease;
+}
+
+/* IXL样式启用时的基础样式 */
+.ixl-styled {
+  border-radius: var(--ixl-card-border-radius, 8px);
+  box-shadow: var(--ixl-card-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));
+  background-color: var(--bg-primary, #ffffff);
+  overflow: hidden;
+}
+
+/* IXL标签样式 */
+.ixl-tag {
+  /* 基础标签样式 */
+  font-family: inherit;
+  user-select: none;
+  transition: all 0.3s ease;
+}
+
+.ixl-tag-text {
+  /* 标签文本样式 */
+  display: inline-block;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+/* 桌面端布局 */
+.ixl-desktop-layout {
+  /* 桌面端特定样式 */
+  flex-direction: row;
+}
+
+.ixl-desktop-layout .ixl-tag {
+  /* 桌面端标签定位 */
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 10;
+}
+
+/* 移动端布局 */
+.ixl-mobile-layout {
+  /* 移动端特定样式 */
+  flex-direction: column;
+}
+
+.ixl-mobile-layout .ixl-tag {
+  /* 移动端标签定位 */
+  position: relative;
+  width: 100%;
+  z-index: 10;
+}
+
+/* IXL类型特定样式 */
+.ixl-type-remember .ixl-tag {
+  background-color: var(--ixl-color-remember, #5bc0de);
+}
+
+.ixl-type-review .ixl-tag {
+  background-color: var(--ixl-color-review, #a5c63b);
+}
+
+.ixl-type-solve .ixl-tag {
+  background-color: var(--ixl-color-solve, #f0ad4e);
+}
+
+/* 调整MathCardV2样式 */
+.ixl-adjusted {
+  /* 移除MathCardV2中的border-l-8 pl-6类名效果 */
+  border-left-width: 0 !important;
+  padding-left: 0 !important;
+}
+
+/* 响应式断点 */
+@media (max-width: 768px) {
+  .ixl-style-card-container {
+    /* 移动端调整 */
+    min-height: 180px;
+  }
+
+  .ixl-styled {
+    /* 移动端圆角调整 */
+    border-radius: var(--ixl-card-border-radius, 8px);
+  }
+
+  .ixl-mobile-layout .ixl-tag {
+    /* 移动端标签高度 */
+    height: var(--ixl-mobile-tag-height, 32px);
+    border-radius: var(--ixl-mobile-tag-border-radius, 8px 8px 0 0);
+  }
+}
+
+/* 桌面端大屏幕优化 */
+@media (min-width: 1024px) {
+  .ixl-style-card-container {
+    /* 大屏幕优化 */
+    max-width: 800px;
+    margin: 0 auto;
+  }
+}
+
+/* 悬停效果 */
+.ixl-styled:hover {
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+
+.ixl-styled:hover .ixl-tag {
+  opacity: 0.95;
+}
+
+/* 焦点状态（可访问性） */
+.ixl-style-card-container:focus-within {
+  outline: 2px solid var(--primary-color, #3b82f6);
+  outline-offset: 2px;
+}
+
+/* 禁用状态 */
+.ixl-style-card-container[data-ixl-enabled="false"] {
+  opacity: 0.7;
+  filter: grayscale(0.3);
+}
+
+.ixl-style-card-container[data-ixl-enabled="false"]:hover {
+  transform: none;
+  box-shadow: var(--ixl-card-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));
+}
+
+/* 打印样式 */
+@media print {
+  .ixl-style-card-container {
+    break-inside: avoid;
+    box-shadow: none !important;
+  }
+
+  .ixl-styled {
+    border: 1px solid #ddd !important;
+  }
+
+  .ixl-tag {
+    background-color: #f0f0f0 !important;
+    color: #333 !important;
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+}
+
+/* 动画效果 */
+@keyframes ixl-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.ixl-style-card-container {
+  animation: ixl-fade-in 0.3s ease-out;
+}
+
+/* 高对比度模式支持 */
+@media (prefers-contrast: high) {
+  .ixl-tag {
+    border: 2px solid currentColor;
+  }
+
+  .ixl-styled {
+    border: 2px solid var(--text-primary, #1e293b);
+  }
+}
+
+/* 减少动画偏好 */
+@media (prefers-reduced-motion: reduce) {
+  .ixl-style-card-container,
+  .ixl-tag,
+  .ixl-styled {
+    transition: none !important;
+    animation: none !important;
+  }
+
+  .ixl-styled:hover {
+    transform: none !important;
+  }
+}

package/dist/components/IXLStyleCard/IXLStyleCard.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { IXLStyleCardProps } from './IXLStyleCard.types';
+import './IXLStyleCard.css';
+/**
+ * IXL风格卡片包装器组件
+ *
+ * 这是一个非侵入式包装器，用于为MathCardV2组件或任意组件添加IXL风格的视觉样式。
+ * 支持三种IXL卡片类型：remember（速记）、review（回顾）、solve（解答）。
+ * 提供响应式布局，桌面端为左侧垂直标签，移动端为顶部水平标签。
+ * 支持两种包装模式：mathcard（包装MathCardV2）和generic（包装任意子组件）。
+ *
+ * @example
+ * ```tsx
+ * // 包装MathCardV2（默认模式）
+ * <IXLStyleCard
+ *   cardProps={mathCardProps}
+ *   ixlConfig={{ type: 'remember', label: '速记' }}
+ *   enableIXLStyle={true}
+ * />
+ *
+ * // 包装任意组件
+ * <IXLStyleCard
+ *   ixlConfig={{ type: 'review', label: '回顾' }}
+ *   wrapperMode="generic"
+ * >
+ *   <div>自定义内容</div>
+ * </IXLStyleCard>
+ * ```
+ */
+export declare const IXLStyleCard: React.FC<IXLStyleCardProps>;
+export type { IXLStyleCardProps } from './IXLStyleCard.types';
+//# sourceMappingURL=IXLStyleCard.d.ts.map

package/dist/components/IXLStyleCard/IXLStyleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IXLStyleCard.d.ts","sourceRoot":"","sources":["../../../src/components/IXLStyleCard/IXLStyleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgHpD,CAAC;AAMF,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/IXLStyleCard/IXLStyleCard.types.d.ts

@@ -0,0 +1,171 @@
+import type { ReactNode } from 'react';
+import type { MathCardV2Props } from '../MathCardV2/MathCardV2.types';
+/**
+ * IXL卡片类型
+ */
+export type IXLCardType = 'remember' | 'review' | 'solve';
+/**
+ * IXL卡片配置接口
+ */
+export interface IXLCardConfig {
+    /**
+     * 卡片类型
+     */
+    type: IXLCardType;
+    /**
+     * 标签文本
+     */
+    label?: string;
+    /**
+     * 自定义标签颜色
+     */
+    tagColor?: string;
+    /**
+     * 自定义标签文本颜色
+     */
+    tagTextColor?: string;
+    /**
+     * 是否显示标签
+     */
+    showTag?: boolean;
+}
+/**
+ * IXLStyleCard 包装模式
+ */
+export type IXLWrapperMode = 'mathcard' | 'generic';
+/**
+ * IXLStyleCard 核心 Props 接口
+ */
+export interface IXLStyleCardProps {
+    /**
+     * MathCardV2 组件的 props
+     * 当 wrapperMode="mathcard" 时必需
+     */
+    cardProps?: MathCardV2Props;
+    /**
+     * IXL 卡片配置
+     */
+    ixlConfig: IXLCardConfig;
+    /**
+     * 是否启用 IXL 样式
+     * @default true
+     */
+    enableIXLStyle?: boolean;
+    /**
+     * 包装模式
+     * - 'mathcard': 包装MathCardV2组件（默认）
+     * - 'generic': 包装任意子组件
+     * @default 'mathcard'
+     */
+    wrapperMode?: IXLWrapperMode;
+    /**
+     * 移动端断点（像素）
+     * @default 768
+     */
+    mobileBreakpoint?: number;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 子组件（用于自定义渲染）
+     * 当 wrapperMode="generic" 时必需
+     */
+    children?: ReactNode;
+    /**
+     * 响应式变化回调
+     */
+    onResponsiveChange?: (isMobile: boolean) => void;
+}
+/**
+ * IXL 标签颜色映射
+ */
+export interface IXLColorMap {
+    remember: string;
+    review: string;
+    solve: string;
+}
+/**
+ * 响应式配置接口
+ */
+export interface ResponsiveConfig {
+    /**
+     * 是否移动端
+     */
+    isMobile: boolean;
+    /**
+     * 当前视口宽度
+     */
+    viewportWidth: number;
+    /**
+     * 移动端断点
+     */
+    breakpoint: number;
+}
+/**
+ * IXL 样式 Hook 返回值
+ */
+export interface IXLStyleHookReturn {
+    /**
+     * IXL 样式类名
+     */
+    ixlClassName: string;
+    /**
+     * 标签样式
+     */
+    tagStyle: React.CSSProperties;
+    /**
+     * 内容样式
+     */
+    contentStyle: React.CSSProperties;
+    /**
+     * 标签文本
+     */
+    tagText: string;
+    /**
+     * 标签颜色
+     */
+    tagColor: string;
+    /**
+     * 标签文本颜色
+     */
+    tagTextColor: string;
+}
+/**
+ * 响应式 Hook 返回值
+ */
+export interface ResponsiveHookReturn {
+    /**
+     * 是否移动端
+     */
+    isMobile: boolean;
+    /**
+     * 当前视口宽度
+     */
+    viewportWidth: number;
+    /**
+     * 添加 resize 监听器
+     */
+    addResizeListener: (listener: () => void) => () => void;
+    /**
+     * 移除 resize 监听器
+     */
+    removeResizeListener: (listener: () => void) => void;
+}
+/**
+ * IXL 卡片默认配置
+ */
+export declare const DEFAULT_IXL_CONFIG: Record<IXLCardType, IXLCardConfig>;
+/**
+ * IXL 颜色映射
+ */
+export declare const IXL_COLORS: IXLColorMap;
+/**
+ * IXL 标签文本映射
+ */
+export declare const IXL_LABELS: Record<IXLCardType, string>;
+//# sourceMappingURL=IXLStyleCard.types.d.ts.map

package/dist/components/IXLStyleCard/IXLStyleCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IXLStyleCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/IXLStyleCard/IXLStyleCard.types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;IAE9B;;OAEG;IACH,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC;IAElC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAExD;;OAEG;IACH,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACtD;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,aAAa,CAgBjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,WAIxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIlD,CAAC"}

package/dist/components/IXLStyleCard/hooks/useIXLStyle.d.ts

@@ -0,0 +1,26 @@
+import type { IXLCardConfig, IXLStyleHookReturn } from '../IXLStyleCard.types';
+/**
+ * IXL样式Hook配置
+ */
+export interface UseIXLStyleConfig {
+    /**
+     * IXL卡片配置
+     */
+    ixlConfig: IXLCardConfig;
+    /**
+     * 是否启用IXL样式
+     */
+    enableIXLStyle: boolean;
+    /**
+     * 是否移动端
+     */
+    isMobile: boolean;
+}
+/**
+ * 获取IXL样式信息的自定义Hook
+ *
+ * @param config - IXL样式配置
+ * @returns IXL样式信息对象
+ */
+export declare const useIXLStyle: (config: UseIXLStyleConfig) => IXLStyleHookReturn;
+//# sourceMappingURL=useIXLStyle.d.ts.map

package/dist/components/IXLStyleCard/hooks/useIXLStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIXLStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/IXLStyleCard/hooks/useIXLStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAGnB,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC;IAEzB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,iBAAiB,KAAG,kBAmIvD,CAAC"}