@magmamath/students-features 1.3.26-rc.19 → 1.3.26-rc.2

package/dist/module/features/fluency/components/matrix/components/MatrixCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","View","Text","StyleSheet","Animated","FadeIn","FadeOut","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","FluencyMasteryLevel","StarFillIcon","CellTooltip","jsx","_jsx","jsxs","_jsxs","MatrixCell","label","box","isHeader","isEmpty","levelColors","tooltipLabel","isActive","setIsActive","masteryLevel","isMastered","MASTERED","bgColor","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","style","styles","wrapper","children","cell","emptyCell","emptyCellText","wrapperActive","entering","duration","exiting","tooltipContainer","pointerEvents","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","color","PRIMARY_YELLOW","undefined","symbolText","headerText","create","flex","zIndex","borderRadius","alignItems","justifyContent","position","bottom","left","right","paddingBottom","fontSize","fontFamily","buenosAires","fontWeight","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","COLORS","getCellBackground","getCellColorByScore","getCellLabel","getMasteryLevel","FluencyMasteryLevel","StarFillIcon","jsx","_jsx","jsxs","_jsxs","MatrixCell","row","col","score","mastery","label","isMastered","MASTERED","background","style","styles","cell","backgroundColor","children","headerText","create","flex","borderRadius","alignItems","justifyContent","fontSize","color","NEUTRAL_2"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,QAAQ,4BAA4B;AAClE,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,YAAY,EACZC,eAAe,QACV,6BAA0B;AACjC,SAASC,mBAAmB,QAAQ,+BAA4B;AAChE,SAASC,YAAY,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3D,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,GAAG;EAAEC,GAAG;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3E,MAAMC,KAAK,GAAGb,YAAY,CAACS,GAAG,EAAEC,GAAG,CAAC;EACpC,MAAMI,UAAU,GAAGH,KAAK,KAAK,IAAI,IAAIV,eAAe,CAACU,KAAK,CAAC,KAAKT,mBAAmB,CAACa,QAAQ;EAC5F,MAAMC,UAAU,GACdL,KAAK,KAAK,IAAI,GAAGZ,mBAAmB,CAACY,KAAK,EAAEC,OAAO,CAAC,GAAGd,iBAAiB,CAACW,GAAG,EAAEC,GAAG,CAAC;EAEpF,oBACEH,KAAA,CAACd,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAEJ;IAAW,CAAC,CAAE;IAAAK,QAAA,GACzDP,UAAU,iBAAIT,IAAA,CAACF,YAAY,IAAE,CAAC,EAC9BU,KAAK,KAAK,IAAI,iBAAIR,IAAA,CAACX,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACI,UAAW;MAAAD,QAAA,EAAER;IAAK,CAAO,CAAC;EAAA,CAC7D,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGvB,UAAU,CAAC4B,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,IAAI,EAAE,CAAC;IACPC,YAAY,EAAE7B,aAAa,CAAC,GAAG,CAAC;IAChC8B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,UAAU,EAAE;IACVM,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEhC,MAAM,CAACiC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixFill.js

@@ -3,44 +3,49 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { SPACING } from '@magmamath/react-native-ui';
-import { useUnit } from 'effector-react';
 import { MatrixCell } from "./MatrixCell.js";
-import { useFluency } from "../../../context/FluencyContext.js";
+import { MATRIX_SIZE } from "../../../fluency.constants.js";
 import { useFluencyModePreset } from "../../../hooks/useFluencyModePreset.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const MOCK_SCORES = {
+  '1-1': 90,
+  '2-3': 70,
+  '3-5': 50,
+  '5-2': 30,
+  '4-4': 10,
+  '1-5': 85,
+  '3-3': 45
+};
 export const MatrixFill = () => {
   const {
-    model
-  } = useFluency();
-  const modePreset = useFluencyModePreset();
-  const grid = useUnit(model.matrix.$matrix);
-  if (!grid) return null;
+    matrix
+  } = useFluencyModePreset();
   return /*#__PURE__*/_jsx(View, {
     style: styles.grid,
-    children: grid.map((row, rowIdx) => /*#__PURE__*/_jsx(View, {
+    children: Array.from({
+      length: MATRIX_SIZE
+    }, (_, row) => /*#__PURE__*/_jsx(View, {
       style: styles.row,
-      children: row.map((cell, colIdx) => {
-        const isOriginCell = rowIdx === 0 && colIdx === 0;
-        const tooltipLabel = cell.numbers ? `${cell.numbers[0]}${modePreset.symbol}${cell.numbers[1]}` : null;
-        return /*#__PURE__*/_jsx(MatrixCell, {
-          ...cell,
-          label: isOriginCell ? modePreset.symbol : cell.label,
-          levelColors: modePreset.colors.level,
-          tooltipLabel: tooltipLabel
-        }, colIdx);
-      })
-    }, rowIdx))
+      children: Array.from({
+        length: MATRIX_SIZE
+      }, (_, col) => /*#__PURE__*/_jsx(MatrixCell, {
+        row: row,
+        col: col,
+        score: MOCK_SCORES[`${row}-${col}`] ?? null,
+        mastery: matrix.mastery
+      }, col))
+    }, row))
   });
 };
 const styles = StyleSheet.create({
   grid: {
     flex: 1,
-    gap: SPACING[100]
+    gap: SPACING[50]
   },
   row: {
     flex: 1,
     flexDirection: 'row',
-    gap: SPACING[100]
+    gap: SPACING[50]
   }
 });
 //# sourceMappingURL=MatrixFill.js.map

