@mathwiz/ui-components 0.1.28 → 0.1.30

package/README.md

@@ -5,7 +5,7 @@
 ## 📦 组件库信息
 
 - **包名**: `@mathwiz/ui-components`
-- **版本**: 0.1.26
+- **版本**: 0.1.30
 - **描述**: A collection of reusable UI components for React applications within the mathwiz ecosystem.
 - **GitHub**: [https://github.com/moleusher/mathwiz-UI](https://github.com/moleusher/mathwiz-UI)
 - **Storybook**: [本地开发地址](http://localhost:6006)

package/dist/components/Button/Button.css

@@ -1,5 +1,5 @@
 /* Button Component Styles */
-.button {
+.button, .mathwiz-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -18,155 +18,223 @@
 }
 
 /* Button Sizes */
-.button--sm {
+.button--sm, .mathwiz-btn--sm {
   padding: 0.375rem 0.75rem;
   font-size: 0.75rem;
   min-height: 1.75rem;
 }
 
-.button--md {
+.button--md, .mathwiz-btn--md {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
   min-height: 2.25rem;
 }
 
-.button--lg {
+.button--lg, .mathwiz-btn--lg {
   padding: 0.75rem 1.5rem;
   font-size: 1rem;
   min-height: 2.75rem;
 }
 
 /* Border Radius */
-.button--radius-sm {
+.button--radius-sm, .mathwiz-btn--radius-sm {
   border-radius: 0.25rem;
 }
 
-.button--radius-md {
+.button--radius-md, .mathwiz-btn--radius-md {
   border-radius: 0.375rem;
 }
 
-.button--radius-lg {
+.button--radius-lg, .mathwiz-btn--radius-lg {
   border-radius: 0.5rem;
 }
 
 /* Color Variants - Primary (未开始) */
-.button--primary {
+.button--primary, .mathwiz-btn--primary {
   background-color: #3b82f6;
   color: white;
   border-color: #3b82f6;
 }
 
-.button--primary:hover {
+.button--primary:hover, .mathwiz-btn--primary:hover {
   background-color: #2563eb;
   border-color: #2563eb;
 }
 
-.button--primary:focus-visible {
+.button--primary:focus-visible, .mathwiz-btn--primary:focus-visible {
   outline: 2px solid #3b82f6;
   outline-offset: 2px;
 }
 
 /* Color Variants - Secondary (进行中) */
-.button--secondary {
+.button--secondary, .mathwiz-btn--secondary {
   background-color: #6b7280;
   color: white;
   border-color: #6b7280;
 }
 
-.button--secondary:hover {
+.button--secondary:hover, .mathwiz-btn--secondary:hover {
   background-color: #4b5563;
   border-color: #4b5563;
 }
 
-.button--secondary:focus-visible {
+.button--secondary:focus-visible, .mathwiz-btn--secondary:focus-visible {
   outline: 2px solid #6b7280;
   outline-offset: 2px;
 }
 
 /* Color Variants - Success (已完成) */
-.button--success {
+.button--success, .mathwiz-btn--success {
   background-color: #10b981;
   color: white;
   border-color: #10b981;
 }
 
-.button--success:hover {
+.button--success:hover, .mathwiz-btn--success:hover {
   background-color: #059669;
   border-color: #059669;
 }
 
-.button--success:focus-visible {
+.button--success:focus-visible, .mathwiz-btn--success:focus-visible {
   outline: 2px solid #10b981;
   outline-offset: 2px;
 }
 
+/* Intent Variants - Semantic button styles */
+.mathwiz-btn--submit {
+  background-color: #10b981;
+  color: white;
+  border-color: #10b981;
+}
+
+.mathwiz-btn--submit:hover {
+  background-color: #059669;
+  border-color: #059669;
+}
+
+.mathwiz-btn--submit:focus-visible {
+  outline: 2px solid #10b981;
+  outline-offset: 2px;
+}
+
+.mathwiz-btn--next {
+  background-color: #3b82f6;
+  color: white;
+  border-color: #3b82f6;
+}
+
+.mathwiz-btn--next:hover {
+  background-color: #2563eb;
+  border-color: #2563eb;
+}
+
+.mathwiz-btn--next:focus-visible {
+  outline: 2px solid #3b82f6;
+  outline-offset: 2px;
+}
+
+.mathwiz-btn--retry {
+  background-color: #f59e0b;
+  color: white;
+  border-color: #f59e0b;
+}
+
+.mathwiz-btn--retry:hover {
+  background-color: #d97706;
+  border-color: #d97706;
+}
+
+.mathwiz-btn--retry:focus-visible {
+  outline: 2px solid #f59e0b;
+  outline-offset: 2px;
+}
+
+.mathwiz-btn--solve {
+  background-color: #6b7280;
+  color: white;
+  border-color: #6b7280;
+}
+
+.mathwiz-btn--solve:hover {
+  background-color: #4b5563;
+  border-color: #4b5563;
+}
+
+.mathwiz-btn--solve:focus-visible {
+  outline: 2px solid #6b7280;
+  outline-offset: 2px;
+}
+
+/* Note: .mathwiz-btn--primary, .mathwiz-btn--secondary, .mathwiz-btn--default */
+/* are already defined in color variants above */
+
 /* Style Variants - Solid (默认) */
 .button--solid {
   /* Solid styles are the default, defined in color variants */
 }
 
 /* Style Variants - Bordered */
-.button--bordered.button--primary {
+.button--bordered.button--primary, .mathwiz-btn--bordered.mathwiz-btn--primary {
   background-color: transparent;
   color: #3b82f6;
   border-color: #3b82f6;
 }
 
-.button--bordered.button--primary:hover {
+.button--bordered.button--primary:hover, .mathwiz-btn--bordered.mathwiz-btn--primary:hover {
   background-color: #3b82f6;
   color: white;
 }
 
-.button--bordered.button--secondary {
+.button--bordered.button--secondary, .mathwiz-btn--bordered.mathwiz-btn--secondary {
   background-color: transparent;
   color: #6b7280;
   border-color: #6b7280;
 }
 
-.button--bordered.button--secondary:hover {
+.button--bordered.button--secondary:hover, .mathwiz-btn--bordered.mathwiz-btn--secondary:hover {
   background-color: #6b7280;
   color: white;
 }
 
-.button--bordered.button--success {
+.button--bordered.button--success, .mathwiz-btn--bordered.mathwiz-btn--success {
   background-color: transparent;
   color: #10b981;
   border-color: #10b981;
 }
 
-.button--bordered.button--success:hover {
+.button--bordered.button--success:hover, .mathwiz-btn--bordered.mathwiz-btn--success:hover {
   background-color: #10b981;
   color: white;
 }
 
 /* Style Variants - Light */
-.button--light.button--primary {
+.button--light.button--primary, .mathwiz-btn--light.mathwiz-btn--primary {
   background-color: #dbeafe;
   color: #1e40af;
   border-color: transparent;
 }
 
-.button--light.button--primary:hover {
+.button--light.button--primary:hover, .mathwiz-btn--light.mathwiz-btn--primary:hover {
   background-color: #bfdbfe;
 }
 
-.button--light.button--secondary {
+.button--light.button--secondary, .mathwiz-btn--light.mathwiz-btn--secondary {
   background-color: #f3f4f6;
   color: #374151;
   border-color: transparent;
 }
 
-.button--light.button--secondary:hover {
+.button--light.button--secondary:hover, .mathwiz-btn--light.mathwiz-btn--secondary:hover {
   background-color: #e5e7eb;
 }
 
-.button--light.button--success {
+.button--light.button--success, .mathwiz-btn--light.mathwiz-btn--success {
   background-color: #d1fae5;
   color: #065f46;
   border-color: transparent;
 }
 
-.button--light.button--success:hover {
+.button--light.button--success:hover, .mathwiz-btn--light.mathwiz-btn--success:hover {
   background-color: #a7f3d0;
 }
 
@@ -187,26 +255,26 @@
 }
 
 /* Loading state (optional) */
-.button--loading {
+.button--loading, .mathwiz-btn--loading {
   pointer-events: none;
   opacity: 0.8;
 }
 
 /* Responsive design */
 @media (max-width: 768px) {
-  .button--sm {
+  .button--sm, .mathwiz-btn--sm {
     padding: 0.25rem 0.5rem;
     font-size: 0.6875rem;
     min-height: 1.5rem;
   }
 
-  .button--md {
+  .button--md, .mathwiz-btn--md {
     padding: 0.375rem 0.75rem;
     font-size: 0.8125rem;
     min-height: 2rem;
   }
 
-  .button--lg {
+  .button--lg, .mathwiz-btn--lg {
     padding: 0.5rem 1rem;
     font-size: 0.875rem;
     min-height: 2.25rem;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+CxC,CAAC"}

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

@@ -44,6 +44,25 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      * @example true // 显示加载状态
      */
     loading?: boolean;
+    /**
+     * 按钮语义意图，用于生成特定类名和样式
+     * @default undefined
+     * @example 'submit' // 提交按钮
+     * @example 'next' // 下一步按钮
+     * @example 'retry' // 重试按钮
+     * @example 'solve' // 解题按钮
+     * @example 'primary' // 主要按钮
+     * @example 'secondary' // 次要按钮
+     * @example 'default' // 默认按钮
+     */
+    intent?: 'submit' | 'next' | 'retry' | 'solve' | 'primary' | 'secondary' | 'default';
+    /**
+     * 是否使用新的类名前缀 (mathwiz-btn)
+     * @default false
+     * @example true // 使用 mathwiz-btn 前缀
+     * @example false // 使用旧的 button 前缀（向后兼容）
+     */
+    useNewClassName?: boolean;
 }
 export type GetButtonColorClassFn = (progress: number) => string;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACzC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAGD,MAAM,MAAM,qBAAqB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACzC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACrF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAGD,MAAM,MAAM,qBAAqB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC"}

package/dist/components/HundredChart/HundredChart.css

@@ -44,6 +44,14 @@
   outline-offset: 1px;
 }
 
+/* 数字文本样式 */
+.hundred-chart-cell-text {
+  font-family: var(--hundred-chart-font-family, system-ui, -apple-system, sans-serif);
+  font-weight: var(--hundred-chart-font-weight, 500);
+  user-select: none;
+  pointer-events: none;
+}
+
 /* 高对比度模式支持 */
 @media (prefers-contrast: high) {
   .hundred-chart-cell {

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

@@ -1 +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"}
+{"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;AAUxE,OAAO,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0M7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,3 +1,13 @@
+/**
+ * 高亮组配置
+ * 用于离散高亮特定单元格
+ */
+export interface HighlightGroup {
+    /** 要高亮的单元格数字编号数组（1-based，1-100） */
+    cells: number[];
+    /** 高亮颜色 */
+    color: string;
+}
 /**
  * HundredChart 组件 Props 接口定义
  */
@@ -69,6 +79,25 @@ export interface HundredChartProps {
      * 自定义 CSS 类名
      */
     className?: string;
+    /**
+     * 是否显示数字
+     * @default false
+     */
+    showNumbers?: boolean;
+    /**
+     * 离散高亮组配置
+     */
+    highlightGroups?: HighlightGroup[];
+    /**
+     * 数字字体大小（像素）
+     * @default 10
+     */
+    numberFontSize?: number;
+    /**
+     * 数字颜色
+     * @default '#374151'
+     */
+    numberColor?: string;
 }
 /**
  * 单元格数据接口

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

@@ -1 +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"}
+{"version":3,"file":"HundredChart.types.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/HundredChart.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;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;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;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

@@ -1,4 +1,4 @@
-import type { FillAlgorithmConfig, FillAlgorithmResult, CellData } from './HundredChart.types';
+import type { FillAlgorithmConfig, FillAlgorithmResult, CellData, HighlightGroup } from './HundredChart.types';
 /**
  * 计算填充的单元格
  * @param config 填充算法配置
@@ -43,4 +43,16 @@ export declare const validateValue: (value: number) => number;
  * @returns 百分比字符串
  */
 export declare const formatPercentage: (value: number) => string;
+/**
+ * 解析单元格颜色
+ * 优先级：highlightGroups 命中 > isActive(fillColor) > baseColor
+ *
+ * @param cellNumber - 单元格数字编号（1-based）
+ * @param highlightGroups - 高亮组配置
+ * @param isActive - 是否处于激活状态（基于 value 的填充）
+ * @param fillColor - 填充颜色
+ * @param baseColor - 基础颜色
+ * @returns 最终颜色值
+ */
+export declare function resolveColor(cellNumber: number, highlightGroups: HighlightGroup[] | undefined, isActive: boolean, fillColor: string, baseColor: string): string;
 //# sourceMappingURL=HundredChart.utils.d.ts.map

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

@@ -1 +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"}
+{"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,EACR,cAAc,EACf,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;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,cAAc,EAAE,GAAG,SAAS,EAC7C,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,GAChB,MAAM,CAcR"}

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

@@ -1,5 +1,5 @@
 export { default as HundredChart } from './HundredChart';
-export type { HundredChartProps, CellData, DragState, FillAlgorithmConfig, FillAlgorithmResult } from './HundredChart.types';
+export type { HundredChartProps, CellData, DragState, FillAlgorithmConfig, FillAlgorithmResult, HighlightGroup } from './HundredChart.types';
 export { useHundredChartStore, useHundredChartValue, useHundredChartDrag } from './HundredChart.store';
-export { calculateFilledCells, generateCellData, calculateDragRange, calculateValueFromDrag, validateValue, formatPercentage } from './HundredChart.utils';
+export { calculateFilledCells, generateCellData, calculateDragRange, calculateValueFromDrag, validateValue, formatPercentage, resolveColor } from './HundredChart.utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,EACnB,cAAc,EACf,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,EAChB,YAAY,EACb,MAAM,sBAAsB,CAAC"}

package/dist/components/MathCardV2/DecimalNumberRecognitionSessionStore.d.ts

@@ -1,4 +1,4 @@
-import type { MathPracticeSessionStore } from './MathPracticeSessionTypes';
+import type { MathPracticeSessionStore, OptionAnswerItem } from './MathPracticeSessionTypes';
 /**
  * 小数认识练习会话状态管理 Store
  * 扩展基础 MathPracticeSessionStore，专门处理小数答案验证
@@ -11,7 +11,7 @@ export declare const useDecimalCurrentScene: () => import("./MathPracticeSession
 /**
  * 自定义 Hook - 获取用户答案
  */
-export declare const useDecimalUserAnswer: () => string;
+export declare const useDecimalUserAnswer: () => string | OptionAnswerItem[];
 /**
  * 自定义 Hook - 获取答案正确性
  */

package/dist/components/MathCardV2/DecimalNumberRecognitionSessionStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DecimalNumberRecognitionSessionStore.d.ts","sourceRoot":"","sources":["../../../src/components/MathCardV2/DecimalNumberRecognitionSessionStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E;;;GAGG;AACH,eAAO,MAAM,uCAAuC,uFAwFjD,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,sBAAsB,8DAElC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,cAEhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,sBAEvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B,eAE1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,qBAErC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,2EAEjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,gIAYlC,CAAC"}
+{"version":3,"file":"DecimalNumberRecognitionSessionStore.d.ts","sourceRoot":"","sources":["../../../src/components/MathCardV2/DecimalNumberRecognitionSessionStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE7F;;;GAGG;AACH,eAAO,MAAM,uCAAuC,uFAoGjD,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,sBAAsB,8DAElC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,mCAEhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,sBAEvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B,eAE1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,qBAErC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,2EAEjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,gIAYlC,CAAC"}

package/dist/components/MathCardV2/ExplanationStep.d.ts

@@ -13,12 +13,21 @@ interface ExplanationStepProps {
                 boundingBox?: [number, number, number, number];
                 showGrid?: boolean;
                 showAxis?: boolean;
+                width?: number;
+                height?: number;
                 shapes?: any[];
                 config?: any;
                 metadata?: {
                     config?: any;
                     [key: string]: any;
                 };
+                rows?: number;
+                cols?: number;
+                cellSize?: number;
+                mode?: 'readonly' | 'edit';
+                value?: number;
+                fillColor?: string;
+                baseColor?: string;
             };
         };
     };

package/dist/components/MathCardV2/ExplanationStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExplanationStep.d.ts","sourceRoot":"","sources":["../../../src/components/MathCardV2/ExplanationStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,uBAAuB,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE;gBACZ,IAAI,EAAE,MAAM,CAAC;gBACb,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;gBACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;gBACnB,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;gBACf,MAAM,CAAC,EAAE,GAAG,CAAC;gBACb,QAAQ,CAAC,EAAE;oBACT,MAAM,CAAC,EAAE,GAAG,CAAC;oBACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;iBACpB,CAAC;aACH,CAAC;SACH,CAAC;KACH,CAAC;IACF,WAAW,EAAE,uBAAuB,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;CACpB;AAeD;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmF1D,CAAC"}
+{"version":3,"file":"ExplanationStep.d.ts","sourceRoot":"","sources":["../../../src/components/MathCardV2/ExplanationStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,uBAAuB,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE;gBACZ,IAAI,EAAE,MAAM,CAAC;gBAEb,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;gBACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;gBACnB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,MAAM,CAAC,EAAE,MAAM,CAAC;gBAEhB,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;gBAEf,MAAM,CAAC,EAAE,GAAG,CAAC;gBACb,QAAQ,CAAC,EAAE;oBACT,MAAM,CAAC,EAAE,GAAG,CAAC;oBACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;iBACpB,CAAC;gBAEF,IAAI,CAAC,EAAE,MAAM,CAAC;gBACd,IAAI,CAAC,EAAE,MAAM,CAAC;gBACd,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;gBAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,SAAS,CAAC,EAAE,MAAM,CAAC;gBACnB,SAAS,CAAC,EAAE,MAAM,CAAC;aACpB,CAAC;SACH,CAAC;KACH,CAAC;IACF,WAAW,EAAE,uBAAuB,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;CACpB;AAeD;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoG1D,CAAC"}

package/dist/components/MathCardV2/MathCardV2.css

@@ -17,10 +17,16 @@
 }
 
 /* 文本内容样式 - 使用设计令牌 */
+/* 问题场景正文文本：视觉更轻盈、现代的无衬线字体、降低对比度 */
 .mathcard-v2-text {
-  font-size: var(--mc-text-base);
-  line-height: var(--mc-leading-relaxed);
-  color: var(--mc-text-secondary);
+  font-family: var(--mc-font-sans);
+  font-size: 0.9375rem; /* 15px - 适度缩小字号 */
+  font-weight: var(--mc-font-normal); /* 400 - 降低字重，非标题内容 */
+  line-height: 1.6; /* 提高行高，降低密度 */
+  letter-spacing: 0.01em; /* 增加字间距，提升可读性 */
+  color: var(--mc-text-body); /* 正文文本颜色，对比度适中 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 /* 公式内容样式 - 使用设计令牌 */
@@ -69,6 +75,7 @@
   }
 
   .mathcard-v2-text {
-    font-size: var(--mc-text-sm);
+    font-size: 0.875rem; /* 14px - 移动端适度缩小 */
+    line-height: 1.5; /* 移动端行高稍紧 */
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MathCardV2.d.ts","sourceRoot":"","sources":["../../../src/components/MathCardV2/MathCardV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IAEnD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAG1B,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC5B,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAGxC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CAqFhC,CAAC"}
+{"version":3,"file":"MathCardV2.d.ts","sourceRoot":"","sources":["../../../src/components/MathCardV2/MathCardV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IAEnD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAG1B,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC5B,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAGxC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CAuFhC,CAAC"}

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

@@ -1,4 +1,4 @@
-export type ContentType = 'text' | 'formula' | 'image' | 'graph' | 'interactive' | 'hundredGrid' | 'placeValueChart' | 'geometryTransform';
+export type ContentType = 'text' | 'formula' | 'image' | 'graph' | 'interactive' | 'hundredGrid' | 'placeValueChart' | 'geometryTransform' | 'optionGroup';
 export type LayoutType = 'card' | 'grid' | 'flow' | 'custom';
 export type RenderMode = 'default' | 'list' | 'template';
 export type MathCardV2Scene = 'question' | 'solve' | 'review';
@@ -133,6 +133,7 @@ export interface MathCardV2Props {
     layout?: LayoutConfig;
     renderer?: RendererConfig;
     onContentInteraction?: (contentId: string, interaction: any) => void;
+    interactionValues?: Record<string, OptionAnswerItem[]>;
     onLayoutChange?: (layout: LayoutConfig) => void;
     theme?: 'light' | 'dark';
     className?: string;
@@ -150,6 +151,7 @@ export interface ContentRendererProps {
     content: ContentBlock[];
     layout?: LayoutConfig;
     onInteraction?: (contentId: string, interaction: any) => void;
+    interactionValues?: Record<string, OptionAnswerItem[]>;
 }
 export interface ListRendererProps {
     data: any[];
@@ -334,4 +336,52 @@ export interface GeometryTransformContentProps {
     boardWidth?: number | string;
     className?: string;
 }
+/**
+ * 选项配置
+ */
+export interface OptionConfig {
+    id: string;
+    content: string;
+    contentType?: 'text' | 'formula' | 'image' | 'graph';
+    graphConfig?: {
+        shapes: any[];
+        boundingBox?: [number, number, number, number];
+        showGrid?: boolean;
+        showAxis?: boolean;
+    };
+}
+/**
+ * OptionGroup 内容块（复用 OptionGroup 组件）
+ */
+export interface OptionGroupContentBlock extends ContentBlock {
+    type: 'optionGroup';
+    options: OptionConfig[];
+    correctAnswers: string[];
+    answerType: 'single' | 'multiple';
+    layout?: 'vertical' | 'horizontal';
+    variant?: 'default' | 'ixl';
+}
+/**
+ * 选项答案项
+ */
+export interface OptionAnswerItem {
+    id: string;
+    content: string;
+    contentType?: 'text' | 'formula' | 'image' | 'graph';
+}
+/**
+ * OptionGroup 内容组件 Props
+ */
+export interface OptionGroupContentProps {
+    options: OptionConfig[];
+    correctAnswers: string[];
+    answerType: 'single' | 'multiple';
+    layout?: 'vertical' | 'horizontal';
+    variant?: 'default' | 'ixl';
+    value?: OptionAnswerItem[];
+    onChange?: (value: OptionAnswerItem[]) => void;
+    showResult?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
 //# sourceMappingURL=MathCardV2.types.d.ts.map