@magmamath/students-features 1.3.25 → 1.3.26-rc.1

package/dist/commonjs/features/fluency/components/fluency-solving/FluencyNumpad.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyNumpad = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _BackspaceIcon = require("../../../../shared/icons/keyboard/BackspaceIcon.js");
+var _FluencyContext = require("../../context/FluencyContext.js");
+var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ACTION_KEY_COLOR_SCHEME = {
+  [_reactNativeUi.ButtonStates.DEFAULT]: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  [_reactNativeUi.ButtonStates.HOVER]: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    raiseColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  }
+};
+const NUMPAD_KEYS = [{
+  key: '1',
+  title: '1',
+  value: 1
+}, {
+  key: '2',
+  title: '2',
+  value: 2
+}, {
+  key: '3',
+  title: '3',
+  value: 3
+}, {
+  key: '4',
+  title: '4',
+  value: 4
+}, {
+  key: '5',
+  title: '5',
+  value: 5
+}, {
+  key: '6',
+  title: '6',
+  value: 6
+}, {
+  key: '7',
+  title: '7',
+  value: 7
+}, {
+  key: '8',
+  title: '8',
+  value: 8
+}, {
+  key: '9',
+  title: '9',
+  value: 9
+}, {
+  key: 'backspace',
+  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackspaceIcon.BackspaceIcon, {
+    size: 20,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  }),
+  value: 'backspace',
+  customColorScheme: ACTION_KEY_COLOR_SCHEME
+}, {
+  key: '0',
+  title: '0',
+  value: 0
+}, {
+  key: 'enter',
+  title: 'Enter',
+  value: 'enter',
+  customColorScheme: ACTION_KEY_COLOR_SCHEME
+}];
+const FluencyNumpad = () => {
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    header,
+    matrix
+  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const input = (0, _effectorReact.useUnit)(model.input.$state);
+  const accentColor = header.streakColor.todayBorder;
+  const accentBorderColor = matrix.mastery.mastered;
+  const enterAccentScheme = {
+    [_reactNativeUi.ButtonStates.DEFAULT]: {
+      backgroundColor: accentColor,
+      borderColor: accentBorderColor,
+      raiseColor: accentBorderColor,
+      color: _reactNativeUi.COLORS.NEUTRAL_1
+    },
+    [_reactNativeUi.ButtonStates.HOVER]: {
+      backgroundColor: accentColor,
+      borderColor: accentBorderColor,
+      raiseColor: accentBorderColor,
+      color: _reactNativeUi.COLORS.NEUTRAL_1
+    },
+    [_reactNativeUi.ButtonStates.PRESSED]: {
+      backgroundColor: accentColor,
+      borderColor: accentBorderColor,
+      raiseColor: accentBorderColor,
+      color: _reactNativeUi.COLORS.NEUTRAL_1
+    },
+    [_reactNativeUi.ButtonStates.ACTIVE]: {
+      backgroundColor: accentColor,
+      borderColor: accentBorderColor,
+      raiseColor: accentBorderColor,
+      color: _reactNativeUi.COLORS.NEUTRAL_1
+    }
+  };
+  const options = NUMPAD_KEYS.map(({
+    value,
+    customColorScheme,
+    ...props
+  }) => {
+    const isEnterKey = value === 'enter';
+    const colorScheme = isEnterKey && input ? enterAccentScheme : customColorScheme;
+    return {
+      ...props,
+      customColorScheme: colorScheme,
+      onPressIn: () => {
+        if (value === 'backspace') return model.input.set({
+          erase: 'latest'
+        });
+        if (value === 'enter') return model.input.submitFx();
+        model.input.set({
+          value
+        });
+      }
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
+      numOfRows: 4,
+      color: _reactNativeUi.SelectOptionColor.GREY,
+      size: _reactNativeUi.SelectOptionSize.SMALL,
+      options: options,
+      style: {
+        container: styles.grid,
+        row: styles.row,
+        option: {
+          button: styles.optionButton,
+          text: styles.optionText
+        }
+      }
+    })
+  });
+};
+exports.FluencyNumpad = FluencyNumpad;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    paddingVertical: _reactNativeUi.SPACING[400],
+    marginTop: _reactNativeUi.SPACING[200]
+  },
+  grid: {
+    width: 360,
+    gap: _reactNativeUi.SPACING[200]
+  },
+  row: {
+    gap: _reactNativeUi.SPACING[200]
+  },
+  optionButton: {
+    height: 60
+  },
+  optionText: {
+    fontSize: 24,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  }
+});
+//# sourceMappingURL=FluencyNumpad.js.map