package/dist/module/features/fluency/components/matrix/components/MatrixFill.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","SPACING","useUnit","MatrixCell","useFluency","useFluencyModePreset","jsx","_jsx","MatrixFill","model","modePreset","grid","matrix","$matrix","style","styles","children","map","row","rowIdx","cell","colIdx","isOriginCell","tooltipLabel","numbers","symbol","label","levelColors","colors","level","create","flex","gap","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,UAAU,QAAQ,oCAAiC;AAC5D,SAASC,oBAAoB,QAAQ,wCAAqC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE1E,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAGL,UAAU,CAAC,CAAC;EAC9B,MAAMM,UAAU,GAAGL,oBAAoB,CAAC,CAAC;EACzC,MAAMM,IAAI,GAAGT,OAAO,CAACO,KAAK,CAACG,MAAM,CAACC,OAAO,CAAC;EAE1C,IAAI,CAACF,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACEJ,IAAA,CAACR,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACJ,IAAK;IAAAK,QAAA,EACtBL,IAAI,CAACM,GAAG,CAAC,CAACC,GAAG,EAAEC,MAAM,kBACpBZ,IAAA,CAACR,IAAI;MAAce,KAAK,EAAEC,MAAM,CAACG,GAAI;MAAAF,QAAA,EAClCE,GAAG,CAACD,GAAG,CAAC,CAACG,IAAI,EAAEC,MAAM,KAAK;QACzB,MAAMC,YAAY,GAAGH,MAAM,KAAK,CAAC,IAAIE,MAAM,KAAK,CAAC;QACjD,MAAME,YAAY,GAAGH,IAAI,CAACI,OAAO,GAC7B,GAAGJ,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,GAAGd,UAAU,CAACe,MAAM,GAAGL,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,GAC1D,IAAI;QAER,oBACEjB,IAAA,CAACJ,UAAU;UAAA,GAELiB,IAAI;UACRM,KAAK,EAAEJ,YAAY,GAAGZ,UAAU,CAACe,MAAM,GAAGL,IAAI,CAACM,KAAM;UACrDC,WAAW,EAAEjB,UAAU,CAACkB,MAAM,CAACC,KAAM;UACrCN,YAAY,EAAEA;QAAa,GAJtBF,MAKN,CAAC;MAEN,CAAC;IAAC,GAhBOF,MAiBL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGf,UAAU,CAAC8B,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE/B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDiB,GAAG,EAAE;IACHa,IAAI,EAAE,CAAC;IACPE,aAAa,EAAE,KAAK;IACpBD,GAAG,EAAE/B,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","SPACING","MatrixCell","MATRIX_SIZE","useFluencyModePreset","jsx","_jsx","MOCK_SCORES","MatrixFill","matrix","style","styles","grid","children","Array","from","length","_","row","col","score","mastery","create","flex","gap","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,oBAAoB,QAAQ,wCAAqC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE1E,MAAMC,WAAmC,GAAG;EAC1C,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGL,oBAAoB,CAAC,CAAC;EAEzC,oBACEE,IAAA,CAACP,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,EACtBC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEb;IAAY,CAAC,EAAE,CAACc,CAAC,EAAEC,GAAG,kBAC1CZ,IAAA,CAACP,IAAI;MAAWW,KAAK,EAAEC,MAAM,CAACO,GAAI;MAAAL,QAAA,EAC/BC,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAEb;MAAY,CAAC,EAAE,CAACc,CAAC,EAAEE,GAAG,kBAC1Cb,IAAA,CAACJ,UAAU;QAETgB,GAAG,EAAEA,GAAI;QACTC,GAAG,EAAEA,GAAI;QACTC,KAAK,EAAEb,WAAW,CAAC,GAAGW,GAAG,IAAIC,GAAG,EAAE,CAAC,IAAI,IAAK;QAC5CE,OAAO,EAAEZ,MAAM,CAACY;MAAQ,GAJnBF,GAKN,CACF;IAAC,GATOD,GAUL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMP,MAAM,GAAGX,UAAU,CAACsB,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEvB,OAAO,CAAC,EAAE;EACjB,CAAC;EACDiB,GAAG,EAAE;IACHK,IAAI,EAAE,CAAC;IACPE,aAAa,EAAE,KAAK;IACpBD,GAAG,EAAEvB,OAAO,CAAC,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixLegend.js

@@ -6,21 +6,22 @@ import { BORDER_RADIUS, Button, ButtonSize, ButtonVariant, COLORS, PlayIcon, SHA
 import { useFluencyModePreset } from "../../../hooks/useFluencyModePreset.js";
 import { useFluency } from "../../../context/FluencyContext.js";
 import { useText } from "../../../../../i18n/i18n.js";
-import { useUnit } from 'effector-react';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MatrixLegend = () => {
   const t = useText();
-  const modePreset = useFluencyModePreset();
   const {
-    model,
+    matrix,
+    buttonColor,
+    legendItems
+  } = useFluencyModePreset();
+  const {
     onPracticePress
   } = useFluency();
-  const mode = useUnit(model.matrix.$mode);
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
       style: styles.legendItems,
-      children: modePreset.legend.items.map(item => /*#__PURE__*/_jsxs(View, {
+      children: legendItems.map(item => /*#__PURE__*/_jsxs(View, {
         style: styles.legendItem,
         children: [/*#__PURE__*/_jsx(View, {
           style: [styles.legendDot, {
@@ -32,13 +33,10 @@ export const MatrixLegend = () => {
         })]
       }, item.label))
     }), /*#__PURE__*/_jsx(Button, {
-      onPress: () => {
-        model.solving.start(mode);
-        onPracticePress?.();
-      },
+      onPress: onPracticePress,
       variant: ButtonVariant.PRIMARY,
       size: ButtonSize.MEDIUM,
-      colorScheme: modePreset.colors.button,
+      colorScheme: buttonColor,
       icon: /*#__PURE__*/_jsx(PlayIcon, {
         color: COLORS.NEUTRAL_1
       }),
@@ -47,7 +45,7 @@ export const MatrixLegend = () => {
         container: styles.practiceButton,
         text: styles.practiceButtonText
       },
-      children: `${t('student.fluency.practice')} ${modePreset.label}`
+      children: `${t('student.fluency.practice')} ${t(matrix.operatorName)}`
     })]
   });
 };

package/dist/module/features/fluency/components/matrix/components/MatrixLegend.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","PlayIcon","SHADOWS","SPACING","useFluencyModePreset","useFluency","useText","useUnit","jsx","_jsx","jsxs","_jsxs","MatrixLegend","t","modePreset","model","onPracticePress","mode","matrix","$mode","style","styles","container","children","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","legendLabel","label","onPress","solving","start","variant","PRIMARY","size","MEDIUM","colorScheme","colors","button","icon","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","paddingVertical","borderTopLeftRadius","borderTopRightRadius","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SACEC,aAAa,EACbC,MAAM,EACNC,UAAU,EACVC,aAAa,EACbC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,OAAO,QACF,4BAA4B;AACnC,SAASC,oBAAoB,QAAQ,wCAAqC;AAC1E,SAASC,UAAU,QAAQ,oCAAiC;AAC5D,SAASC,OAAO,QAAQ,6BAA0B;AAClD,SAASC,OAAO,QAAQ,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExC,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAMC,CAAC,GAAGP,OAAO,CAAC,CAAC;EACnB,MAAMQ,UAAU,GAAGV,oBAAoB,CAAC,CAAC;EACzC,MAAM;IAAEW,KAAK;IAAEC;EAAgB,CAAC,GAAGX,UAAU,CAAC,CAAC;EAC/C,MAAMY,IAAI,GAAGV,OAAO,CAACQ,KAAK,CAACG,MAAM,CAACC,KAAK,CAAC;EAExC,oBACER,KAAA,CAAClB,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bd,IAAA,CAAChB,IAAI;MAAC2B,KAAK,EAAEC,MAAM,CAACG,WAAY;MAAAD,QAAA,EAC7BT,UAAU,CAACW,MAAM,CAACC,KAAK,CAACC,GAAG,CAAEC,IAAI,iBAChCjB,KAAA,CAAClB,IAAI;QAAkB2B,KAAK,EAAEC,MAAM,CAACQ,UAAW;QAAAN,QAAA,gBAC9Cd,IAAA,CAAChB,IAAI;UACH2B,KAAK,EAAE,CACLC,MAAM,CAACS,SAAS,EAChB;YAAEC,eAAe,EAAEH,IAAI,CAACI;UAAM,CAAC,EAC/BJ,IAAI,CAACK,UAAU,IAAIZ,MAAM,CAACa,eAAe;QACzC,CACH,CAAC,eACFzB,IAAA,CAACf,IAAI;UAAC0B,KAAK,EAAEC,MAAM,CAACc,WAAY;UAAAZ,QAAA,EAAEK,IAAI,CAACQ;QAAK,CAAO,CAAC;MAAA,GAR3CR,IAAI,CAACQ,KASV,CACP;IAAC,CACE,CAAC,eACP3B,IAAA,CAACZ,MAAM;MACLwC,OAAO,EAAEA,CAAA,KAAM;QACbtB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACtB,IAAI,CAAC;QACzBD,eAAe,GAAG,CAAC;MACrB,CAAE;MACFwB,OAAO,EAAEzC,aAAa,CAAC0C,OAAQ;MAC/BC,IAAI,EAAE5C,UAAU,CAAC6C,MAAO;MACxBC,WAAW,EAAE9B,UAAU,CAAC+B,MAAM,CAACC,MAAO;MACtCC,IAAI,eAAEtC,IAAA,CAACR,QAAQ;QAAC+B,KAAK,EAAEhC,MAAM,CAACgD;MAAU,CAAE,CAAE;MAC5CC,UAAU,EAAE,CAAE;MACd7B,KAAK,EAAE;QAAEE,SAAS,EAAED,MAAM,CAAC6B,cAAc;QAAEC,IAAI,EAAE9B,MAAM,CAAC+B;MAAmB,CAAE;MAAA7B,QAAA,EAE5E,GAAGV,CAAC,CAAC,0BAA0B,CAAC,IAAIC,UAAU,CAACsB,KAAK;IAAE,CACjD,CAAC;EAAA,CACL,CAAC;AAEX,CAAC;AAED,MAAMf,MAAM,GAAG1B,UAAU,CAAC0D,MAAM,CAAC;EAC/B/B,SAAS,EAAE;IACTgC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,eAAe;IAC/B1B,eAAe,EAAE/B,MAAM,CAAC0D,SAAS;IACjCC,iBAAiB,EAAE3D,MAAM,CAAC4D,SAAS;IACnCC,iBAAiB,EAAE1D,OAAO,CAAC,GAAG,CAAC;IAC/B2D,eAAe,EAAE3D,OAAO,CAAC,GAAG,CAAC;IAC7B4D,mBAAmB,EAAEnE,aAAa,CAAC,GAAG,CAAC;IACvCoE,oBAAoB,EAAEpE,aAAa,CAAC,GAAG,CAAC;IACxC,GAAGM,OAAO,CAAC,CAAC;EACd,CAAC;EACDsB,WAAW,EAAE;IACX+B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBS,GAAG,EAAE9D,OAAO,CAAC,GAAG;EAClB,CAAC;EACD0B,UAAU,EAAE;IACV0B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBS,GAAG,EAAE9D,OAAO,CAAC,GAAG;EAClB,CAAC;EACD2B,SAAS,EAAE;IACToC,KAAK,EAAE,EAAE;IACTZ,MAAM,EAAE,EAAE;IACVa,YAAY,EAAE;EAChB,CAAC;EACDjC,eAAe,EAAE;IACfkC,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAErE,MAAM,CAAC4D;EACtB,CAAC;EACDzB,WAAW,EAAE;IACXmC,QAAQ,EAAE,EAAE;IACZtC,KAAK,EAAEhC,MAAM,CAACuE;EAChB,CAAC;EACDrB,cAAc,EAAE;IACdsB,SAAS,EAAE;EACb,CAAC;EACDpB,kBAAkB,EAAE;IAClBqB,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","PlayIcon","SHADOWS","SPACING","useFluencyModePreset","useFluency","useText","jsx","_jsx","jsxs","_jsxs","MatrixLegend","t","matrix","buttonColor","legendItems","onPracticePress","style","styles","container","children","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","legendLabel","label","onPress","variant","PRIMARY","size","MEDIUM","colorScheme","icon","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","operatorName","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","paddingVertical","borderTopLeftRadius","borderTopRightRadius","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/select-math-operator/ProgressBar.js

@@ -3,8 +3,57 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { BORDER_RADIUS, COLORS, HeadingVariants, SelectOptionColor, SPACING, Typography } from '@magmamath/react-native-ui';
-import { ProgressBarSparkles } from "./ProgressBarSparkles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PROGRESS_COLOR_SHADES = {
+  [SelectOptionColor.GREEN]: {
+    low: COLORS.GREEN_2,
+    medium: COLORS.GREEN_3,
+    high: COLORS.GREEN_6,
+    max: COLORS.GREEN_7
+  },
+  [SelectOptionColor.ORANGE]: {
+    low: COLORS.ORANGE_2,
+    medium: COLORS.ORANGE_3,
+    high: COLORS.ORANGE_6,
+    max: COLORS.ORANGE_7
+  },
+  [SelectOptionColor.BLUE]: {
+    low: COLORS.BLUE_2,
+    medium: COLORS.BLUE_3,
+    high: COLORS.BLUE_6,
+    max: COLORS.BLUE_7
+  },
+  [SelectOptionColor.RED]: {
+    low: COLORS.RED_2,
+    medium: COLORS.RED_3,
+    high: COLORS.RED_6,
+    max: COLORS.RED_7
+  },
+  [SelectOptionColor.YELLOW]: {
+    low: COLORS.YELLOW_2,
+    medium: COLORS.YELLOW_3,
+    high: COLORS.YELLOW_6,
+    max: COLORS.YELLOW_7
+  },
+  [SelectOptionColor.PURPLE]: {
+    low: COLORS.PURPLE_2,
+    medium: COLORS.PURPLE_3,
+    high: COLORS.PURPLE_6,
+    max: COLORS.PURPLE_7
+  },
+  [SelectOptionColor.GREY]: {
+    low: COLORS.NEUTRAL_2,
+    medium: COLORS.NEUTRAL_3,
+    high: COLORS.NEUTRAL_6,
+    max: COLORS.NEUTRAL_7
+  },
+  [SelectOptionColor.SUNSET]: {
+    low: COLORS.RED_2,
+    medium: COLORS.RED_3,
+    high: COLORS.RED_6,
+    max: COLORS.RED_7
+  }
+};
 const PRIMARY_COLOR_MAP = {
   [SelectOptionColor.GREEN]: COLORS.PRIMARY_GREEN,
   [SelectOptionColor.ORANGE]: COLORS.PRIMARY_ORANGE,
@@ -15,44 +64,35 @@ const PRIMARY_COLOR_MAP = {
   [SelectOptionColor.GREY]: COLORS.NEUTRAL_6,
   [SelectOptionColor.SUNSET]: COLORS.PRIMARY_RED
 };
-const SPARKLE_COLOR_MAP = {
-  [SelectOptionColor.GREEN]: COLORS.GREEN_3,
-  [SelectOptionColor.ORANGE]: COLORS.ORANGE_3,
-  [SelectOptionColor.BLUE]: COLORS.BLUE_3,
-  [SelectOptionColor.RED]: COLORS.RED_3,
-  [SelectOptionColor.YELLOW]: COLORS.YELLOW_3,
-  [SelectOptionColor.PURPLE]: COLORS.PURPLE_3,
-  [SelectOptionColor.GREY]: COLORS.NEUTRAL_4,
-  [SelectOptionColor.SUNSET]: COLORS.RED_3
+const getFillColor = (shades, progress) => {
+  if (progress <= 10) return shades.low;
+  if (progress <= 20) return shades.medium;
+  if (progress <= 80) return shades.high;
+  return shades.max;
 };
 export const ProgressBar = ({
   progress,
   color = SelectOptionColor.GREEN
 }) => {
-  const progressRounded = Math.round(Math.min(100, Math.max(0, progress)));
-  const variantColor = PRIMARY_COLOR_MAP[color];
-  const isComplete = progressRounded === 100;
+  const normalized = Math.round(Math.min(100, Math.max(0, progress)));
+  const fillColor = getFillColor(PROGRESS_COLOR_SHADES[color], normalized);
+  const textColor = PRIMARY_COLOR_MAP[color];
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.trackWrapper,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.track,
-        children: /*#__PURE__*/_jsx(View, {
-          style: [styles.fill, {
-            backgroundColor: variantColor,
-            width: `${progressRounded}%`
-          }]
-        })
-      }), isComplete && /*#__PURE__*/_jsx(ProgressBarSparkles, {
-        color: SPARKLE_COLOR_MAP[color]
-      })]
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.track,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.fill, {
+          backgroundColor: fillColor,
+          width: `${normalized}%`
+        }]
+      })
     }), /*#__PURE__*/_jsxs(Typography, {
       variant: HeadingVariants.H10,
       style: {
-        color: variantColor
+        color: textColor
       },
-      children: [progressRounded, "%"]
+      children: [normalized, "%"]
     })]
   });
 };