package/dist/commonjs/features/fluency/components/fluency-solving/FluencyNumpad.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_BackspaceIcon","_FluencyContext","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","ACTION_KEY_COLOR_SCHEME","ButtonStates","DEFAULT","backgroundColor","COLORS","NEUTRAL_3","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_9","HOVER","NEUTRAL_2","NEUTRAL_4","NUMPAD_KEYS","key","title","value","jsx","BackspaceIcon","size","customColorScheme","FluencyNumpad","model","useFluency","header","matrix","useFluencyModePreset","input","useUnit","$state","accentColor","streakColor","todayBorder","accentBorderColor","mastery","mastered","enterAccentScheme","NEUTRAL_1","PRESSED","ACTIVE","options","map","props","isEnterKey","colorScheme","onPressIn","set","erase","submitFx","View","style","styles","container","children","SelectGroup","numOfRows","SelectOptionColor","GREY","SelectOptionSize","SMALL","grid","row","option","button","optionButton","text","optionText","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","marginTop","width","gap","height","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/FluencyNumpad.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AASA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AAAuE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASvE,MAAMG,uBAAuB,GAAG;EAC9B,CAACC,2BAAY,CAACC,OAAO,GAAG;IACtBC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,WAAW,EAAEF,qBAAM,CAACG,SAAS;IAC7BC,UAAU,EAAEJ,qBAAM,CAACG,SAAS;IAC5BE,KAAK,EAAEL,qBAAM,CAACM;EAChB,CAAC;EACD,CAACT,2BAAY,CAACU,KAAK,GAAG;IACpBR,eAAe,EAAEC,qBAAM,CAACQ,SAAS;IACjCN,WAAW,EAAEF,qBAAM,CAACS,SAAS;IAC7BL,UAAU,EAAEJ,qBAAM,CAACS,SAAS;IAC5BJ,KAAK,EAAEL,qBAAM,CAACM;EAChB;AACF,CAAC;AAED,MAAMI,WAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EACEF,GAAG,EAAE,WAAW;EAChBC,KAAK,eAAE,IAAApB,WAAA,CAAAsB,GAAA,EAACzB,cAAA,CAAA0B,aAAa;IAACC,IAAI,EAAE,EAAG;IAACX,KAAK,EAAEL,qBAAM,CAACM;EAAU,CAAE,CAAC;EAC3DO,KAAK,EAAE,WAAW;EAClBI,iBAAiB,EAAErB;AACrB,CAAC,EACD;EAAEe,GAAG,EAAE,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,EAClC;EAAEF,GAAG,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEI,iBAAiB,EAAErB;AAAwB,CAAC,CAC7F;AAEM,MAAMsB,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACjD,MAAMC,KAAK,GAAG,IAAAC,sBAAO,EAACN,KAAK,CAACK,KAAK,CAACE,MAAM,CAAC;EAEzC,MAAMC,WAAW,GAAGN,MAAM,CAACO,WAAW,CAACC,WAAW;EAClD,MAAMC,iBAAiB,GAAGR,MAAM,CAACS,OAAO,CAACC,QAAQ;EAEjD,MAAMC,iBAAiB,GAAG;IACxB,CAACpC,2BAAY,CAACC,OAAO,GAAG;MACtBC,eAAe,EAAE4B,WAAW;MAC5BzB,WAAW,EAAE4B,iBAAiB;MAC9B1B,UAAU,EAAE0B,iBAAiB;MAC7BzB,KAAK,EAAEL,qBAAM,CAACkC;IAChB,CAAC;IACD,CAACrC,2BAAY,CAACU,KAAK,GAAG;MACpBR,eAAe,EAAE4B,WAAW;MAC5BzB,WAAW,EAAE4B,iBAAiB;MAC9B1B,UAAU,EAAE0B,iBAAiB;MAC7BzB,KAAK,EAAEL,qBAAM,CAACkC;IAChB,CAAC;IACD,CAACrC,2BAAY,CAACsC,OAAO,GAAG;MACtBpC,eAAe,EAAE4B,WAAW;MAC5BzB,WAAW,EAAE4B,iBAAiB;MAC9B1B,UAAU,EAAE0B,iBAAiB;MAC7BzB,KAAK,EAAEL,qBAAM,CAACkC;IAChB,CAAC;IACD,CAACrC,2BAAY,CAACuC,MAAM,GAAG;MACrBrC,eAAe,EAAE4B,WAAW;MAC5BzB,WAAW,EAAE4B,iBAAiB;MAC9B1B,UAAU,EAAE0B,iBAAiB;MAC7BzB,KAAK,EAAEL,qBAAM,CAACkC;IAChB;EACF,CAAC;EAED,MAAMG,OAAO,GAAG3B,WAAW,CAAC4B,GAAG,CAAC,CAAC;IAAEzB,KAAK;IAAEI,iBAAiB;IAAE,GAAGsB;EAAM,CAAC,KAAK;IAC1E,MAAMC,UAAU,GAAG3B,KAAK,KAAK,OAAO;IACpC,MAAM4B,WAAW,GAAGD,UAAU,IAAIhB,KAAK,GAAGS,iBAAiB,GAAGhB,iBAAiB;IAE/E,OAAO;MACL,GAAGsB,KAAK;MACRtB,iBAAiB,EAAEwB,WAAW;MAC9BC,SAAS,EAAEA,CAAA,KAAM;QACf,IAAI7B,KAAK,KAAK,WAAW,EAAE,OAAOM,KAAK,CAACK,KAAK,CAACmB,GAAG,CAAC;UAAEC,KAAK,EAAE;QAAS,CAAC,CAAC;QACtE,IAAI/B,KAAK,KAAK,OAAO,EAAE,OAAOM,KAAK,CAACK,KAAK,CAACqB,QAAQ,CAAC,CAAC;QACpD1B,KAAK,CAACK,KAAK,CAACmB,GAAG,CAAC;UAAE9B;QAAM,CAAC,CAAC;MAC5B;IACF,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,YAAA,CAAA4D,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAA1D,WAAA,CAAAsB,GAAA,EAAC1B,cAAA,CAAA+D,WAAW;MACVC,SAAS,EAAE,CAAE;MACb/C,KAAK,EAAEgD,gCAAiB,CAACC,IAAK;MAC9BtC,IAAI,EAAEuC,+BAAgB,CAACC,KAAM;MAC7BnB,OAAO,EAAEA,OAAQ;MACjBU,KAAK,EAAE;QACLE,SAAS,EAAED,MAAM,CAACS,IAAI;QACtBC,GAAG,EAAEV,MAAM,CAACU,GAAG;QACfC,MAAM,EAAE;UACNC,MAAM,EAAEZ,MAAM,CAACa,YAAY;UAC3BC,IAAI,EAAEd,MAAM,CAACe;QACf;MACF;IAAE,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAA9C,aAAA,GAAAA,aAAA;AAED,MAAM8B,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTkB,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,SAAS,EAAED,sBAAO,CAAC,GAAG;EACxB,CAAC;EACDZ,IAAI,EAAE;IACJc,KAAK,EAAE,GAAG;IACVC,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDX,GAAG,EAAE;IACHc,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDR,YAAY,EAAE;IACZY,MAAM,EAAE;EACV,CAAC;EACDV,UAAU,EAAE;IACVW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/FluencySolvingCard.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _FluencyNumpad = require("./FluencyNumpad.js");
+var _FluencyEquationCard = require("./FluencyEquationCard.js");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
+var _FluencyContext = require("../../context/FluencyContext.js");
+var _commonConstants = require("../../../../shared/common.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FluencySolvingCard = () => {
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    header,
+    icon: OperatorIcon
+  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const accentColor = header.streakColor.todayBorder; // TODO: add accentColor in mode preset.
+  const input = (0, _effectorReact.useUnit)(model.input.$state);
+  (0, _react.useEffect)(() => {
+    if (!_commonConstants.isWeb) return;
+    const handleKeyDown = event => {
+      const isDigit = /^\d$/.test(event.key);
+      if (isDigit) return model.input.set({
+        value: Number(event.key)
+      });
+      if (event.key === 'Backspace') return model.input.set({
+        erase: 'latest'
+      });
+      if (event.key === 'Enter') return model.input.submitFx();
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.wrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyEquationCard.FluencyEquationCard, {
+        accentColor: accentColor,
+        OperatorIcon: OperatorIcon,
+        input: input
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyNumpad.FluencyNumpad, {})]
+  });
+};
+exports.FluencySolvingCard = FluencySolvingCard;
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    alignItems: 'center',
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[600],
+    marginTop: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=FluencySolvingCard.js.map