@@ -63,10 +103,8 @@ const styles = StyleSheet.create({
     gap: SPACING[200],
     alignItems: 'center'
   },
-  trackWrapper: {
-    flex: 1
-  },
   track: {
+    flex: 1,
     height: 18,
     backgroundColor: COLORS.NEUTRAL_3,
     borderRadius: BORDER_RADIUS[450],

package/dist/module/features/fluency/components/select-math-operator/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SelectOptionColor","SPACING","Typography","ProgressBarSparkles","jsx","_jsx","jsxs","_jsxs","PRIMARY_COLOR_MAP","GREEN","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","SPARKLE_COLOR_MAP","GREEN_3","ORANGE_3","BLUE_3","RED_3","YELLOW_3","PURPLE_3","NEUTRAL_4","ProgressBar","progress","color","progressRounded","Math","round","min","max","variantColor","isComplete","style","styles","container","children","trackWrapper","track","fill","backgroundColor","width","variant","H10","create","flexDirection","marginTop","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SelectOptionColor","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","PROGRESS_COLOR_SHADES","GREEN","low","GREEN_2","medium","GREEN_3","high","GREEN_6","max","GREEN_7","ORANGE","ORANGE_2","ORANGE_3","ORANGE_6","ORANGE_7","BLUE","BLUE_2","BLUE_3","BLUE_6","BLUE_7","RED","RED_2","RED_3","RED_6","RED_7","YELLOW","YELLOW_2","YELLOW_3","YELLOW_6","YELLOW_7","PURPLE","PURPLE_2","PURPLE_3","PURPLE_6","PURPLE_7","GREY","NEUTRAL_2","NEUTRAL_3","NEUTRAL_6","NEUTRAL_7","SUNSET","PRIMARY_COLOR_MAP","PRIMARY_GREEN","PRIMARY_ORANGE","PRIMARY_BLUE","PRIMARY_RED","PRIMARY_YELLOW","PRIMARY_PURPLE","getFillColor","shades","progress","ProgressBar","color","normalized","Math","round","min","fillColor","textColor","style","styles","container","children","track","fill","backgroundColor","width","variant","H10","create","flexDirection","marginTop","gap","alignItems","flex","height","borderRadius","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,aAAa,EACbC,MAAM,EACNC,eAAe,EACfC,iBAAiB,EACjBC,OAAO,EACPC,UAAU,QACL,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASnC,MAAMC,qBAAgE,GAAG;EACvE,CAACP,iBAAiB,CAACQ,KAAK,GAAG;IACzBC,GAAG,EAAEX,MAAM,CAACY,OAAO;IACnBC,MAAM,EAAEb,MAAM,CAACc,OAAO;IACtBC,IAAI,EAAEf,MAAM,CAACgB,OAAO;IACpBC,GAAG,EAAEjB,MAAM,CAACkB;EACd,CAAC;EACD,CAAChB,iBAAiB,CAACiB,MAAM,GAAG;IAC1BR,GAAG,EAAEX,MAAM,CAACoB,QAAQ;IACpBP,MAAM,EAAEb,MAAM,CAACqB,QAAQ;IACvBN,IAAI,EAAEf,MAAM,CAACsB,QAAQ;IACrBL,GAAG,EAAEjB,MAAM,CAACuB;EACd,CAAC;EACD,CAACrB,iBAAiB,CAACsB,IAAI,GAAG;IACxBb,GAAG,EAAEX,MAAM,CAACyB,MAAM;IAClBZ,MAAM,EAAEb,MAAM,CAAC0B,MAAM;IACrBX,IAAI,EAAEf,MAAM,CAAC2B,MAAM;IACnBV,GAAG,EAAEjB,MAAM,CAAC4B;EACd,CAAC;EACD,CAAC1B,iBAAiB,CAAC2B,GAAG,GAAG;IACvBlB,GAAG,EAAEX,MAAM,CAAC8B,KAAK;IACjBjB,MAAM,EAAEb,MAAM,CAAC+B,KAAK;IACpBhB,IAAI,EAAEf,MAAM,CAACgC,KAAK;IAClBf,GAAG,EAAEjB,MAAM,CAACiC;EACd,CAAC;EACD,CAAC/B,iBAAiB,CAACgC,MAAM,GAAG;IAC1BvB,GAAG,EAAEX,MAAM,CAACmC,QAAQ;IACpBtB,MAAM,EAAEb,MAAM,CAACoC,QAAQ;IACvBrB,IAAI,EAAEf,MAAM,CAACqC,QAAQ;IACrBpB,GAAG,EAAEjB,MAAM,CAACsC;EACd,CAAC;EACD,CAACpC,iBAAiB,CAACqC,MAAM,GAAG;IAC1B5B,GAAG,EAAEX,MAAM,CAACwC,QAAQ;IACpB3B,MAAM,EAAEb,MAAM,CAACyC,QAAQ;IACvB1B,IAAI,EAAEf,MAAM,CAAC0C,QAAQ;IACrBzB,GAAG,EAAEjB,MAAM,CAAC2C;EACd,CAAC;EACD,CAACzC,iBAAiB,CAAC0C,IAAI,GAAG;IACxBjC,GAAG,EAAEX,MAAM,CAAC6C,SAAS;IACrBhC,MAAM,EAAEb,MAAM,CAAC8C,SAAS;IACxB/B,IAAI,EAAEf,MAAM,CAAC+C,SAAS;IACtB9B,GAAG,EAAEjB,MAAM,CAACgD;EACd,CAAC;EACD,CAAC9C,iBAAiB,CAAC+C,MAAM,GAAG;IAC1BtC,GAAG,EAAEX,MAAM,CAAC8B,KAAK;IACjBjB,MAAM,EAAEb,MAAM,CAAC+B,KAAK;IACpBhB,IAAI,EAAEf,MAAM,CAACgC,KAAK;IAClBf,GAAG,EAAEjB,MAAM,CAACiC;EACd;AACF,CAAC;AAED,MAAMiB,iBAAoD,GAAG;EAC3D,CAAChD,iBAAiB,CAACQ,KAAK,GAAGV,MAAM,CAACmD,aAAa;EAC/C,CAACjD,iBAAiB,CAACiB,MAAM,GAAGnB,MAAM,CAACoD,cAAc;EACjD,CAAClD,iBAAiB,CAACsB,IAAI,GAAGxB,MAAM,CAACqD,YAAY;EAC7C,CAACnD,iBAAiB,CAAC2B,GAAG,GAAG7B,MAAM,CAACsD,WAAW;EAC3C,CAACpD,iBAAiB,CAACgC,MAAM,GAAGlC,MAAM,CAACuD,cAAc;EACjD,CAACrD,iBAAiB,CAACqC,MAAM,GAAGvC,MAAM,CAACwD,cAAc;EACjD,CAACtD,iBAAiB,CAAC0C,IAAI,GAAG5C,MAAM,CAAC+C,SAAS;EAC1C,CAAC7C,iBAAiB,CAAC+C,MAAM,GAAGjD,MAAM,CAACsD;AACrC,CAAC;AAED,MAAMG,YAAY,GAAGA,CAACC,MAAsB,EAAEC,QAAgB,KAAa;EACzE,IAAIA,QAAQ,IAAI,EAAE,EAAE,OAAOD,MAAM,CAAC/C,GAAG;EACrC,IAAIgD,QAAQ,IAAI,EAAE,EAAE,OAAOD,MAAM,CAAC7C,MAAM;EACxC,IAAI8C,QAAQ,IAAI,EAAE,EAAE,OAAOD,MAAM,CAAC3C,IAAI;EACtC,OAAO2C,MAAM,CAACzC,GAAG;AACnB,CAAC;AAOD,OAAO,MAAM2C,WAAW,GAAGA,CAAC;EAAED,QAAQ;EAAEE,KAAK,GAAG3D,iBAAiB,CAACQ;AAAwB,CAAC,KAAK;EAC9F,MAAMoD,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAAC9C,GAAG,CAAC,CAAC,EAAE0C,QAAQ,CAAC,CAAC,CAAC;EACnE,MAAMO,SAAS,GAAGT,YAAY,CAAChD,qBAAqB,CAACoD,KAAK,CAAC,EAAEC,UAAU,CAAC;EACxE,MAAMK,SAAS,GAAGjB,iBAAiB,CAACW,KAAK,CAAC;EAC1C,oBACErD,KAAA,CAACV,IAAI;IAACsE,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BjE,IAAA,CAACR,IAAI;MAACsE,KAAK,EAAEC,MAAM,CAACG,KAAM;MAAAD,QAAA,eACxBjE,IAAA,CAACR,IAAI;QAACsE,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAE;UAAEC,eAAe,EAAER,SAAS;UAAES,KAAK,EAAE,GAAGb,UAAU;QAAI,CAAC;MAAE,CAAE;IAAC,CACnF,CAAC,eACPtD,KAAA,CAACJ,UAAU;MAACwE,OAAO,EAAE3E,eAAe,CAAC4E,GAAI;MAACT,KAAK,EAAE;QAAEP,KAAK,EAAEM;MAAU,CAAE;MAAAI,QAAA,GACnET,UAAU,EAAC,GACd;IAAA,CAAY,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGxE,UAAU,CAACiF,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE7E,OAAO,CAAC,GAAG,CAAC;IACvB8E,GAAG,EAAE9E,OAAO,CAAC,GAAG,CAAC;IACjB+E,UAAU,EAAE;EACd,CAAC;EACDV,KAAK,EAAE;IACLW,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVV,eAAe,EAAE1E,MAAM,CAAC8C,SAAS;IACjCuC,YAAY,EAAEtF,aAAa,CAAC,GAAG,CAAC;IAChCuF,QAAQ,EAAE;EACZ,CAAC;EACDb,IAAI,EAAE;IACJW,MAAM,EAAE,MAAM;IACdC,YAAY,EAAEtF,aAAa,CAAC,GAAG;EACjC;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { BORDER_RADIUS, COLORS, HeadingVariants, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { BORDER_RADIUS, COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
 import { useUnit } from 'effector-react';
 import { FLUENCY_MODES } from "../../fluency.constants.js";
 import { MathOperatorRow } from "./MathOperatorRow.js";
@@ -15,30 +15,26 @@ export const SelectMathOperator = () => {
     model,
     onModeSelectPress
   } = useFluency();
-  const fluencyMode = useUnit(model.matrix.$mode);
-  const matrix = useUnit(model.matrix.$data);
+  const fluencyMode = useUnit(model.$mode);
   return /*#__PURE__*/_jsx(View, {
     style: styles.container,
     children: FLUENCY_MODES.map(({
       mode,
       label,
-      symbol,
+      icon: Icon,
       select
     }, index) => {
       const isSelectedMode = mode === fluencyMode;
-      const progress = (matrix?.operations[mode].completionRate ?? 0) * 100;
       return /*#__PURE__*/_jsx(MathOperatorRow, {
         title: t(label),
-        icon: /*#__PURE__*/_jsx(Typography, {
-          variant: HeadingVariants.H6,
-          style: [styles.symbol, isSelectedMode && styles.symbolSelected],
-          children: symbol
+        icon: /*#__PURE__*/_jsx(Icon, {
+          color: isSelectedMode ? COLORS.NEUTRAL_1 : undefined
         }),
-        progress: progress,
+        progress: 0,
         color: select,
         selected: isSelectedMode,
         onSelect: () => {
-          model.matrix.setMode(mode);
+          model.setMode(mode);
           onModeSelectPress?.(mode);
         },
         showDivider: index < FLUENCY_MODES.length - 1
@@ -48,20 +44,12 @@ export const SelectMathOperator = () => {
 };
 const styles = StyleSheet.create({
   container: {
-    alignSelf: 'flex-start',
     width: 270,
-    padding: SPACING[400],
+    paddingVertical: SPACING[400],
+    paddingHorizontal: SPACING[200],
     borderRadius: BORDER_RADIUS[400],
     backgroundColor: COLORS.NEUTRAL_1,
     ...SHADOWS[1]
-  },
-  symbol: {
-    fontSize: 32,
-    fontWeight: '100',
-    color: COLORS.NEUTRAL_9
-  },
-  symbolSelected: {
-    color: COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=SelectMathOperator.js.map

package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SHADOWS","SPACING","Typography","useUnit","FLUENCY_MODES","MathOperatorRow","useFluency","useText","jsx","_jsx","SelectMathOperator","t","model","onModeSelectPress","fluencyMode","matrix","$mode","$data","style","styles","container","children","map","mode","label","symbol","select","index","isSelectedMode","progress","operations","completionRate","title","icon","variant","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","length","create","alignSelf","width","padding","borderRadius","backgroundColor","NEUTRAL_1","fontSize","fontWeight","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,aAAa,EACbC,MAAM,EACNC,eAAe,EACfC,OAAO,EACPC,OAAO,EACPC,UAAU,QACL,4BAA4B;AACnC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,aAAa,QAAQ,4BAAyB;AACvD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,OAAO,QAAQ,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,CAAC,GAAGJ,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEK,KAAK;IAAEC;EAAkB,CAAC,GAAGP,UAAU,CAAC,CAAC;EACjD,MAAMQ,WAAW,GAAGX,OAAO,CAACS,KAAK,CAACG,MAAM,CAACC,KAAK,CAAC;EAC/C,MAAMD,MAAM,GAAGZ,OAAO,CAACS,KAAK,CAACG,MAAM,CAACE,KAAK,CAAC;EAE1C,oBACER,IAAA,CAACb,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BjB,aAAa,CAACkB,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC,KAAK;MAAEC,MAAM;MAAEC;IAAO,CAAC,EAAEC,KAAK,KAAK;MAC7D,MAAMC,cAAc,GAAGL,IAAI,KAAKT,WAAW;MAC3C,MAAMe,QAAQ,GAAG,CAACd,MAAM,EAAEe,UAAU,CAACP,IAAI,CAAC,CAACQ,cAAc,IAAI,CAAC,IAAI,GAAG;MAErE,oBACEtB,IAAA,CAACJ,eAAe;QAEd2B,KAAK,EAAErB,CAAC,CAACa,KAAK,CAAE;QAChBS,IAAI,eACFxB,IAAA,CAACP,UAAU;UACTgC,OAAO,EAAEnC,eAAe,CAACoC,EAAG;UAC5BjB,KAAK,EAAE,CAACC,MAAM,CAACM,MAAM,EAAEG,cAAc,IAAIT,MAAM,CAACiB,cAAc,CAAE;UAAAf,QAAA,EAE/DI;QAAM,CACG,CACb;QACDI,QAAQ,EAAEA,QAAS;QACnBQ,KAAK,EAAEX,MAAO;QACdY,QAAQ,EAAEV,cAAe;QACzBW,QAAQ,EAAEA,CAAA,KAAM;UACd3B,KAAK,CAACG,MAAM,CAACyB,OAAO,CAACjB,IAAI,CAAC;UAC1BV,iBAAiB,GAAGU,IAAI,CAAC;QAC3B,CAAE;QACFkB,WAAW,EAAEd,KAAK,GAAGvB,aAAa,CAACsC,MAAM,GAAG;MAAE,GAjBzCnB,IAkBN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGxB,UAAU,CAACgD,MAAM,CAAC;EAC/BvB,SAAS,EAAE;IACTwB,SAAS,EAAE,YAAY;IACvBC,KAAK,EAAE,GAAG;IACVC,OAAO,EAAE7C,OAAO,CAAC,GAAG,CAAC;IACrB8C,YAAY,EAAElD,aAAa,CAAC,GAAG,CAAC;IAChCmD,eAAe,EAAElD,MAAM,CAACmD,SAAS;IACjC,GAAGjD,OAAO,CAAC,CAAC;EACd,CAAC;EACDyB,MAAM,EAAE;IACNyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBd,KAAK,EAAEvC,MAAM,CAACsD;EAChB,CAAC;EACDhB,cAAc,EAAE;IACdC,KAAK,EAAEvC,MAAM,CAACmD;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","SHADOWS","SPACING","useUnit","FLUENCY_MODES","MathOperatorRow","useFluency","useText","jsx","_jsx","SelectMathOperator","t","model","onModeSelectPress","fluencyMode","$mode","style","styles","container","children","map","mode","label","icon","Icon","select","index","isSelectedMode","title","color","NEUTRAL_1","undefined","progress","selected","onSelect","setMode","showDivider","length","create","width","paddingVertical","paddingHorizontal","borderRadius","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AACpF,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,aAAa,QAAQ,4BAAyB;AACvD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,OAAO,QAAQ,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,CAAC,GAAGJ,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEK,KAAK;IAAEC;EAAkB,CAAC,GAAGP,UAAU,CAAC,CAAC;EACjD,MAAMQ,WAAW,GAAGX,OAAO,CAACS,KAAK,CAACG,KAAK,CAAC;EAExC,oBACEN,IAAA,CAACX,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3Bf,aAAa,CAACgB,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC,KAAK;MAAEC,IAAI,EAAEC,IAAI;MAAEC;IAAO,CAAC,EAAEC,KAAK,KAAK;MACjE,MAAMC,cAAc,GAAGN,IAAI,KAAKP,WAAW;MAC3C,oBACEL,IAAA,CAACJ,eAAe;QAEduB,KAAK,EAAEjB,CAAC,CAACW,KAAK,CAAE;QAChBC,IAAI,eAAEd,IAAA,CAACe,IAAI;UAACK,KAAK,EAAEF,cAAc,GAAG3B,MAAM,CAAC8B,SAAS,GAAGC;QAAU,CAAE,CAAE;QACrEC,QAAQ,EAAE,CAAE;QACZH,KAAK,EAAEJ,MAAO;QACdQ,QAAQ,EAAEN,cAAe;QACzBO,QAAQ,EAAEA,CAAA,KAAM;UACdtB,KAAK,CAACuB,OAAO,CAACd,IAAI,CAAC;UACnBR,iBAAiB,GAAGQ,IAAI,CAAC;QAC3B,CAAE;QACFe,WAAW,EAAEV,KAAK,GAAGtB,aAAa,CAACiC,MAAM,GAAG;MAAE,GAVzChB,IAWN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGpB,UAAU,CAACyC,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,KAAK,EAAE,GAAG;IACVC,eAAe,EAAEtC,OAAO,CAAC,GAAG,CAAC;IAC7BuC,iBAAiB,EAAEvC,OAAO,CAAC,GAAG,CAAC;IAC/BwC,YAAY,EAAE3C,aAAa,CAAC,GAAG,CAAC;IAChC4C,eAAe,EAAE3C,MAAM,CAAC8B,SAAS;IACjC,GAAG7B,OAAO,CAAC,CAAC;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/BannerFlashcards.js

@@ -5,58 +5,58 @@ import { MathFlashcard } from "./MathFlashcard.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const CARD_LAYOUTS = [{
   card: {
-    width: 175,
-    height: 106,
-    radius: 8
+    width: 146,
+    height: 88,
+    radius: 6
   },
   answer: {
-    width: 24,
-    height: 34,
-    radius: 5
+    width: 20,
+    height: 29,
+    radius: 4
   },
-  fontSize: 31,
+  fontSize: 26,
   position: {
-    right: 69,
-    top: 84,
+    right: 283,
+    top: 31,
     zIndex: 1
   },
-  rotation: '5.63deg'
+  rotation: '21.3deg'
 }, {
   card: {
-    width: 234,
-    height: 141,
-    radius: 10
+    width: 195,
+    height: 118,
+    radius: 9
   },
   answer: {
-    width: 32,
-    height: 46,
-    radius: 7
+    width: 27,
+    height: 38,
+    radius: 6
   },
-  fontSize: 41,
+  fontSize: 35,
   position: {
-    right: 35,
-    top: 37,
+    right: 148,
+    top: -6,
     zIndex: 2
   },
-  rotation: '-2.47deg'
+  rotation: '-15.43deg'
 }, {
   card: {
-    width: 286,
-    height: 172,
-    radius: 13
+    width: 260,
+    height: 157,
+    radius: 12
   },
   answer: {
-    width: 39,
-    height: 56,
+    width: 36,
+    height: 51,
     radius: 8
   },
-  fontSize: 51,
+  fontSize: 46,
   position: {
-    right: 9,
-    top: -5,
+    right: 0,
+    top: -11,
     zIndex: 3
   },
-  rotation: '3.07deg'
+  rotation: '8.83deg'
 }];
 export const BannerFlashcards = ({
   examples

package/dist/module/features/fluency/components/start-banner/BannerFlashcards.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","MathFlashcard","jsx","_jsx","Fragment","_Fragment","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","children","map","layout","index","example","left"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAQ/C,MAAMC,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClEhB,IAAA,CAAAE,SAAA;EAAAe,QAAA,EACGd,YAAY,CAACe,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGL,QAAQ,CAACI,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAOrB,IAAA,CAACF,aAAa;MAAawB,IAAI,EAAED,OAAO,CAACC,IAAK;MAACX,KAAK,EAAEU,OAAO,CAACV,KAAM;MAACQ,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH","ignoreList":[]}
+{"version":3,"names":["React","MathFlashcard","jsx","_jsx","Fragment","_Fragment","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","children","map","layout","index","example","left"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAyB,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOhE,MAAMC,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClEhB,IAAA,CAAAE,SAAA;EAAAe,QAAA,EACGd,YAAY,CAACe,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGL,QAAQ,CAACI,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAOrB,IAAA,CAACF,aAAa;MAAawB,IAAI,EAAED,OAAO,CAACC,IAAK;MAACX,KAAK,EAAEU,OAAO,CAACV,KAAM;MAACQ,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/MathFlashcard.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
-import { COLORS, FONT_FAMILY, SHADOWS } from '@magmamath/react-native-ui';
+import { COLORS, SHADOWS } from '@magmamath/react-native-ui';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MathFlashcard = ({
   left,
@@ -56,7 +56,6 @@ const styles = StyleSheet.create({
   },
   text: {
     fontWeight: 'bold',
-    fontFamily: FONT_FAMILY.buenosAires,
     color: COLORS.BLACK
   },
   answerBox: {

package/dist/module/features/fluency/components/start-banner/MathFlashcard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","COLORS","FONT_FAMILY","SHADOWS","jsx","_jsx","jsxs","_jsxs","MathFlashcard","left","right","layout","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","row","text","fontSize","answerBox","answer","create","backgroundColor","NEUTRAL_1","alignItems","justifyContent","flexDirection","gap","fontWeight","fontFamily","buenosAires","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASzE,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA2B,CAAC,kBACvEN,IAAA,CAACP,IAAI;EACHc,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IACEC,KAAK,EAAEJ,MAAM,CAACG,IAAI,CAACC,KAAK;IACxBC,MAAM,EAAEL,MAAM,CAACG,IAAI,CAACE,MAAM;IAC1BC,YAAY,EAAEN,MAAM,CAACG,IAAI,CAACI,MAAM;IAChCR,KAAK,EAAEC,MAAM,CAACQ,QAAQ,CAACT,KAAK;IAC5BU,GAAG,EAAET,MAAM,CAACQ,QAAQ,CAACC,GAAG;IACxBC,MAAM,EAAEV,MAAM,CAACQ,QAAQ,CAACE,MAAM;IAC9BC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEZ,MAAM,CAACa;IAAS,CAAC;EACzC,CAAC,CACD;EAAAC,QAAA,eAEFlB,KAAA,CAACT,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACa,GAAI;IAAAD,QAAA,gBACtBpB,IAAA,CAACN,IAAI;MAACa,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEhB;IAAI,CAAO,CAAC,eACxEJ,IAAA,CAACP,IAAI;MACHc,KAAK,EAAE,CACLC,MAAM,CAACgB,SAAS,EAChB;QAAEd,KAAK,EAAEJ,MAAM,CAACmB,MAAM,CAACf,KAAK;QAAEC,MAAM,EAAEL,MAAM,CAACmB,MAAM,CAACd,MAAM;QAAEC,YAAY,EAAEN,MAAM,CAACmB,MAAM,CAACZ;MAAO,CAAC;IAChG,CACH,CAAC,eACFb,IAAA,CAACN,IAAI;MAACa,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEf;IAAK,CAAO,CAAC;EAAA,CACrE;AAAC,CACH,CACP;AAED,MAAMG,MAAM,GAAGb,UAAU,CAAC+B,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJK,QAAQ,EAAE,UAAU;IACpBa,eAAe,EAAE/B,MAAM,CAACgC,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGhC,OAAO,CAAC,CAAC;EACd,CAAC;EACDuB,GAAG,EAAE;IACHU,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE;EACP,CAAC;EACDV,IAAI,EAAE;IACJW,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAErC,WAAW,CAACsC,WAAW;IACnCC,KAAK,EAAExC,MAAM,CAACyC;EAChB,CAAC;EACDb,SAAS,EAAE;IACTG,eAAe,EAAE/B,MAAM,CAAC0C,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE5C,MAAM,CAAC6C;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","COLORS","SHADOWS","jsx","_jsx","jsxs","_jsxs","MathFlashcard","left","right","layout","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","row","text","fontSize","answerBox","answer","create","backgroundColor","NEUTRAL_1","alignItems","justifyContent","flexDirection","gap","fontWeight","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgB5D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA2B,CAAC,kBACvEN,IAAA,CAACN,IAAI;EACHa,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IACEC,KAAK,EAAEJ,MAAM,CAACG,IAAI,CAACC,KAAK;IACxBC,MAAM,EAAEL,MAAM,CAACG,IAAI,CAACE,MAAM;IAC1BC,YAAY,EAAEN,MAAM,CAACG,IAAI,CAACI,MAAM;IAChCR,KAAK,EAAEC,MAAM,CAACQ,QAAQ,CAACT,KAAK;IAC5BU,GAAG,EAAET,MAAM,CAACQ,QAAQ,CAACC,GAAG;IACxBC,MAAM,EAAEV,MAAM,CAACQ,QAAQ,CAACE,MAAM;IAC9BC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEZ,MAAM,CAACa;IAAS,CAAC;EACzC,CAAC,CACD;EAAAC,QAAA,eAEFlB,KAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACa,GAAI;IAAAD,QAAA,gBACtBpB,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEhB;IAAI,CAAO,CAAC,eACxEJ,IAAA,CAACN,IAAI;MACHa,KAAK,EAAE,CACLC,MAAM,CAACgB,SAAS,EAChB;QAAEd,KAAK,EAAEJ,MAAM,CAACmB,MAAM,CAACf,KAAK;QAAEC,MAAM,EAAEL,MAAM,CAACmB,MAAM,CAACd,MAAM;QAAEC,YAAY,EAAEN,MAAM,CAACmB,MAAM,CAACZ;MAAO,CAAC;IAChG,CACH,CAAC,eACFb,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEf;IAAK,CAAO,CAAC;EAAA,CACrE;AAAC,CACH,CACP;AAED,MAAMG,MAAM,GAAGZ,UAAU,CAAC8B,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJK,QAAQ,EAAE,UAAU;IACpBa,eAAe,EAAE9B,MAAM,CAAC+B,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGhC,OAAO,CAAC,CAAC;EACd,CAAC;EACDuB,GAAG,EAAE;IACHU,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE;EACP,CAAC;EACDV,IAAI,EAAE;IACJW,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAErC,MAAM,CAACsC;EAChB,CAAC;EACDX,SAAS,EAAE;IACTG,eAAe,EAAE9B,MAAM,CAACuC,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEzC,MAAM,CAAC0C;EACtB;AACF,CAAC,CAAC","ignoreList":[]}