package/dist/commonjs/features/fluency/components/fluency-solving/FluencySolvingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_FluencyNumpad","_FluencyEquationCard","_reactNativeUi","_useFluencyModePreset","_FluencyContext","_commonConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FluencySolvingCard","model","useFluency","header","icon","OperatorIcon","useFluencyModePreset","accentColor","streakColor","todayBorder","input","useUnit","$state","useEffect","isWeb","handleKeyDown","event","isDigit","test","key","value","Number","erase","submitFx","window","addEventListener","removeEventListener","jsxs","View","children","jsx","style","styles","wrapper","FluencyEquationCard","FluencyNumpad","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","paddingHorizontal","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/FluencySolvingCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/FluencySolvingHeader.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
+var _XCloseIcon = require("../../../../shared/icons/XCloseIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencySolvingHeader = ({
+  onClosePress
+}) => {
+  const t = (0, _i18n.useText)();
+  const {
+    matrix,
+    header,
+    icon: OperatorIcon
+  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const accentColor = header.streakColor.todayBorder;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      variant: _reactNativeUi.ButtonVariant.SECONDARY,
+      size: _reactNativeUi.ButtonSize.LARGE,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_XCloseIcon.XCloseIcon, {}),
+      onPress: onClosePress
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.operatorBadge, {
+        backgroundColor: accentColor
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OperatorIcon, {
+        color: _reactNativeUi.COLORS.NEUTRAL_1,
+        size: 16
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H4,
+      style: styles.title,
+      children: t(matrix.operatorName)
+    })]
+  });
+};
+exports.FluencySolvingHeader = FluencySolvingHeader;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: 76,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 14,
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[600],
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  operatorBadge: {
+    width: 32,
+    height: 32,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=FluencySolvingHeader.js.map

package/dist/commonjs/features/fluency/components/fluency-solving/FluencySolvingHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_useFluencyModePreset","_XCloseIcon","_jsxRuntime","e","__esModule","default","FluencySolvingHeader","onClosePress","t","useText","matrix","header","icon","OperatorIcon","useFluencyModePreset","accentColor","streakColor","todayBorder","jsxs","View","style","styles","container","children","jsx","Button","variant","ButtonVariant","SECONDARY","size","ButtonSize","LARGE","XCloseIcon","onPress","operatorBadge","backgroundColor","color","COLORS","NEUTRAL_1","Typography","HeadingVariants","H4","title","operatorName","exports","StyleSheet","create","height","flexDirection","alignItems","gap","paddingVertical","SPACING","paddingHorizontal","SHADOWS","width","borderRadius","BORDER_RADIUS","justifyContent","NEUTRAL_10","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/FluencySolvingHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAWA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAgE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMzD,MAAMG,oBAAoB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnF,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC,MAAM;IAAEC,MAAM;IAAEC,IAAI,EAAEC;EAAa,CAAC,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACrE,MAAMC,WAAW,GAAGJ,MAAM,CAACK,WAAW,CAACC,WAAW;EAElD,oBACE,IAAAf,WAAA,CAAAgB,IAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAArB,WAAA,CAAAsB,GAAA,EAAC1B,cAAA,CAAA2B,MAAM;MACLC,OAAO,EAAEC,4BAAa,CAACC,SAAU;MACjCC,IAAI,EAAEC,yBAAU,CAACC,KAAM;MACvBnB,IAAI,eAAE,IAAAV,WAAA,CAAAsB,GAAA,EAACvB,WAAA,CAAA+B,UAAU,IAAE,CAAE;MACrBC,OAAO,EAAE1B;IAAa,CACvB,CAAC,eACF,IAAAL,WAAA,CAAAsB,GAAA,EAAC3B,YAAA,CAAAsB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACa,aAAa,EAAE;QAAEC,eAAe,EAAEpB;MAAY,CAAC,CAAE;MAAAQ,QAAA,eACpE,IAAArB,WAAA,CAAAsB,GAAA,EAACX,YAAY;QAACuB,KAAK,EAAEC,qBAAM,CAACC,SAAU;QAACT,IAAI,EAAE;MAAG,CAAE;IAAC,CAC/C,CAAC,eACP,IAAA3B,WAAA,CAAAsB,GAAA,EAAC1B,cAAA,CAAAyC,UAAU;MAACb,OAAO,EAAEc,8BAAe,CAACC,EAAG;MAACrB,KAAK,EAAEC,MAAM,CAACqB,KAAM;MAAAnB,QAAA,EAC1Df,CAAC,CAACE,MAAM,CAACiC,YAAY;IAAC,CACb,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAtC,oBAAA,GAAAA,oBAAA;AAED,MAAMe,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BxB,SAAS,EAAE;IACTyB,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDpB,aAAa,EAAE;IACbqB,KAAK,EAAE,EAAE;IACTR,MAAM,EAAE,EAAE;IACVS,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCR,UAAU,EAAE,QAAQ;IACpBS,cAAc,EAAE,QAAQ;IACxB,GAAGJ,sBAAO,CAAC,CAAC;EACd,CAAC;EACDZ,KAAK,EAAE;IACLN,KAAK,EAAEC,qBAAM,CAACsB,UAAU;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/FluencySolvingProgress.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingProgress = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencySolvingProgress = ({
+  total,
+  activeIndex
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: Array.from({
+      length: total
+    }).map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: index === activeIndex ? styles.dotActive : styles.dot
+    }, index))
+  });
+};
+exports.FluencySolvingProgress = FluencySolvingProgress;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[200],
+    paddingHorizontal: _reactNativeUi.SPACING[600],
+    paddingVertical: 14,
+    justifyContent: 'center'
+  },
+  dot: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4
+  },
+  dotActive: {
+    width: 34,
+    height: 12,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10,
+    borderRadius: 9999
+  }
+});
+//# sourceMappingURL=FluencySolvingProgress.js.map

package/dist/commonjs/features/fluency/components/fluency-solving/FluencySolvingProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","FluencySolvingProgress","total","activeIndex","jsx","View","style","styles","container","children","Array","from","length","map","_","index","dotActive","dot","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingHorizontal","paddingVertical","justifyContent","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_4","NEUTRAL_10"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/FluencySolvingProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA4D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOrD,MAAMG,sBAAsB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,KAAK;EAC7F,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEV;IAAM,CAAC,CAAC,CAACW,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC1C,IAAAlB,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;MAAaC,KAAK,EAAES,KAAK,KAAKZ,WAAW,GAAGI,MAAM,CAACS,SAAS,GAAGT,MAAM,CAACU;IAAI,GAApEF,KAAsE,CAClF;EAAC,CACE,CAAC;AAEX,CAAC;AAAAG,OAAA,CAAAjB,sBAAA,GAAAA,sBAAA;AAED,MAAMM,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,eAAe,EAAE,EAAE;IACnBC,cAAc,EAAE;EAClB,CAAC;EACDT,GAAG,EAAE;IACHU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEC,qBAAM,CAACC;EAC1B,CAAC;EACDhB,SAAS,EAAE;IACTW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,eAAe,EAAEC,qBAAM,CAACE,UAAU;IAClCJ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/FluencyMatrix.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyMatrix = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _MatrixLegend = require("./components/MatrixLegend.js");
+var _MatrixFill = require("./components/MatrixFill.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyMatrix = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.body,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixFill.MatrixFill, {})
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixLegend.MatrixLegend, {})]
+});
+exports.FluencyMatrix = FluencyMatrix;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  body: {
+    flex: 1,
+    padding: _reactNativeUi.SPACING[300],
+    minHeight: 354
+  }
+});
+//# sourceMappingURL=FluencyMatrix.js.map

package/dist/commonjs/features/fluency/components/matrix/FluencyMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixLegend","_MatrixFill","_jsxRuntime","e","__esModule","default","FluencyMatrix","jsxs","View","style","styles","container","children","jsx","body","MatrixFill","MatrixLegend","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","overflow","SHADOWS","padding","SPACING","minHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/matrix/FluencyMatrix.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,aAAa,GAAGA,CAAA,kBAC3B,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAV,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAF,QAAA,eACvB,IAAAV,WAAA,CAAAW,GAAA,EAACZ,WAAA,CAAAc,UAAU,IAAE;EAAC,CACV,CAAC,eACP,IAAAb,WAAA,CAAAW,GAAA,EAACb,aAAA,CAAAgB,YAAY,IAAE,CAAC;AAAA,CACZ,CACP;AAAAC,OAAA,CAAAX,aAAA,GAAAA,aAAA;AAED,MAAMI,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE,QAAQ;IAClB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDb,IAAI,EAAE;IACJM,IAAI,EAAE,CAAC;IACPQ,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/components/MatrixCell.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _fluencyHelpers = require("../../../fluency.helpers.js");
+var _fluencyConstants = require("../../../fluency.constants.js");
+var _StarFillIcon = require("../../../assets/StarFillIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MatrixCell = ({
+  row,
+  col,
+  score,
+  mastery
+}) => {
+  const label = (0, _fluencyHelpers.getCellLabel)(row, col);
+  const isMastered = score !== null && (0, _fluencyHelpers.getMasteryLevel)(score) === _fluencyConstants.FluencyMasteryLevel.MASTERED;
+  const background = score !== null ? (0, _fluencyHelpers.getCellColorByScore)(score, mastery) : (0, _fluencyHelpers.getCellBackground)(row, col);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.cell, {
+      backgroundColor: background
+    }],
+    children: [isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {}), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.headerText,
+      children: label
+    })]
+  });
+};
+exports.MatrixCell = MatrixCell;
+const styles = _reactNative.StyleSheet.create({
+  cell: {
+    flex: 1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[100],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  headerText: {
+    fontSize: 13,
+    color: _reactNativeUi.COLORS.NEUTRAL_2
+  }
+});
+//# sourceMappingURL=MatrixCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_jsxRuntime","e","__esModule","default","MatrixCell","row","col","score","mastery","label","getCellLabel","isMastered","getMasteryLevel","FluencyMasteryLevel","MASTERED","background","getCellColorByScore","getCellBackground","jsxs","View","style","styles","cell","backgroundColor","children","jsx","StarFillIcon","Text","headerText","exports","StyleSheet","create","flex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","fontSize","color","COLORS","NEUTRAL_2"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAMA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA2D,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUpD,MAAMG,UAAU,GAAGA,CAAC;EAAEC,GAAG;EAAEC,GAAG;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3E,MAAMC,KAAK,GAAG,IAAAC,4BAAY,EAACL,GAAG,EAAEC,GAAG,CAAC;EACpC,MAAMK,UAAU,GAAGJ,KAAK,KAAK,IAAI,IAAI,IAAAK,+BAAe,EAACL,KAAK,CAAC,KAAKM,qCAAmB,CAACC,QAAQ;EAC5F,MAAMC,UAAU,GACdR,KAAK,KAAK,IAAI,GAAG,IAAAS,mCAAmB,EAACT,KAAK,EAAEC,OAAO,CAAC,GAAG,IAAAS,iCAAiB,EAACZ,GAAG,EAAEC,GAAG,CAAC;EAEpF,oBACE,IAAAN,WAAA,CAAAkB,IAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAER;IAAW,CAAC,CAAE;IAAAS,QAAA,GACzDb,UAAU,iBAAI,IAAAX,WAAA,CAAAyB,GAAA,EAAC1B,aAAA,CAAA2B,YAAY,IAAE,CAAC,EAC9BjB,KAAK,KAAK,IAAI,iBAAI,IAAAT,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAgC,IAAI;MAACP,KAAK,EAAEC,MAAM,CAACO,UAAW;MAAAJ,QAAA,EAAEf;IAAK,CAAO,CAAC;EAAA,CAC7D,CAAC;AAEX,CAAC;AAAAoB,OAAA,CAAAzB,UAAA,GAAAA,UAAA;AAED,MAAMiB,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,IAAI,EAAE;IACJU,IAAI,EAAE,CAAC;IACPC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDR,UAAU,EAAE;IACVS,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEC,qBAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixFill = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _MatrixCell = require("./MatrixCell.js");
+var _fluencyConstants = require("../../../fluency.constants.js");
+var _useFluencyModePreset = require("../../../hooks/useFluencyModePreset.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MOCK_SCORES = {
+  '1-1': 90,
+  '2-3': 70,
+  '3-5': 50,
+  '5-2': 30,
+  '4-4': 10,
+  '1-5': 85,
+  '3-3': 45
+};
+const MatrixFill = () => {
+  const {
+    matrix
+  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.grid,
+    children: Array.from({
+      length: _fluencyConstants.MATRIX_SIZE
+    }, (_, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      children: Array.from({
+        length: _fluencyConstants.MATRIX_SIZE
+      }, (_, col) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
+        row: row,
+        col: col,
+        score: MOCK_SCORES[`${row}-${col}`] ?? null,
+        mastery: matrix.mastery
+      }, col))
+    }, row))
+  });
+};
+exports.MatrixFill = MatrixFill;
+const styles = _reactNative.StyleSheet.create({
+  grid: {
+    flex: 1,
+    gap: _reactNativeUi.SPACING[50]
+  },
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[50]
+  }
+});
+//# sourceMappingURL=MatrixFill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixCell","_fluencyConstants","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","MOCK_SCORES","MatrixFill","matrix","useFluencyModePreset","jsx","View","style","styles","grid","children","Array","from","length","MATRIX_SIZE","_","row","col","MatrixCell","score","mastery","exports","StyleSheet","create","flex","gap","SPACING","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAA0E,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1E,MAAMG,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;AAEM,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EAEzC,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,EACtBC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEC;IAAY,CAAC,EAAE,CAACC,CAAC,EAAEC,GAAG,kBAC1C,IAAAnB,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,IAAI;MAAWC,KAAK,EAAEC,MAAM,CAACQ,GAAI;MAAAN,QAAA,EAC/BC,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAEC;MAAY,CAAC,EAAE,CAACC,CAAC,EAAEE,GAAG,kBAC1C,IAAApB,WAAA,CAAAQ,GAAA,EAACX,WAAA,CAAAwB,UAAU;QAETF,GAAG,EAAEA,GAAI;QACTC,GAAG,EAAEA,GAAI;QACTE,KAAK,EAAElB,WAAW,CAAC,GAAGe,GAAG,IAAIC,GAAG,EAAE,CAAC,IAAI,IAAK;QAC5CG,OAAO,EAAEjB,MAAM,CAACiB;MAAQ,GAJnBH,GAKN,CACF;IAAC,GATOD,GAUL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAAAK,OAAA,CAAAnB,UAAA,GAAAA,UAAA;AAED,MAAMM,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,IAAI,EAAE;IACJe,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEC,sBAAO,CAAC,EAAE;EACjB,CAAC;EACDV,GAAG,EAAE;IACHQ,IAAI,EAAE,CAAC;IACPG,aAAa,EAAE,KAAK;IACpBF,GAAG,EAAEC,sBAAO,CAAC,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}